เวิลด์ไวด์เว็บ ( World Wide Web )

เวิลด์ไวด์เว็บ (World Wide Web)

         เวิลด์ไวด์เว็บ นิยมเรียกสั้นๆ ว่าเว็บ หรือ WWW ถือเป็นส่วนที่น่าสนใจที่สุดบนอินเทอร์เน็ตเพราะ

สามารถแสดงสารสนเทศต่างๆ ได้หลากหลาย เช่น นิตยสารหรือหนังสือพิมพ์อิเล็กทรอนิกส์ข้อมูลด้านดนตรี กีฬา การศึกษา ซึ่งสามารถนำเสนอได้ทั้งภาพ เสียง รวมถึงภาพเคลื่อนไหว เช่นแฟ้มภาพวีดิทัศน์หรือตัวอย่างภาพยนตร์และการสืบค้นสารสนเทศในเวิลด์ไวด์เว็บนั้นจำเป็นต้องอาศัยโปรแกรมค้นดูเว็บ (web browser)ในการเข้าถึงแหล่งข้อมูล โดยที่เว็บกับโปรแกรมค้นผ่านจะทำหน้าที่รวบรวมและกระจายเอกสารที่เครือข่ายที่ทำไว้ เกตส์ (Gates, 1995) ได้กล่าวถึงเว็บไว้ว่า นอกเหนือจากการส่งจดหมายอิเล็กทรอนิกส์และการแลกเปลี่ยนเอกสารกันแล้ว อินเทอร์เน็ตยังสนับสนุนสืบค้นข้อมูล อันเป็นโปรแกรมการใช้งานที่ได้รับความนิยมมากที่สุดแบบหนึ่งนั่นคือเวิลด์ไวด์เว็บ ซึ่งหมายถึงเครื่องบริการเว็บที่ต่อเชื่อมเข้ากับอินเทอร์เน็ตโดยมีข่าวสารเป็นภาพกราฟิก เมื่อเชื่อมต่อเข้ากับเครื่องบริการเว็บประเภทนั้น จอภาพจะปรากฏข่าวสารพร้อมด้วยการเชื่อมโยง เมื่อเลื่อนเมาส์ไปคลิกที่จุดเชื่อมโยงใดๆ ก็จะเป็นการเปิดไปสู่อีกหน้าหนึ่งที่มีข่าวสารเพิ่มเติมพร้อมทั้งการเชื่อมโยงจุดใหม่อื่นๆ ซึ่งข่าวสารหน้าใหม่นี้อาจจะอยู่ในเครื่องบริการเว็บเดียวกันหรืออาจเป็นเครื่องบริการเว็บอื่นๆ ในอินเทอร์เน็ตกิดานันท์ มลิทอง (2540) ได้กล่าวถึงเวิลด์ไวด์เว็บว่า เป็นบริการสืบค้นสารสนเทศที่อยู่ในอินเทอร์เน็ต

ในระบบข้อความหลายมิติ (hypertext) โดยคลิกที่จุดเชื่อมโยง เพื่อเสนอหน้าเอกสารอื่นๆ ที่เกี่ยวข้อง

สารสนเทศที่นำเสนอจะมีรูปแบบทั้งในลักษณะของตัวอักษร ภาพนิ่ง ภาพเคลื่อนไหว และเสียง การเข้าสู่ระบบ

เว็บจะต้องใช้โปรแกรมทำงานซึ่งโปรแกรมที่นิยมใช้กันในปัจจุบัน ได้แก่ เน็ตสเคป นาวิเกเตอร์ (Netscape

Navigator), อินเทอร์เน็ต เอ็กซพลอเรอร์ (Internet Explorer) มอเซอิก (Mosaic) โปรแกรมเหล่านี้ช่วย

ให้การใช้เว็บในอินเทอร์เน็ตเป็นไปอย่างสะดวกยิ่งขึ้น

ความเป็นมาของเวิลด์ไวด์เว็บ

ปี พ.ศ.2533 นักวิทยาศาสตร์จากห้องทดลองของสถาบันเซิร์น (CERN) ซึ่งเป็นห้องปฏิบัติการฟิสิกส์

แห่งยุโรป ในนครเจนีวา ประเทศสวิตเซอร์แลนด์ คือ ทิม เบิร์นเนอร์ส-ลี (Tim Berners-Lee) ได้สร้างระบบ

การสื่อสารข้อมูลผ่านเครือข่ายคอมพิวเตอร์ในรูปแบบใหม่ ที่เรียกว่าไฮเพอร์เท็กซ์ (hypertext) ซึ่งผลที่ได้

ทำให้มีการสร้างโพรโทคอลแบบ HTTP (Hypertext Transport Protocol) ขึ้น เพื่อใช้ในการส่งสาร

