Web page design HTML and web edito

Web page design
HTML and web editors
The code behind most web pages is HTLM (hyper text markup language), which consists of commands called tags. Tags are placed around pieces of text to tell the web browser how to display text or pictures. You can view the source HTML code of web page by choosing the Page Source option in your web browser. But you needn’t learn HTLM in order to build your own website. Instead, you can use a word processor with web design capabilities or a dedicated web editor like Macromedia Dreamweaver or Microsoft FrontPage. Web editors are user-friendly and WYSIWYG (What you see is what you get). Different buttons and menu item let you design a page without writing HTML.
HTML files have this basic structure:
Some basic HTML source code
HTML file displayed as a web page
Web page elements
There are a number of different element that you can use in a web page:
 Text – displayed in a variety of front and size. Most text files are available in two formats: HTML or PDF (the portable document format that you can be viewed with Acrobat Reader).
 Background – the underlying colors and patterns of a web page.
 Tables – with columns and rows, used to position images and text on a page.
 Frames – rectangular areas that allow the display of different page in the same browser window.
 Cascading Style Sheets (CSS) – a mechanism for adding styles to web documents. You could use HTML code to specify the font, text styled and background color. Nowadays, however, it is more common to use CSS. This makes it easy to apply presentation changes across website.
 Graphics, clip art, icons, background templates, wallpaper, and transparent images – common formats are .jpg (joint photographic experts group), ideal for picture with many colour, .git (graphics interchange format), ideal for pictures which fewer colours,and .png (portable network graphics),which supports 16 million colours.
 Hyperlink – highlighted text or pictures (buttons, image maps, etc.) that act as links to other pages. If you want to share information with people, you can use RSS feeds and provide readers with a link to the feed. RSS podcasts, etc. before going live, you should check that all the links work.
Audio, video and animation
Many websites now incorporate audio files, and if you’re designing a site, you may like to insert songs, podcasts, etc. The most common audio formats are: .wav (Windows wave audio format), .ra (RealAudio file) and .mp3 (MPEG-1 Audio Layer-3).
Full-motion video is stored in these formats: .avi (audio video interleave), .mov (QuickTime movie) and .mpg (moving picture experts group).
If you want to inject something special into your web pages, you can use Adobe Flash to include interactive animations and streaming audio. Additionally, you can insert Java applets – small programs that enable the creation of interactive files. Animation are made up of a series of independent pictures put together in sequence to look like moving pictures. To see or hear all these files, you must have the right plug – in, an auxiliary program that expands the capabilities of your web browser.

ผลลัพธ์ (ไทย) 1:

ออกแบบเว็บเพจ
ตัวแก้ไข HTML และเว็บ
โค้ดเบื้องหลังหน้าเว็บส่วนใหญ่เป็น HTLM (ข้อความไฮเปอร์ภาษามาร์กอัป), ซึ่งประกอบด้วยคำสั่งที่เรียกว่าแท็ก แท็กจะถูกวางรอบ ๆ ชิ้นส่วนของข้อความจะบอกเว็บเบราว์เซอร์วิธีการแสดงข้อความหรือรูปภาพ คุณสามารถดูต้นฉบับโค้ด HTML ของเว็บเพจ โดยเลือกแหล่งหน้าในเบราว์เซอร์ของคุณ แต่คุณไม่จำเป็นต้องเรียนรู้ HTLM เพื่อสร้างเว็บไซต์ของคุณเอง แทน คุณสามารถใช้โปรแกรมประมวลผลคำกับความสามารถในการออกแบบเว็บหรือเว็บเฉพาะตัวแก้ไขเช่น Macromedia Dreamweaver หรือ Microsoft FrontPage บรรณาธิการเว็บจะง่าย และแบบ WYSIWYG (สิ่งที่คุณเห็นคือ สิ่งที่คุณได้รับ) ปุ่มและเมนูสินค้าต่าง ๆ ช่วยให้คุณออกแบบเพจได้โดยไม่ต้องเขียน HTML
แฟ้ม HTML มีโครงสร้างพื้นฐานนี้:
บางโค้ดต้นฉบับ HTML พื้นฐาน
แฟ้ม HTML ที่แสดงเป็นเว็บเพจ
องค์ประกอบเว็บเพจ
มีจำนวนองค์ประกอบต่าง ๆ ที่คุณสามารถใช้ในเว็บเพจ:
ข้อความ – แสดงหลายหน้าและขนาด แฟ้มข้อความมากที่สุดมี 2 รูปแบบคือ: HTML หรือ PDF (แบบพกพารูปแบบเอกสารที่คุณสามารถดูได้ ด้วยเครื่องอ่าน Acrobat) .
พื้น – สีและรูปแบบของเว็บเพจต้น
ตาราง – ด้วยคอลัมน์และแถว ใช้ในการวางภาพและข้อความบนหน้าเป็นการ
เฟรมพื้นที่สี่เหลี่ยมที่ทำให้การแสดงหน้าแตกต่างกันในเดียวกันเบราว์เซอร์หน้าต่าง
 Cascading สไตล์ชี (CSS) – กลไกสำหรับการเพิ่มรูปแบบเอกสารเว็บ คุณสามารถใช้รหัส HTML เมื่อต้องการระบุแบบอักษร ข้อความสไตล์ และสีพื้นหลัง ปัจจุบัน อย่างไรก็ตาม ได้ทั่วไปการใช้ CSS ทำได้ง่ายใช้การเปลี่ยนแปลงงานนำเสนอบนเว็บไซต์
