:: เมนูหลัก
 แบบทดสอบก่อนเรียน
 หน่วยที่ 1 โลกของเว็บเพจและเว็บไซต์
 แบบทดสอบก่อนเรียน
 เว็บเพจคืออะไร
 การทำงานของเว็บเพจ
 คำศัพท์เกี่ยวการสร้างเว็บเพจ
 โปรแกรมที่ใช้สร้างเว็บเพจ
 หลักการออกแบบเว็บเพจ
 การออกแบบเว็บไซต์
 ขั้นตอนการสร้างเว็บไซต์
 แบบฝึกหัด
 แบบทดสอบหลังเรียน
 หน่วยที่ 2 เริ่มต้นกับ HTML
 หน่วยที่ 3 การจัดการข้อความ
 หน่วยที่ 4 การใช้ลิสต์สร้างรายการ
 หน่วยที่ 5 การแทรกภาพ
 หน่วยที่ 6 การสร้างตาราง
 หน่วยที่ 7 การเชื่อมโยงเว็บเพจด้วยลิงค์
หน่วยที่ 8 การใช้งานไฟล์วีดีโอและเสียง
 หน่วยที่ 9 การสร้างฟอร์ม
 แบบทดสอบหลังเรียนเรียน
:: หน่วยที่ 1 โลกของเว็บเพจและเว็บไซต์

ขั้นตอนการสร้างเว็บไซต์



เราสามารถนำไฟล์เว็บเพจมาร้อยเรียงและนำเสนอเป็นกลุ่มข้อมูลที่เรียกว่า เว็บไซต์ ซึ่งจะมีวิธีการคิดตั้งแต่กำหนดโครงร่างของเว็บเพจ จนถึงการอัพโหลดเว็บขึ้นบนอินเทอร์เน็ต ทั้งหมด 7 ขั้นตอน ดังนี้

ขั้นตอนที่ 1 การวางแผนการจัดทำเว็บไซต์

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

ขั้นตอนที่ 2 กำหนดโครงร่างของเว็บไซต์์

การสร้างเว็บ เราจะเริ่มต้นด้วยการกำหนดผังของเว็บ เพื่อให้ทราบองค์ประกอบทั้งหมดของเว็บ หรือเรียกว่า Site Map ดังรูป


ภาพตัวอย่าง โครงร่างเว็บไซต์

ขั้นตอนที่ 3 กำหนดการเชื่อมโยงระหว่างเว็บเพจ

เป็นการกำหนดการเชื่อมโยงในแต่ละหน้าเว็บเพจให้สามารถเชื่อมโยงกลับไปกลับมาระหว่างหน้าเว็บเพจต่าง ๆ ได้ จากตัวอย่างจะเห็นว่าหน้า index.html สามารถเชื่อมโยงไปยังหน้าต่างๆได้และแต่ละหน้าก็สามารถเชื่อมโยงกลับมายังหน้า index.html ได้ตัวอย่างดังรูป


ภาพตัวอย่าง โครงร่างเว็บไซต์

ขั้นตอนที่ 4 ออกแบบหน้าเว็บเพจแต่ละหน้า

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


ภาพตัวอย่าง การออกแบบเว็บเพจ

ขั้นตอนที่ 5 สร้างเว็บเพจในแต่ละหน้า

เมื่อได้ทำการออกแบบหน้าเว็บแต่ละหน้าแล้ว ต่อไปคือขั้นตอนการสร้างหน้าเว็บเพจตามที่ได้ออกแบบไว้ ด้วยโปรแกรมต่างๆไม่ว่าจะเป็นโปรแกรมประเภทText Editor เพื่อใช้ในการเขียนชุดคำสั่ง HTML หรือโปรแกรมสำเร็จรูป เพื่อให้แต่ละหน้าเว็บเพจนำเสนอข้อความ รูปภาพ วีดีโอ และเสียง อยู่ในรูปแบบตามที่ต้องการ


ภาพตัวอย่าง การสร้างเว็บเพจ

ขั้นตอนที่ 6 จดโดเมนเนมและหาพื้นที่ฝากเว็บไซต์

หลังจากเราสร้างเว็บไซต์เสร็จแล้ว ขั้นตอนต่อไป คือ ทำการตั้งชื่อเว็บไซต์คือการจดโดเมนเนม และหาที่ฝากเว็บไซต์ที่เรียกว่า เว็บโฮสติ้ง (Web Hosting) ที่มีทั้งแบบเสียค่าใช้จ่าย และแบบให้พื้นที่ฝากเว็บไซต์ฟรี ซึ่งวันนี้เราจะขอแนะนำเว็บไซต์ที่ให้บริการฝากเว็บไซต์ฟรี คือ http://www.krutikcs.com วิธีการให้ทำการสมัครตามขั้นตอนต่างๆบนหน้าเว็บ เท่านี้เราก็จะมีชื่อเว็บและพื้นที่ฝากเว็บไซต์แล้ว




ภาพตัวอย่าง เว็บไซต์ให้บริการจดโดเมน

ขั้นตอนที่ 7 อัพโหลดเว็บไซต์

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




ภาพตัวอย่าง การอัพโหลด