สนเทศต่างๆ โดยจะถูกจัดอยู่ในรูปแบบใหม่ที่เรียกว่า HTML (HyperText Markp Language) ซึ่งการ

สื่อสารและการสืบค้นสารสนเทศในรูปแบบใหม่นี้ทำให้มนุษย์สามารถติดต่อสื่อสารกันได้อย่างรวดเร็วใน

ทุกรูปแบบ ไม่ว่าจะเป็นข้อความ ภาพ และเสียง (จิตเกษม พัฒนาศิริ, 2540)

จากการวิจัยดังกล่าว ในปัจจุบันได้มีการคิดค้นและสร้างสรรค์รูปแบบเพื่อสื่อสารระหว่างมนุษย์ด้วยกัน

โดยอาศัยเครือข่ายคอมพิวเตอร์เป็นตัวเชื่อมโยง ทำให้เวิลด์ไวด์เว็บกลายเป็นเครื่องมือที่ใช้การติดต่อสื่อสาร

และการนำเสนอผ่านเครือข่ายทิ่ยิ่งใหญ่ที่สุดในโลกไปแล้วในขณะนี้

เว็บไซต์ เว็บเพจและโฮมเพจ

เว็บไซต์ เว็บเพจและโฮมเพจ ถือเป็นองค์ประกอบหนึ่งของเว็บ เนื่องจากเมื่อเข้าไปในเว็บแล้ว

สารสนเทศหรือข้อมูลต่างๆ ที่ต้องการสืบค้นก็คือหน้าของเอกสารที่ปรากฏบนจอคอมพิวเตอร์ ซึ่งรายละเอียด

ของแต่ละส่วนมีดังนี้     

เว็บไซต์ (Web site)

ปิยวิท เจนกิจจาไพบูลย์ (2540) ได้กล่าวว่า เว็บไซต์ ถูกเรียกเป็นตำแหน่งที่อยู่ของผู้ที่มีเว็บเพจเป็น

ของตัวเองบนระบบอินเทอร์เน็ต ซึ่งได้จากการลงทะเบียนกับผู้ให้บริการเช่าพื้นที่บนระบบอินเทอร์เน็ต

เมื่อลงทะเบียนในชื่อที่ต้องการแล้ว ก็สามารถจัดทำเว็บเพจและส่งให้ศูนย์บริการนำขึ้นไปไว้บนอินเทอร์เน็ต

ซึ่งถือว่ามีเว็บไซต์เป็นของตนเองแล้ว และเว็บไซต์ก็คือแหล่งที่รวบรวมเว็บเพจจำนวนมากมายหลายหน้า

ในเรื่องเดียวกันมารวมอยู่ด้วยกัน แต่สิ่งหนึ่งในการเสนอเรื่องราวที่อยู่บนเว็บไซต์ที่แตกต่างไปจากโปรแกรม

โทรทัศน์ เนื้อหาในนิตยสาร หรือหนังสือพิมพ์ เนื่องจากการทำงานบนเว็บจะไม่มีวันสิ้นสุด ทั้งนี้เนื่องจากเรา

สามารถเปลี่ยนแปลงและเพิ่มสารสนเทศบนเว็บไซต์ได้ตลอดเวลา และแต่ละเว็บเพจจะมีการเชื่อมโยง

กันภายในเว็บไซต์หรือไปยังเว็บไซต์อื่นๆ เพื่อให้ผู้อ่านสามารถอ่านได้ในเวลาอันรวดเร็ว (กิดานันท์ มลิทอง,

2542)

นิรุธ อำนวยศิลป์ (2542) กล่าวถึงเว็บไซต์ว่า เป็นชื่อเรียก Host หรือ Server ที่ได้จดทะเบียนอยู่ใน

เวิลด์ไวด์เว็บ ซึ่งก็คือชื่อชื่อ Host ที่ถูกกำหนดให้มีชื่อในเวิลด์ไวด์เว็บ และขึ้นต้นด้วย http และมีโดเมน

หรือนามสกุลเป็น .com, .net, .org หรืออื่นๆ

เว็บเพจ (Web page)

สำนักงานเลขานุการคณะกรรมการเทคโนโลยีสารสนเทศแห่งชาติ ศูนย์เทคโนโลยีอิเล็กทรอนิกส์และ

คอมพิวเตอร์แห่งชาติ (2540) ได้ให้ความหมายของเว็บเพจไว้ดังนี้ เว็บเพจ คือหน้าหนังสืออิเล็กทรอนิกส์

บนเว็บ ที่เจ้าของเว็บเพจ ต้องการจะใส่ลงไปในหน้าหนังสืออิเล็กทรอนิกส์นั้น เช่น ข้อมูลแนะนำตัวเอง