กราฟิก ปะ ไอคอน แม่ แบบพื้นหลัง วอลล์เปเปอร์ และภาพโปร่งใสรูปแบบทั่วไปเป็น.jpg (กลุ่มผู้เชี่ยวชาญถ่ายภาพร่วมกัน), เหมาะสำหรับภาพที่มีสีมากมาย .git (แลกเปลี่ยนระหว่างกราฟิกรูปแบบ), เหมาะสำหรับภาพที่น้อยกว่าสี และ.png (กราฟิกเครือข่ายแบบพกพา), ซึ่งสนับสนุน 16 ล้านสี
มิติ – เน้นข้อความหรือรูปภาพ (ปุ่ม ภาพแผนที่ ฯลฯ) ที่ทำหน้าที่เป็นลิงค์ไปยังหน้าอื่น ๆ ถ้าคุณต้องการใช้ข้อมูลร่วมกันกับบุคคล คุณสามารถใช้เนื้อหาสรุป RSS และให้ผู้อ่าน มีการเชื่อมโยงเนื้อหาสรุป พอดคาสต์ RSS ฯลฯ ก่อนที่จะถ่ายทอดสด คุณควรตรวจสอบว่าทั้งหมดเชื่อมโยงงาน.
เสียง วิดีโอและภาพเคลื่อนไหว
เว็บไซต์ในขณะนี้รวมไฟล์เสียง และถ้าคุณกำลังออกแบบไซต์ คุณอาจต้องการแทรกเพลง พอดคาสต์ ฯลฯ รูปแบบเสียงทั่ว: .wav (Windows คลื่นเสียงรูปแบบ), .ra (RealAudio ไฟล์) และ.mp3 (MPEG-1 เสียงชั้น-3) .
วิดีโอเคลื่อนไหวเต็มอยู่ในรูปแบบนี้: .avi (เสียเสียงวิดีโอ interleave จ่าย),mov (QuickTime ภาพยนตร์) และ.mpg (เอ็ม) .
ถ้าต้องการฉีดสิ่งพิเศษในหน้าเว็บของคุณ คุณสามารถใช้ Adobe Flash ภาพเคลื่อนไหวแบบโต้ตอบและเสียงสตรีมมิ่งได้ นอกจากนี้ คุณสามารถแทรกจาวาแอปเพล็ต – โปรแกรมเล็ก ๆ ที่ช่วยให้การสร้างไฟล์แบบโต้ตอบ ภาพเคลื่อนไหวประกอบด้วยชุดของอิสระภาพใส่กันในลำดับให้ดูเหมือนภาพเคลื่อนไหว การดู หรือฟังไฟล์เหล่านี้ คุณต้องมีปลั๊กขวา – ใน โปรแกรมเสริมที่ขยายความสามารถของเว็บเบราว์เซอร์ของคุณ

ผลลัพธ์ (ไทย) 3:

ออกแบบหน้าเว็บ HTML และบรรณาธิการเว็บ

โค้ดหน้าเว็บมากที่สุด คือ htlm ( Hyper ข้อความ Markup Language ) ซึ่งประกอบด้วยคำสั่งเรียกแท็ก แท็กจะถูกวางไว้รอบ ๆชิ้นของข้อความไปบอกเว็บเบราว์เซอร์ วิธีการแสดงข้อความหรือรูปภาพ คุณสามารถดูแหล่งที่มาของรหัส HTML ของหน้าเว็บโดยการเลือกแหล่งที่มาของหน้าตัวเลือกในเว็บเบราเซอร์ของคุณแต่คุณไม่ต้องเรียนรู้ htlm เพื่อที่จะสร้างเว็บไซต์ของคุณเอง แต่คุณสามารถใช้โปรแกรมประมวลผลคำที่มีความสามารถในการออกแบบเว็บหรือเว็บโดยเฉพาะ เช่น Macromedia Dreamweaver หรือโปรแกรม Microsoft FrontPage . แก้ไขเว็บได้ง่าย และแบบ WYSIWYG ( สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ ) ปุ่มและเมนูที่แตกต่างกันให้คุณออกแบบหน้าเว็บโดยไม่ต้องเขียน HTML
ไฟล์ HTML มีโครงสร้างพื้นฐานนี้ :
พื้นฐาน HTML รหัสที่มา HTML ไฟล์
แสดงหน้าเว็บหน้าเว็บองค์ประกอบ

