ความรู้เบื้องต้น ก่อนสร้างเว็บ

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

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

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

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

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

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

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

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

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

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

จากรูปด้านบนจะเห็นว่าเราได้แบ่งหน้าเว็บเพจออกเป็นส่วนๆ โดยเราสามารถแบ่งส่วนประกอบของหน้าเว็บ ได้ดังนี้

ส่วนประกอบของหน้าเว็บเพจ

ส่วนประกอบของหน้าเว็บเพจที่ดี จะมีอยู่ด้วยกันทั้งหมด 3 ส่วนหลัก ๆ ดังนี้

1. ส่วนหัวของหน้า (Header)

เป็นส่วนที่อยู่บนสุดของหน้า มักใส่ภาพกราฟิกเพื่อสร้างความประทับใจ เช่นภาพโลโก้ (Logo) เมนูหลักหรือลิงก์ (Navigation Bar) เพื่อเป็นจุดเชื่อมโยงไปสู่เนื้อหาของเว็บไซต์ในหน้าต่อไป

2. ส่วนของเนื้อหา (Body)

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

3. ส่วนท้ายของหน้า (Footer)

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

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

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

ตัวอย่างการสร้างหน้าเว็บเพจด้วยโปรแกรม Notepad

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

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

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

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

 

Follow by Email
Facebook
GOOGLE
TWITTER
YOUTUBE