ซึ่งอาจเป็นบุคคลหรือองค์กรที่ต้องการให้ผู้อื่นได้ทราบ หรือข้อมูลที่น่าสนใจ เป็นต้น โดยที่ข้อมูลที่แสดง

เป็นได้ทั้งข้อความ เสียง ภาพนิ่ง และภาพเคลื่อนไหวและข้อมูลที่นำเสนอสามารถเชื่อมโยงในรูปของ

ไฮเพอร์เท็กซ์ คือ เชื่อมโยงไปยังเว็บเพจอื่นที่จะให้ข้อมูลนั้นๆ ในระดับลึกลงไปได้เรื่อยๆและเว็บเพจจะ

ต้องมีที่อยู่อิเล็กทรอนิกส์บนเครือข่ายเฉพาะของตน ซึ่งแหล่งที่อยู่นี้เรียกว่า URL (Uniform Resource

Locator)

แมทธิว (Matthews, 1997) ได้ให้ความหมายของเว็บเพจว่า เป็นแฟ้มข้อความที่อยู่ในรูปของ
Hyper Text Markup Language (HTML) ซึ่งสามารถเชื่อมโยงไปสู่แฟ้มข้อมูลและเว็บเพจอื่นๆ โดยที่
แฟ้มข้อมูลจะถูกเก็บไว้ในเครื่องบริการเว็บ (web server) และสามารถที่เข้าถึงแฟ้มข้อมูลได้ด้วย
เครื่องคอมพิวเตอร์อื่นๆ ที่เชื่อมโยงกับเครื่องบริการเว็บ โดยผ่านทางเครือข่ายอินเทอร์เน็ตหรือ
ระบบแลน (LAN)

นอกจากนี้ ยังสามารถเข้าถึงแฟ้มข้อมูลได้โดยการใช้โปรแกรมค้นดูเว็บ (web browser) โดยที่
โปรแกรมจะทำการดาวน์โหลดข้อมูลมายังเครื่องคอมพิวเตอร์ และแปลคำสั่งของ HTML แล้วแสดงผล
ออกทางจอคอมพิวเตอร์

ส่วนอีกความหมายหนึ่งของเว็บเพจ คือ รูปแบบการปฏิสัมพันธ์ของการสื่อสารโดยใช้เครือข่าย
คอมพิวเตอร์ โดยส่วนประกอบสำคัญของเว็บเพจมีสองส่วนคือ ส่วนที่เป็นปฏิสัมพันธ์ และส่วนที่เป็นสื่อประสม
สำหรับส่วนที่เป็นสื่อประสมนั้นจะประกอบไปด้วย ตัวอักษร เสียง ภาพเคลื่อนไหว และแฟ้มวีดิทัศน
ซึ่งทั้งหมดนี้จะประกอบกันเพื่อนำเสนอเนื้อหา และในส่วนที่เป็นปฏิสัมพันธ์ เนื่องจากผู้ใช้สามารถส่งข้อมูล
หรือคำสั่งไปยังเว็บไซต์ที่ถูกควบคุมด้วยบริการเว็บอีกทอดหนึ่ง ในแต่ละเว็บเพจจะมีที่อยู่เว็บที่เรียกว่า
Uniform Resource Locator (URL) โดยที่อยู่เว็บ จะปรากฏในช่อง Address (เป็นส่วนของกล่อง
ข้อความและ drop-down) ที่ส่วนบนของจอภาพ

โดยที่อยู่เว็บนั้นเปรียบเสมือนทางผ่านบนอินเทอร์เน็ตเพื่อไปยังเว็บเพจที่ต้องการ เช่นเดียวกับ
การค้นหาแฟ้มต่างๆ ในคอมพิวเตอร์

กิตติ ภักดีวัฒนกุล (2540) ได้กล่าวถึงส่วนประกอบของเว็บเพจว่า มีส่วนประกอบต่างๆ ที่จำเป็นดังนี้ ดังนี้

1. Text เป็นข้อความปกติ โดยเราสามารถตกแต่งให้สวยงามและมีลูก เล่นต่างๆ ดังเช่น

โปรแกรมประมวลคำ

2. Graphic ประกอบด้วยรูปภาพ ลายเส้น ลายพื้น ต่างๆ มากมาย

3. Multimedia ประกอบด้วยรูปภาพ ภาพเคลื่อนไหว และแฟ้มเสียง

4. Counter ใช้นับจำนวนผู้ที่เข้ามาเยี่ยมชมเว็บเพจของเรา

5. Cool Links ใช้เชื่อมโยงไปยังเว็บเพจของตนเองหรือเว็บเพจของคนอื่น