มีจำนวนขององค์ประกอบที่แตกต่างกันที่คุณสามารถใช้ในหน้าเว็บ :
ข้อความ–แสดงความหลากหลายของหน้าและขนาด ไฟล์ข้อความมากที่สุดที่มีอยู่ในสองรูปแบบ : HTML หรือ PDF ( Portable Document Format ที่คุณสามารถดูได้ด้วยโปรแกรม Acrobat Reader
)พื้นหลัง ( สีและรูปแบบพื้นฐานของเว็บเพจ
ตารางและคอลัมน์และแถว ใช้ภาพตำแหน่งและข้อความในหน้า –พื้นที่สี่เหลี่ยมกรอบ
ที่ให้การแสดงที่แตกต่างกันหน้าในหน้าต่างเบราว์เซอร์เดียวกัน
 Cascading Style Sheets ( CSS ) และกลไกเพื่อเพิ่ม รูปแบบเอกสารเว็บ คุณสามารถใช้รหัส HTML เพื่อระบุแบบอักษรสไตล์ข้อความและสีพื้นหลัง อย่างไรก็ตาม ในปัจจุบันนี้ โดยทั่วไปจะใช้ CSS นี้ทำให้ง่ายต่อการใช้การเปลี่ยนแปลงการนำเสนอผ่านเว็บไซต์
กราฟิกคลิปศิลปะไอคอน , แม่แบบพื้นหลัง , วอลล์เปเปอร์และภาพโปร่งใสและรูปแบบทั่วไปเป็น . jpg ( กลุ่มรวมผู้เชี่ยวชาญภาพถ่าย ) เหมาะสำหรับภาพที่มีสีมากมาย กิต ( Graphics Interchange Format )เหมาะสำหรับภาพที่มีสีน้อยและ . png ( กราฟิกเครือข่ายแบบพกพา ) ซึ่งสนับสนุน 16 ล้านสี .
เชื่อมโยงหลายมิติและเน้นข้อความหรือรูปภาพ ( ปุ่ม , ภาพแผนที่ , ฯลฯ ) ที่แสดงการเชื่อมโยงไปยังหน้าเว็บอื่น ๆ ถ้าคุณต้องการที่จะแบ่งปันข้อมูลกับบุคคล คุณสามารถใช้ RSS ฟีดและให้ผู้อ่านเชื่อมโยงไปยังอาหาร RSS podcasts ฯลฯ ก่อนไปอยู่คุณควรตรวจสอบที่การเชื่อมโยงทั้งหมดทำงาน

เสียง , วิดีโอและภาพเคลื่อนไหวหลายเว็บไซต์ตอนนี้รวมไฟล์เสียง ถ้าคุณกำลังออกแบบเว็บไซต์ คุณอาจต้องการใส่เพลง , podcasts , ฯลฯ ที่พบมากที่สุดรูปแบบเสียง : WAV ( รูปแบบคลื่นของ Windows ( ไฟล์เสียง ) realaudio ) และ รา . mp3 ( ซึ่งเสียง layer-3 ) .
วิดีโอเคลื่อนไหวเต็มรูปแบบจะถูกเก็บไว้ในรูปแบบเหล่านี้ : AVI ( Audio Video Interleave )MOV ( QuickTime ภาพยนตร์ ) และ . MPG ( เอ็มเพก ) .
ถ้าคุณต้องการให้สิ่งที่พิเศษลงในหน้าเว็บของคุณ คุณสามารถใช้ Adobe Flash รวมถึงภาพเคลื่อนไหวโต้ตอบและสตรีมมิ่งเสียง นอกจากนี้ คุณสามารถแทรก Java applet –ขนาดเล็กโปรแกรมที่ใช้สร้างไฟล์แบบโต้ตอบภาพเคลื่อนไหวที่สร้างขึ้นจากชุดของภาพอิสระใส่กันในลำดับเหมือนย้ายภาพ เห็นหรือได้ยินไฟล์เหล่านี้ทั้งหมดที่คุณต้องมีเพื่อเสียบเข้าไป เสริม โปรแกรมที่ขยายขีดความสามารถของเว็บเบราเซอร์ของคุณ