![]() ขั้นตอนการสร้างเว็บไซต์ การสร้างเว็บไซต์ อาจเริ่มตั้งแต่การกำหนดเนื้อหารายละเอียดต่างๆในหน้าเว็บเพจ จนถึงการอัพโหลดเว็บไซต์ขึ้นบนอินเทอร์เน็ต จะมีขั้นตอนดังนี้ ขั้นตอนที่ 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 แค่นี้ทุกคนทั่วโลกก็สามารถเปิดดูเว็บไซต์ของเราผ่านระบบเครือข่ายอินเทอร์เน็ต ได้แล้ว |
วันจันทร์ที่ 19 พฤศจิกายน พ.ศ. 2561
เริ่มต้นสร้างเว็บเพจ
วันจันทร์ที่ 12 พฤศจิกายน พ.ศ. 2561
การสร้างเว็บไซต์ด้วย Dreamwemver Cs6
สมัครสมาชิก:
บทความ (Atom)