6. Forms เป็นแบบฟอร์มที่ให้ผู้เข้าเยี่ยมชม กรอกรายละเอียด แล้วส่งกลับ มายังเรา 

7. Frames เป็นการแบ่งจอภาพเป็นส่วนๆ แต่ละส่วนก็จะแสดงข้อมูลที่แตก ต่างกันและเป็นอิสระจากกัน

8. Image Maps เป็นรูปภาพขนาดใหญ่ ที่กำหนดส่วนต่างๆ บนรูป เพื่อเชื่อมโยง ไปยังเว็บเพจอื่นๆ

9. Java Applets เป็นโปรแกรมสำเร็จรูปเล็กๆ ที่ใส่ลงในเว็บเพจ เพื่อให้การใช้งาน เว็บเพจ
มีประสิทธิภาพมากยิ่งขึ้น

นอกจากส่วนประกอบดังกล่าวแล้ว องค์ประกอบที่นิยมใส่ไว้ในเว็บเพจอีก 2 ส่วนได้แก่ 1) สมุดเยี่ยม
(guestbook) และ 2) เว็บบอร์ด (webboard) ที่ช่วยให้เว็บเพจกลายเป็นสื่อที่มีปฏิสัมพันธ์ระหว่าง
ผู้ใช้กับผู้สร้าง และระหว่างผู้ใช้ด้วยกันเอง โดยอาศัยหลักการที่เรียกว่า Common Gateway Interface
หรือ เรียกสั้นๆ ว่า CGI โดยมีรายละเอียดดังนี้

Common Gateway Interface (CGI)
     เป็นมาตรฐานที่ผู้ที่เข้าไปใช้ข้อมูลในเครื่องบริการเว็บในอินเทอร์เน็ต สามารถสืบค้นข้อมูลในฐานข้อมูล

เช่น หัวข้อข่าวต่างๆ หรือบทความทางวิชาการ รายชื่อหนังสือ หรือการสมัครเป็นสมาชิกเพื่อรับบริการต่างๆ
ทางอินเทอร์เน็ต ซึ่ง CGI จะทำหน้าที่ประมวลผลข้อมูลที่ได้จากการพิมพ์ข้อมูลของผู้เยี่ยมชมและแสดงผล
ออกมาทางเว็บเพจ ตัวอย่างเว็บไซต์ที่มีระบบการใช้งาน CGI ที่เป็นที่รู้จักกันทั่วโลกคือ
http://www.yahoo.com

สมุดเยี่ยม (Guestbook)
     สมุดเยี่ยม ทำหน้าที่คล้ายๆ กับสมุดบันทึก เมื่อมีผู้เข้ามาเยี่ยมและเมื่อผู้ชมได้เขียนคำติ-ชม

หรือความคิดเห็นต่างๆ ลงในแบบฟอร์มที่ได้จัดทำได้ โปรแกรมก็จะทำการประมวลผลโดย CGI
และแสดงผลที่ผู้เขียนได้บันทึกไว้ออกมาทางเว็บเพจที่เรากำหนดไว้

เว็บบอร์ด (Webboard)

     เว็บบอร์ด เป็นส่วนประกอบหนึ่งที่ทำให้เว็บกลายเป็นที่นิยม โดยเว็บบอร์ดทำหน้าที่คล้ายๆ
กับการให้ผู้เข้าเยี่ยมชมร่วมแสดงความคิดเห็น ทัศนะต่างๆ ตามที่มีการตั้งหัวข้อหรือกระทู้เอาไว้
ตัวอย่างเว็บบอร์ดที่เป็นที่นิยมมากที่สุดของไทยคือเว็บไซต์ http://www.pantip.com/
ซึ่งในแต่ละวันจะมีผู้เข้าใช้บริการราวประมาณ 30,000 คน

                                                           

                                                                                      ภาพที่ 2 ตัวอย่างสมุดเยี่ยม

                                                                  

                                                                                     ภาพที่ 3 ตัวอย่างเว็บบอร์ด

โฮมเพจ (Home page)

โดยทั่วไปแล้วในแต่ละเว็บไซต์จะมีโฮมเพจ หรือ หน้าต้อนรับ (welcome page) ซึ่งปรากฏเป็นหน้าแรก
เมื่อเปิดเว็บไซต์นั้นขึ้นมา เปรียบเสมือนกับสารบัญและคำนำ ที่เจ้าของเว็บไซต์สร้างขึ้นเพื่อใช้ประชาสัมพันธ์
องค์กรของตนว่าให้บริการในสิ่งใดบ้าง (กิดานันท์ มลิทอง, 2542)นอกจากนี้ภายในโฮมเพจก็อาจมีเอกสาร
ข้อความที่เชื่อมโยงต่อไปยังเว็บเพจอื่นได้อีก ซึ่งโฮมเพจ สามารถเชื่อมโยงกับเว็บเพจและเว็บไซต์อื่นๆ
อีกเป็นจำนวนมากได้ (งามนิจ อาจรินทร์, 2542)

จากที่กล่าวมาข้างต้น จะเห็นได้ว่าความหมายเว็บไซต์ เว็บเพจ และโฮมเพจนั้นมีลักษณะ คล้ายกัน

คือเป็นหน้าเอกสารอิเล็กทรอนิกส์ที่ปรากฏบนจอคอมพิวเตอร์โดยอาศัยระบบเครือข่ายอินเทอร์เน็ตที่เรียก
กันว่าเวิลด์ไวด์เว็บเป็นตัวกลางเชื่อมโยงระหว่างผู้ทำเว็บกับผู้ชม โดยเว็บไซต์นั้นเปรียบเสมือนศูนย์รวม
ข้อมูลข่าวสารขององค์กรหรือหน่วยงาน โดยมีเว็บเพจทำหน้าที่อธิบายขยายความในแต่ละส่วน และโฮมเพจ
ถือเป็นส่วนที่ต้อนรับและบอกกล่าวกับผู้มาชมว่าข้อมูลข่าวสารที่ผู้ชมต้องการนั้นอยู่ในส่วนไหนของเว็บไซต์

    เว็บไซต์ (Web Site) คือ เป็นแหล่งเก็บข้อมูลเว็บเพจหลายๆ เว็บเพจ แล้วรวบรวมเว็บเพจเหล่านี้เข้าด้วยกันเพื่อจัดตั้งขึ้นเป็นเว็บไซต์ โดยเว็บไซต์นั้นจะต้องมีรหัสหรือชื่อโดเมน (Domain Name) ที่ใช้ในการติดต่อสื่อสารเพื่อการเชื่อมโยงเข้าหาเว็บไซต์บนอินเทอร์เน็ต

http://www.irookie.net/blog/2008/11/19/%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%AB%E0%B8%A1%E0%B8%B2%E0%B8%A2%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C-%E0%B9%81%E0%B8%A5%E0%B8%B0/

http://www.esarndesign.com/index.php?option=com_content&view=article&id=5:2009-09-17-03-46-27&catid=2:knowledge&Itemid=10

http://guru.sanook.com/search/%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C/

โปรแกรมที่ใช้สร้างเว็บ

       โปรแกรมที่ช่วยให้เราสามารถสร้างเว็บขึ้นมาโดยไม่จำเป็นต้องเขียนโค้ดภาษา HTML เลยก็ได้ ซึ่งการสร้างเว็บเพจก็สามารถเลือกใช้เครื่องมือ (Tools) ต่างๆ ได้มากมาย โปรแกรมที่ใช้ในการสร้างเว็บ มีประสิทธิภาพและมีข้อดีข้อเสียที่แตกต่างกัน แล้วแต่จะนำไปใช้ ตัวอย่าง เครื่องมือที่ใช้สร้างเว็บเพจ เช่น โปรกรม Dreamweaver, NetObject, HomeSite , ColdFusion, FrontPage, Visual InterDev หรืออาจสร้างได้โดยใช้ภาษาสำหรับสร้างเว็บเพจ (Web Program's Language) โดยเฉพาะ เช่น Active Server Page (ASP) ,PHP, Java Server Pages (JSP), JavaScript, VBScript, Visual C++.Net ,Visual C# .Net 

ทุกโปรแกรมที่ได้กล่าวถึงข้างต้นต่างก็มีพื้นฐานมาจากการใช้ภาษา HTML (HyperText Markup Language) เกือบทั้งหมด โดยเป็นภาษาที่มีลักษณะของโค้ด คือเป็นไฟล์เก็บข้อมูลที่เป็นตัวอักษรในมาตรฐานของรหัสแอสกี (ASCII Coed) ซึ่งสามารถที่จะอ่านเข้าใจได้ และเป็นเอกสารที่มีความสามารถสูงกว่าเอกสารธรรมดาทั่วไป ทั้งนี้เพราะเป็นเอกสารแบบไฮเปอร์เท็กซ์ และจัดอยู่ในตระกูลของภาษาที่ใช้สำหรับกำหนดรูปแบบของเอกสาร (Markup Language)

กราฟิกสำหรับเว็บก็เป็นอีกองค์ประกอบหนึ่งที่สำคัญที่จะช่วยสื่อความหมายของเว็บให้ผู้ใช้ได้เข้าใจได้ง่ายยิ่งขึ้น รูปแบบกราฟิกสำหรับเว็บมีประเภทไฟล์อยู่ 2 ประเภทที่นิยม คือ GIF (Graphic Interchange Format) และ JPEG (Photographic Experts Group) ทั้งสองไฟล์นี้เป็นไฟล์ที่นักออกแบบเว็บส่วนใหญ่นำมาใช้บนหน้าเว็บเพราะเป็นไฟล์ที่มีขนาดเล็ก เมื่อนำมาจัดแสดงบนหน้าเว็บใช้เวลาในการดาว์นโหลดหน้าเว็บไม่นาน

โปรแกรม Micromedia Dreamweaver MX

โปรแกรม Dreamweaver MX เป็นเวอร์ชันล่า โดยเป็นโปรแกรมประเภท Visual Webpage Layout Tool ที่ประกอบด้วยเครื่องมือต่างๆ ที่ใช้สำหรับสร้างเว็บเพื่อนำเสนอบนอินเทอร์เน็ต มีความสามารถในด้านต่างๆ คือ สามารถสนับสนุนรูปแบบของ Dynamic HTML จัดรูปแบบหน้าเว็บด้วย CSS (Cascading Style Sheets) Dynamic HTML Animation JavaScript Behaviors การออกแบบตาราง เฟรม และการจัดการของเว็บทั้งหมดนี้เป็นเพียงบางส่วนเท่านั้น ซึ่งยังมีคุณสมบัติที่นอกเหนือจากนี้อีก ที่จะให้คุณสามารถจัดการกับเว็บได้อย่างมืออาชีพ

โปรแกรม Microsoft FrontPage 2002

จุดเด่นของโปรแกรม FrontPage ในเรื่องของการบริหารเว็บไซต์ได้อย่างดีเยี่ยมเพราะเหมาะสำหรับเว็บที่มีเนื้อหาอยู่ในรูปของโปรแกรม Microsoft Office เป็นส่วนใหญ่ โดยมีการใช้งานที่ง่ายกว่า Micromedia Dreamweaver MX เพราะไม่มีขั้นตอนยุ่งยาก โดยสามารถเปลี่ยนแปลงไฟล์เอกสารที่อยู่ในชุด Office ไม่ว่าจะเป็น Word Excel Access และ PowerPoint ให้เป็นไฟล์ HTML ได้อย่างง่าย เพราะปัจจุบันไมโครซอฟต์ได้พัฒนาชุด Office สนับสนุนการใช้บนเว็บมากยิ่งขึ้น บางเว็บไซต์ยังใช้โปรแกรมตัวนี้อยู่เพราะเหมาะสำหรับผู้เริ่มต้น

โปรแกรม Macromedia Flash MX

เมื่อคุณต้องการสร้างงานในรูปแบบมัลติมีเดียบนหน้าเว็บของคุณโปรแกรม Macromedia Flash MX เป็นโปรแกรมที่คุณไม่ควรมองข้าม นอกจากจะทำให้เว็บมีรูปแบบที่สวยงามแล้ว ยังสามารถสร้างภาพเคลื่อนไหว สร้างการโต้ตอบ หรือใส่ลูกเล่นต่างๆ ได้ เพื่อให้เว็บมีความน่าสนใจมากยิ่งขึ้น จะเห็นได้ว่าในปัจจุบันโปรแกรมตัวนี้ได้รับความนิยมสำหรับการออกแบบเป็นอยางดี ส่วนใหญ่เป็นเว็บเกี่ยวกับบันเทิง เกมส์ การ์ตูน ที่นำมาใช้ออกแบบบนหน้าเว็บ นอกจากนี้แล้วความสามารถของโปรแกรมตัวนี้ยังสามารถเพิ่มเติมรองรับกับโค้ดภาษา HTML และ Java Script อีกด้วย 

โปรแกรม Adobe Illustrator

เป็นโปรแกรมที่ใช้ในการสร้างงานกราฟิก มี 2 ชนิดคือ โปรแกรมประเภทวาดภาพ และโปรแกรมประเภทตกแต่งภาพ สำหรับการสร้างภาพนั้นจะใช้เพื่อสร้างภาพเป็นลายเส้น หรือที่เรียกว่า Vector Graphic โดยจัดได้ว่าเป็นโปรแกรมระดับมืออาชีพที่ใช้กันเป็นมาตรฐานในงานออกแบบระดับสากล สามารถทำการออกแบบรูปภาพต่างๆ ไม่ว่าจะเป็นสิ่งพิมพ์ บรรจุภัณฑ์ เว็บ และภาพเคลื่อนไหวตลอดจน สำหรับการใช้ในการออกแบบภาพบนเว็บอาจจะใช้ออกแบบโลโก้ แบนเนอร์ สัญลักษณ์ต่างๆ ที่จำเป็นต้องใช้บนเว็บ จากนั้นก็จำมาตกแต่งใน Adobe PhotoShop เพื่อความสวยงามยิ่งขึ้น

โปรแกรม Adobe PhotoShop 

เป็นโปรแกรมที่ใช้ในการตกแต่งภาพให้เหมาะกับเว็บเพจ ปรับแต่งรูปภาพ ความคมชัดลึกของภาพ การปรับภาพให้คมชัดหรือพร่ามัว การปรับแต่งสีภายในภาพ การใช้ประโยชน์จากเลเยอร์ การสร้างภาพพื้นผิวแบบต่างๆ รวมไปถึงการใช้ฟิลเตอร์เพื่อปรับแต่งภาพหรือปรับขนาดภาพได้ตามความต้องการเพื่อดูสวยงามและเหมาะสมกับหน้าเว็บเพจ ปกติในหนึ่งหน้าจอขนาดจะเป็น 800 X 600 พิกเซล ที่เป็นที่นิยมแต่แนวโน้มในอนาคตการปรับขนาดของจอมอนิเตอร์ความละเอียดจะสูง โดยจะต้องใช้ขนาด 1024 X 768 พิกเซล 

HTML คืออะไร

HTML หรือ HyperText Markup Language เป็นภาษา script ประเภทหนึ่ง ซึ่งใช้ทำ Web page เป็นงานหลัก ในระบบ World Wide Web ในแรกเริ่ม วัตถุประสงค์หลักของ HTML ถูกเสนอโดยนาย ทิม เบอร์เนอร์ส-ลี (Tim Berners-Lee) แห่งศูนย์ปฏิบัติการวิจัยทางอนุภาคฟิสิกส์ของยุโรป (CERN) ซึ่งตั้งอยู่ที่กรุงเจนีวา สวิตเซอร์แลนด์ ได้กำหนดไว้ว่า

• เพื่อสร้างสื่อที่นักวิทยาศาสตร์สามารถจะเผยแพร่ผลงาน และใช้อ้างอิง ได้ตลอด 24 ช.ม.
• เพื่อสร้างภาษาคอมพิวเตอร์ที่รองรับภาษาท้องถิ่น ที่ไม่ขึ้นกับระบบของเครื่องคอมพิวเตอร์ (Platform) หรือระบบเครือข่ายใดๆ

และด้วยวัตถุประสงค์ข้างต้น ภาษา HTML จึงถูกใช้งานอย่างแพร่หลายในสังคมของนักวิทยาศาสตร์ และกำหนดให้เครื่องมือที่ใช้เขียน เป็นโปรแกรม text editor ทั่วๆ ไป

สำหรับภาษา HTML ในอินเตอร์เน็ต ได้รับการพัฒนาอย่างต่อเนื่อง เพื่อให้คนทุกๆ ชาติบนโลก สามารถเข้าถึง เผยแพร่ และอ้างอิง วิทยาการความรู้ได้ ด้วยการเชื่อมโยงไปมาแบบ hyperlink อาจจะด้วยตัวอักษร และ/หรือ รูปภาพ โดยอาจเชื่อมโยงเฉพาะภายใน เอกสารนั้น หรือเชื่อมโยงข้ามไปยังเอกสารอื่นๆ ได้

ภาษา HTML มีต้นแบบมาจากภาษา SGML (Standard Generalized Markup Language) ซึ่งเป็นภาษาที่ใช้ได้เฉพาะ กับประเภท ของคอมพิวเตอร์ และสิ่งที่ HTML รับมาจาก SGML คือ การประกาศค่า และ การกำหนดรูปแบบเอกสาร (Document Type Definition --DTD)

สิ่งที่ทำให้ ภาษา HTML ได้รับความนิยมอย่างมาก และรวดเร็ว ก็คือ HTML รวมถึง โปรโตคอล HTTP (HyperText Transfer Protocol) เป็นภาษาที่ใช้สื่อสารกันได้ทั่วโลก โดยที่ตัวภาษาและโปรโตคอล ไม่ขึ้นกับ ระบบเครือข่าย และประเภทของคอมพิวเตอร์ (Platform) ซึ่งมีความหลากหลาย อันเนื่องมาจากเทคโนโลยีและประเภทการใช้งาน เป็นผลให้เอกสารที่เขียนโดย HTML สามารถถ่ายโอน ได้อย่างกว้างขวาง ทั้งในรูปแบบของ ตัวอักษร ภาพ และเสียง

โครงสร้าง พื้นฐานของภาษา Computer เป็นส่วนที่สำคัญที่สุด ของการเขียนภาษา Computer โดยทั่วไปแล้ว มันจะต้องถูก เขียนขึ้นทุกครั้ง ภาษา HTML ก็เหมือนกับภาษา Computer ทั่วๆไป ที่มี โครงสร้าง พื้นฐานเฉพาะ ของมันคำสั่งของ HTML ส่วนมากจะถูกกำหนด อยู่ในเครื่องหมาย < และ > ซึ่งถูกเรียกว่า Tag สำหรับในส่วนของคำสั่ง Tag ภายในคำสั่ง

 ซึ่ง Tag แบ่งออกเป็น 2 ประเภท คือ

1. แท็กเดี่ยว คือ คำสั่งที่มีคำสั่งเพียงอย่างเดียว ซึ่งสามารถใช้และสิ้นสุดคำสั่งได้ด้วยตัวของมันเอง เช่น

ข้อความ.... <br>
<hr>
<! - ข้อความ - >

2. แท็กคู่ คือ คำสั่งที่ต้องมีส่วนเริ่มต้นและส่วนจุดจบของคำสั่งนั้นๆ โดยแท็กที่เป็นส่วนจบนั้นจะมีเครื่องหมาย slash / ติดเอาไว้ เช่น

<html> ส่วนของเนื้อหา ..... </html>
<center> ข้อความ..... </center>
<p> ข้อความ.... </p>

*** ถ้าหากมีการใช้แท็กคู่หลายๆ คำสั่ง เช่น คำสั่งตัวขีดเส้นใต้ <U> .... </U> และตามด้วย คำสั่ง ตัวเอียง <I>....</I> จะต้องปิดคำสั่งตัวเอียงก่อน แล้วจึงจะมาปิดคำสั่งตัวหนา***

<I> <U> ข้อความ.... </U> </I>

สำหรับในส่วนของคำสั่ง Tag ภายในคำสั่ง โครงสร้าง พื้นฐาน พอที่จะ อธิบายคร่าวๆได้ดังนี้

• ·         Title(ชื่อหัวเรื่อง) จะถูกกำหนด อยู่ภายใน Tag คำสั่ง
  <HEAD>
  <TITLE> ชื่อหัวเรื่อง </TITLE>
  </HEAD> ข้อมูลที่ถูก เขียนอยู่ภายใน Tag จะแสดงผล ออกมาให้เห็น ที่บนบาร์ของ Web Browser
• ·         ข้อมูลที่ต้องการแสดงผล
  จะเป็นส่วนที่แสดงให้เราเห็นไม่ว่าจะเป็น ตัวอักษร,รูปภาพ,ตาราง ฯลฯ (คำสั่งที่ ต้องการแสดงผล จะอยู่ ระหว่าง tag BODY ทั้งหมด) ซึ่งถูกกำหนดอยู่ ระหว่าง คำสั่ง
  <BODY> จนถึงคำสั่ง </BODY>
• ·         คำสั่งComment Tag เป็นคำสั่งที่ใช้ ในการอธิบาย อยู่ภายใน HTML จะไม่มีการแสดงผล ออกมาที่ Browser จะมีประโยชน์สำหรับ ผู้ที่จะทำการแก้ไข โปรแกรม ในภายหลัง  

<!--ใส่ข้อความใดๆก็ได้ เพื่อใช้ในการ อธิบาย-->

• ·         คำสั่งขึ้นบรรทัดใหม่
  <BR>
  เป็นคำสั่ง ที่ใช้กำหนดให้ ข้อความที่เราพิมพ์ ลงไปในเอกสาร ขึ้นบรรทัดใหม่ ได้ตามที่เราต้องการ เพราะ ถ้าเราไม่ใช้ คำสั่งสั่งให้เอกสาร แสดงผลขึ้นบรรทัดใหม่ การแสดงผล ของข้อความ จะแสดงต่อกัน ไปเรื่อยๆ แม้ว่าเราจะ พิมพ์ข้อความ ขึ้นบรรทัดใหม่ ก็ตาม
• ·         คำสั่งการย่อหน้าใหม่ รูปแบบคำสั่ง
  <P>........... </P> หรือ <P>
  มีลักษณะคล้ายกับคำสั่ง < BR > แต่คำสั่งนี้จะมีการเว้น บรรทัดว่าง ให้หนึ่งบรรทัด เพราะบางครั้ง เราต้องการ เว้นบรรทัดว่าง หนึ่งบรรทัด แต่โปรแกรม Web Browser จะไม่เข้าใจการพิมพ์ บรรทัดเปล่า
• ·         เส้นคั่นบรรทัด เป็นคำสั่งที่ใช้แบ่งข้อความของจอภาพให้เป็นส่วนๆ รูปแบบคำสั่ง
  <HR>