ขั้นตอนการสร้างเว็บไซต์ by Napa Pany https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k การสร้างเว็บไซต์ขึ้นมาหนึ่งเว็บ จะต้องทำตามขั้นตอน ซึ่งมีทั้งหมด 8 ขั้นตอน en-us 2021-11-15 01:58:28 UTC 2021-11-16 03:30:57 UTC hello@padlet.com https://padlet.net/icons/png/1f600.png 1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง 3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ 5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ นาย นวพล สุวรรณ เลขที่7 https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890135706
add
]]> 2021-11-15 02:55:07 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890135706 1 การวางแผนการจัดทำเว็บไซต์ 2 การกำหนดโครงสร้างของเว็บ 3 การกำหนดการเชื่อมโยงเว็บเพจ 4 การตั้งชื่อไฟล์และโฟลเดอร์ 5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์ 6 การสร้างเว็บเพจ 7 การลงทะเบียนขอพื้นที่เว็บไซต์ 8 การอัพโหลดเว็บไซต์ https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890137394 นาย ชุติพงศ์ แสนโซ้ง]]> 2021-11-15 02:55:56 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890137394 1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ น.ส.ศศิธร พนะสัน https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890140414

]]> 2021-11-15 02:57:23 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890140414 1 กำหนอจุดประสงค์หลัก2รวบรวมเเละจัดเรียงข้อมูล 3ออกเเบบโครงสร้างของเว็บไซต์ การวางแผนการจัดทำเว็บไซต์ 3 การกำหนดการเชื่อมโยงเว็บเพจ 4 การตั้งชื่อไฟล์และโฟลเดอร์ 5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์ 6 การสร้างเว็บเพจ 7 การลงทะเบียนขอพื้นที่เว็บไซต์ 8 การอัพโหลดเว็บไซต์เเละเเชร์ที่อยู่หรือกล่าวให้เพื่อนได้รู้หรือจะลงทุนโฆษณาประชาสัมพันธ์ เป็นต้นนาย ชูชาติ ชัยชนะบริบูรณ์ เลขที่4 ชั้น ม. 4/2 https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890142451 2021-11-15 02:58:24 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890142451 https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890143198 ขั้นตอนที่ 1 การวางแผนการจัดทำเว็บไซต์

เป็นขั้นตอนแรกของการออกแบบเว็บ เนื่องจากเราต้องกำหนดชื่อเรื่อง

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

          เป็นขั้นตอนในการกำหนดผังของเว็บ เพื่อให้ทราบองค์ประกอบทั้งหมดของเว็บ

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

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

ขั้นตอนที่ 4 การตั้งชื่อไฟล์และโฟลเดอร์

1. การสร้างโฟลเดอร์

การสร้างโฟลเดอร์ให้สร้างเป็นชื่อหน่วยงาน / เรื่องนั้น ๆ

2. การตั้งชื่อไฟล์

การตั้งชื่อไฟล์ให้ตั้งชื่อและนามสกุลไฟล์เป็นตัวอักษร ภาษาอังกฤษตัวพิมพ์เล็ก หรือผสมกับตัวเลข 0-9

ขั้นตอนที่ 5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์

ส่วนประกอบของเว็บไซต์ที่ดี

โครงสร้างของเว็บไซต์โดยจะมีส่วนหลักๆอยู่ด้วยกันทั้งหมด 3 ส่วนหลัก ๆ ดังนี้
1. ส่วนหัวของหน้า (Page Header
2. ส่วนของเนื้อหา (Page Body)
3. ส่วนท้ายของหน้า (Page Footer)

ขั้นตอนที่ 6 การสร้างเว็บเพจ

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

ขั้นตอนที่ 7 การลงทะเบียนขอพื้นที่เว็บไซต์

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

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

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

นางสาว นพมาศ  ท้าวคาม]]> 2021-11-15 02:58:46 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890143198 1 การวางแผนการจัดทำเว็บไซต์ 2 การกำหนดโครงสร้างของเว็บ 3 การกำหนดการเชื่อมโยงเว็บเพจ 4 การตั้งชื่อไฟล์และโฟลเดอร์ 5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์ 6 การสร้างเว็บเพจ 7 การลงทะเบียนขอพื้นที่เว็บไซต์ 8 การอัพโหลดเว็บไซต์1 กำหนดจุดประสงค์กลุ่มเป้าหมายการขายความต้องการขอกลุ่มเป้าหมาย2 ออกแบบแต่ละหน้า3 การเชื่อมโยงความสนใจ4 ตั้งชื่อ5 อัพโหลดและ 6 เรียกดู https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890143936 2021-11-15 02:59:10 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890143936 1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ น.ส. สุธีมนต์ แซ่เฮ้อ https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890145370 2021-11-15 02:59:49 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890145370 1 การวางแผนการจัดทำเว็บไซต์ 2 การกำหนดโครงสร้างของเว็บ 3 การกำหนดการเชื่อมโยงเว็บเพจ 4 การตั้งชื่อไฟล์และโฟลเดอร์ 5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์ 6 การสร้างเว็บเพจ 7 การลงทะเบียนขอพื้นที่เว็บไซต์ 8 การอัพโหลดเว็บไซต์1 กำหนดจุดประสงค์กลุ่มเป้าหมายการขายความต้องการขอกลุ่มเป้าหมาย2 ออกแบบแต่ละหน้า3 การเชื่อมโยงความสนใจ4 ตั้งชื่อ5 อัพโหลดและ 6 เรียกดู นาย นฤเดช แซ่โซ้ง https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890146580 2021-11-15 03:00:24 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890146580 นางสางวละอองดาว อุ่นถิ่น https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890148023 1.กำหนดจุประสงค์ 
2.รวบรวมข้อมูลและจัดเรียง
3.ออกแบบโครงสร้าง 
4.ออกแบบเว็บเพจและโฮมเพจ
5.สร้างเว็บเพจและโฮมเพจ
 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 
7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์
 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ]]> 2021-11-15 03:01:04 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890148023 นาย ธีระชัย ใจสาร ม.4/2 เลขที่5 https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890148800 1.กำหนดจุประสงค์
2.รวบรวมและจัดเตรียมข้อมูล
3.ออกแบบโครงสร้าง
4.ออกแบบเว็บเพจและโฮมเพจ
5.สร้างเว็บเพจและโฮมเพจ
6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่Internet
7.โฆษณา ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์
8.ปรับปรุงเว็บไซต์ให้ทันมัยอยู่เสมอ]]> 2021-11-15 03:01:25 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890148800 นาย วันเฉลิม หน่อท้าว https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890153959 1.กำหนดจุประสงค์ 
2.รวบรวมข้อมูลและจัดเรียง
3.ออกแบบโครงสร้าง 
4.ออกแบบเว็บเพจและโฮมเพจ
5.สร้างเว็บเพจและโฮมเพจ
 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet
 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์
 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ]]> 2021-11-15 03:03:29 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890153959 ขั้นตอนการสร้างเว็บไซต์ https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890155268 ขั้นตอนที่ 1 การวางแผนการจัดทำเว็บไซต์ 
เป็นขั้นตอนแรกของการออกแบบเว็บ เนื่องจากเราต้องกำหนดชื่อเรื่อง เนื้อหา และรายละเอียดของเว็บที่เราจะจัดทำเพื่อให้เห็นมุมมองคร่าว ๆ ก่อนจะลงมือสร้างเว็บไซต์ นอกจากนี้เรายังต้องทำการแบ่งเนื้อหาเป็นหมวดหมู่ต่าง ๆ ตามลำดับก่อน-หลัง เพื่อให้ง่ายต่อการจัดทำโครงร่างของเว็บ 
ขั้นตอนที่ 2 การกำหนดโครงสร้างของเว็บ 
เป็นขั้นตอนในการกำหนดผังของเว็บ เพื่อให้ทราบองค์ประกอบทั้งหมดของเว็บ ตัวอย่างดังรูป 






ข้อสังเกต 
  • หน้าแรกของเว็บ หรือโฮมเพจ จะต้องชื่อ index ส่วนนามสกุลให้ใส่ตามลักษณะของภาษาที่ใช้ในการสร้างเว็บ
  • การตั้งชื่อเว็บเพจแต่ละหน้าเวลาให้กำหนดชื่อเป็นภาษาอังกฤษตามด้วยนามสกุลของภาษาที่เราสร้างเว็บ เช่น index.html, home.html, history.html เป็นต้น
ขั้นตอนที่ 3 การกำหนดการเชื่อมโยงเว็บเพจ 
การกำหนดการเชื่อมเว็บเพจ เป็นการกำหนดความสัมพันธ์ของการเชื่อมโยงในแต่ละหน้าเว็บเพื่อให้สามารถกลับไปกลับมาระหว่างหน้าต่าง ๆ ได้ โดยแต่ละไฟล์จะมีความสัมพันธ์กัน ตัวอย่างดังรูป 





ขั้นตอนที่ 4 การตั้งชื่อไฟล์และโฟลเดอร์ 
1. การสร้างโฟลเดอร์   คือ ให้สร้างเป็นชื่อหน่วยงาน / เรื่องนั้น ๆ ควรใช้ตัวอักษร ภาษาอังกฤษตัวพิมพ์เล็ก หรือผสมกับตัวเลข 0-9 เช่น swt คือ โรงเรียนเสริมงามวิทยาคม จากนั้นข้างในโฟลเดอร์ swt ให้เราสร้างโฟลเดอร์เก็บรูปภาพ พื้นหลัง ไฟล์เสียง ไฟล์วีดีโอ หรือโฟลเดอร์อื่นเป็นชื่อภาษาอังกฤษ เช่น pic คือโฟลเดอร์เก็บรูปภาพ, bg คือ โฟลเดอร์เก็บพื้นหลัง เป็นต้น
2. การตั้งชื่อไฟล์ คือ ให้ตั้งชื่อและนามสกุลไฟล์เป็นตัวอักษร ภาษาอังกฤษตัวพิมพ์เล็ก หรือผสมกับตัวเลข 0-9 หรือเครื่องมือขีดลบ/ขีดล่าง และตั้งชื่อไฟล์ให้ตรงกับเรื่องนั้น ๆ เช่น history.html คือ ประวัติของโรงเรียน, person.html คือ บุคลากรของโรงเรียน เป็นต้น





ขั้นตอนที่ 5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์







ส่วนประกอบของเว็บไซต์ที่ดี 
โครงสร้างของเว็บไซต์โดยจะมีส่วนหลักๆอยู่ด้วยกันทั้งหมด 3 ส่วนหลัก ๆ ดังนี้ 
1. ส่วนหัวของหน้า (Page Header)   เป็นส่วนที่อยู่ตอนบนสุดของหน้า และเป็นส่วนที่สำคัญที่สุดของหน้า เพราะเป็นส่วนที่ดึงดูดผู้ชมให้ติดตามเนื้อหาภายในเว็บไซต์ มักใส่ภาพกราฟิกเพื่อสร้างความประทับใจ ส่วนใหญ่ประกอบด้วย
  • โลโก้ (Logo) เป็นสิ่งที่เว็บไซต์ควรมี เป็นตัวแทนของเว็บไซต์ได้เป็นอย่างดี และยังทำให้เว็บน่าเชื่อถือชื่อเว็บไซต์
  • เมนูหลักหรือลิงค์ (Navigation Bar) เป็นจุดเชื่อมโยงไปสู่เนื้อหาของเว็บไซต์
2. ส่วนของเนื้อหา (Page Body)  เป็นส่วนที่อยู่ตอนกลางของหน้า ใช้แสดงข้อมูลเนื้อหาของเว็บไซต์ ซึ่งประกอบด้วยข้อความ, ตารางข้อมูล ภาพกราฟิก วีดีโอ และอื่นๆ และอาจมีเมนูหลัก หรือเมนูเฉพาะกลุ่มวางอยู่ในส่วนนี้ด้วย
สำหรับส่วนเนื้อหาควรแสดงใจความสำคัญที่เป็นหัวเรื่องไว้บนสุด ข้อมูลมีความกระชับ ใช้รูปแบบตัวอักษรที่อ่านง่าย และจัด Layout ให้เหมาะสมและเป็นระเบียบ
3. ส่วนท้ายของหน้า (Page Footer)  เป็นส่วนที่อยู่ด้านล่างสุดของหน้า มักวางระบบนำทางที่เป็นลิงค์ข้อความง่าย ๆ และอาจแสดงข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาภายในเว็บไซต์ เช่น เจ้าของเว็บไซต์, ข้อความแสดงลิขสิทธิ์, วิธีการติดต่อกับผู้ดูแลเว็บไซต์, คำแนะนำการใช้เว็บไซต์ เป็นต้น โดยปกติส่วนหัวและส่วนท้ายมักแสดงเหมือนกันในทุกหน้าของเว็บเพจ















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


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


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


]]> 2021-11-15 03:04:10 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890155268 1.กำหนดจุดประสงค์2.รวบรวมข้อมูลและจัดเรีย3.ออแบบโครงสร้าง4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ6.อัพโหลดข้อมูลเว็บไซต์เข้าสู้Internet7.ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890155826 น.ส.กัญญารัตน์ ธรรมศิริ เลขที่18 ม.4/2]]> 2021-11-15 03:04:25 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890155826 https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890156780 ขั้นตอนการสร้างว็บไซต์
1.กำหนดจุดประสงค์
2.รวบรวมและจัดเรียงข้อมูล
3.ออกแบบโครงสร้างของว็บไซต์
4.ออกแบบเว็บเพจและโฮมเพจ
5.สร้างเว็บเพจและโฮมเพจ
6.อัพโหลด(upload)ข้อมูลเว็บไซต์ขึ้นสู้ lntarnet
7.โฆษณา ประชาสัมพันธ์ให้คนอื่นเข้าชมเว็บไซต์
8.ปรับปรุงเว็บไซ์ให้ทันสมัยอยู่เสมอ]]> 2021-11-15 03:04:54 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890156780 https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890158350 นาย สราวุฒ การุณชาติ
ควรกำหนดจุดประสงค์ให้ชัดเจนในการสรางเว็บเเละรวบรวมข้อมูลให้น่าอ่านกระชับไม่ยาวมากเกินไปการออกเเบบควรออกเเบบรูปเเบบเว็บให้น่าอ่านให้ทันสมัยเเละควรมีการโฆษณา เพื่อให้มีผู้รู้จักเว็บ หมั่นปรับปรุงเว็บให้ทันสมัยน่าอ่านอยู่เสมอ]]> 2021-11-15 03:05:40 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890158350 นายรัชชานนท์ ทองไสย์ 1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890159135 2021-11-15 03:06:05 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890159135 ขั้นขั้นตอนการสร้างเว็บไซต์ https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890159674 ขั้นตอนที่ 1 การวางแผนการจัดทำเว็บไซต์ 
เป็นขั้นตอนแรกของการออกแบบเว็บ เนื่องจากเราต้องกำหนดชื่อเรื่อง เนื้อหา และรายละเอียดของเว็บที่เราจะจัดทำเพื่อให้เห็นมุมมองคร่าว ๆ ก่อนจะลงมือสร้างเว็บไซต์ นอกจากนี้เรายังต้องทำการแบ่งเนื้อหาเป็นหมวดหมู่ต่าง ๆ ตามลำดับก่อน-หลัง เพื่อให้ง่ายต่อการจัดทำโครงร่างของเว็บ 
ขั้นตอนที่ 2 การกำหนดโครงสร้างของเว็บ 
เป็นขั้นตอนในการกำหนดผังของเว็บ เพื่อให้ทราบองค์ประกอบทั้งหมดของเว็บ ตัวอย่างดังรูป 



ภาพประกอบที่ 1 โครงสร้างของเว็บไซต์ที่มา : URL (2557)


ข้อสังเกต 
  • หน้าแรกของเว็บ หรือโฮมเพจ จะต้องชื่อ index ส่วนนามสกุลให้ใส่ตามลักษณะของภาษาที่ใช้ในการสร้างเว็บ
  • การตั้งชื่อเว็บเพจแต่ละหน้าเวลาให้กำหนดชื่อเป็นภาษาอังกฤษตามด้วยนามสกุลของภาษาที่เราสร้างเว็บ เช่น index.html, home.html, history.html เป็นต้น
ขั้นตอนที่ 3 การกำหนดการเชื่อมโยงเว็บเพจ 
การกำหนดการเชื่อมเว็บเพจ เป็นการกำหนดความสัมพันธ์ของการเชื่อมโยงในแต่ละหน้าเว็บเพื่อให้สามารถกลับไปกลับมาระหว่างหน้าต่าง ๆ ได้ โดยแต่ละไฟล์จะมีความสัมพันธ์กัน ตัวอย่างดังรูป 





ภาพประกอบที่ 2 การกำหนดการเชื่อมโยงเว็บเพจที่มา : URL (2557)


ขั้นตอนที่ 4 การตั้งชื่อไฟล์และโฟลเดอร์ 
1. การสร้างโฟลเดอร์   คือ ให้สร้างเป็นชื่อหน่วยงาน / เรื่องนั้น ๆ ควรใช้ตัวอักษร ภาษาอังกฤษตัวพิมพ์เล็ก หรือผสมกับตัวเลข 0-9 เช่น swt คือ โรงเรียนเสริมงามวิทยาคม จากนั้นข้างในโฟลเดอร์ swt ให้เราสร้างโฟลเดอร์เก็บรูปภาพ พื้นหลัง ไฟล์เสียง ไฟล์วีดีโอ หรือโฟลเดอร์อื่นเป็นชื่อภาษาอังกฤษ เช่น pic คือโฟลเดอร์เก็บรูปภาพ, bg คือ โฟลเดอร์เก็บพื้นหลัง เป็นต้น
2. การตั้งชื่อไฟล์ คือ ให้ตั้งชื่อและนามสกุลไฟล์เป็นตัวอักษร ภาษาอังกฤษตัวพิมพ์เล็ก หรือผสมกับตัวเลข 0-9 หรือเครื่องมือขีดลบ/ขีดล่าง และตั้งชื่อไฟล์ให้ตรงกับเรื่องนั้น ๆ เช่น history.html คือ ประวัติของโรงเรียน, person.html คือ บุคลากรของโรงเรียน เป็นต้น







ภาพประกอบที่ 3 การสร้างโฟลเดอร์และการตั้งชื่อและนามสกุลไฟล์ที่มา : URL (2557)

ขั้นตอนที่ 5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์





ภาพประกอบที่ 4 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์ที่มา : URL (2557) 

ส่วนประกอบของเว็บไซต์ที่ดี 
โครงสร้างของเว็บไซต์โดยจะมีส่วนหลักๆอยู่ด้วยกันทั้งหมด 3 ส่วนหลัก ๆ ดังนี้ 
1. ส่วนหัวของหน้า (Page Header)   เป็นส่วนที่อยู่ตอนบนสุดของหน้า และเป็นส่วนที่สำคัญที่สุดของหน้า เพราะเป็นส่วนที่ดึงดูดผู้ชมให้ติดตามเนื้อหาภายในเว็บไซต์ มักใส่ภาพกราฟิกเพื่อสร้างความประทับใจ ส่วนใหญ่ประกอบด้วย
  • โลโก้ (Logo) เป็นสิ่งที่เว็บไซต์ควรมี เป็นตัวแทนของเว็บไซต์ได้เป็นอย่างดี และยังทำให้เว็บน่าเชื่อถือชื่อเว็บไซต์
  • เมนูหลักหรือลิงค์ (Navigation Bar) เป็นจุดเชื่อมโยงไปสู่เนื้อหาของเว็บไซต์
2. ส่วนของเนื้อหา (Page Body)  เป็นส่วนที่อยู่ตอนกลางของหน้า ใช้แสดงข้อมูลเนื้อหาของเว็บไซต์ ซึ่งประกอบด้วยข้อความ, ตารางข้อมูล ภาพกราฟิก วีดีโอ และอื่นๆ และอาจมีเมนูหลัก หรือเมนูเฉพาะกลุ่มวางอยู่ในส่วนนี้ด้วย
สำหรับส่วนเนื้อหาควรแสดงใจความสำคัญที่เป็นหัวเรื่องไว้บนสุด ข้อมูลมีความกระชับ ใช้รูปแบบตัวอักษรที่อ่านง่าย และจัด Layout ให้เหมาะสมและเป็นระเบียบ
3. ส่วนท้ายของหน้า (Page Footer)  เป็นส่วนที่อยู่ด้านล่างสุดของหน้า มักวางระบบนำทางที่เป็นลิงค์ข้อความง่าย ๆ และอาจแสดงข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาภายในเว็บไซต์ เช่น เจ้าของเว็บไซต์, ข้อความแสดงลิขสิทธิ์, วิธีการติดต่อกับผู้ดูแลเว็บไซต์, คำแนะนำการใช้เว็บไซต์ เป็นต้น โดยปกติส่วนหัวและส่วนท้ายมักแสดงเหมือนกันในทุกหน้าของเว็บเพจ



ภาพประกอบที่ 5 โครงสร้างเว็บไซต์ที่มา : URL (2557)


ตัวอย่างการแบ่งพื้นที่เว็บไซต์







ภาพประกอบที่ 6 การแบ่งพื้นที่บนเว็บไซต์ที่มา : URL (2557) 


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



ภาพประกอบที 7 โครงสร้างพื้นฐานของที่มา : URL (2557)
ขั้นตอนที่ 7 การลงทะเบียนขอพื้นที่เว็บไซต์
          เมื่อทำการออกแบบและสร้างเว็บไซต์เสร็จแล้ว ขั้นตอนต่อไป คือ การเผยแพร่เว็บไซต์สู่โลกของอินเทอร์เน็ตให้คนอื่นเข้ามาเยี่ยมชม วิธีการ คือ การนำเว็บไซต์ไปฝากกับผู้ให้บริการพื้นที่เว็บไซต์ทั้งแบบเสียค่าใช้จ่ายหรือบริการ และแบบพื้นที่เว็บไซต์ฟรี ซึ่งวันนี้เราจะขอแนะนำเว็บไซต์ที่ให้บริการฟรีพื้นที่ฝากเว็บ คือ http://www.thcity.com
 

ภาพประกอบที่ 8 ขั้นตอนการสมัครการลงทะเบียนขอพื้นที่เว็บไซต์
ที่มา : URL (2557)     


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

นายศรัณยู จาตุมา 13
]]> 2021-11-15 03:06:22 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890159674 นาย ภูริช แซ่ว่าง 1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง 3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ 5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890160420  ]]> 2021-11-15 03:06:44 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890160420 นายสมจิตร แซ่โซ้ง.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่ทันสมัย https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890160678 1 อยุ]]> 2021-11-15 03:06:52 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890160678 นาย วรวุฒิ อินปา ม.4/2เลขที่1 ขั้นตอนที่ 1 วางแผนจัดทำเว็บไซต์ กำหนด เนื้อหา แบ่งเนื้อหาเป็นหมวดหมู่ต่างๆ ตามลำดับก่อนหลัง และรายละเอียดของเว็บที่เราจะจัดทำเพื่อให้เห็นมุมมอง คร่าวๆ ก่อนจะลงมือสร้างเว็บไซต์ขั้นตอนที่ 2 การกำหนดโครงสร้างของเว็บคือขั้นตอนการกำหนดผังของเว็บไซต์ หรือที่เรียกว่า Site Map เพื่อให้ทราบองค์ประกอบทั้งหมดของเว็บไซต์ขั้นตอนที่ 3 กำหนดการเชื่อมโยงระหว่างเว็บเพจเป็นการกำหนดการเชื่อมโยงในแต่ละหน้าเว็บเพจให้สามารถเชื่อมโยงกลับไปกลับมาระหว่างหน้าเว็บเพจต่าง ๆ ขั้นตอนที่ 4 ออกแบบหน้าเว็บเพจแต่ละหน้า ออกแบบโครงสร้างหน้าเว็บเพจในแต่ละหน้าเพื่อจะได้รู้ว่าในเว็บเพจแต่ละหน้ามีรายละเอียดอะไรบ้าง ไม่ว่าจะเป็น ข้อมูล รูปภาพขั้นตอนที่ 5 สร้างเว็บเพจในแต่ละหน้า เมื่อได้ทำการออกแบบหน้าเว็บเพจแต่ละหน้าแล้ว ต่อไปคือขั้นตอนการสร้างหน้าเว็บเพจตามที่ได้ออกแบบไว้ ด้วยโปรแกรมต่างๆไม่ว่าจะเป็นโปรแกรมประเภทText Editor เพื่อใช้ในการเขียนชุดคำสั่ง HTMLขั้นตอนที่ 6 จดโดเมนเนมและหาพื้นที่ฝากเว็บไซต์หลังจากเราสร้างเว็บไซต์เสร็จแล้ว ขั้นตอนต่อไป คือ ทำการตั้งชื่อเว็บไซต์คือการจดโดเมนเนม และหาที่ฝากเว็บไซต์ ที่เรียกว่า เว็บโฮสติ้งขั้นตอนที่ 7 อัพโหลดเว็บไซต์หลังจากสมัครบริการพื้นที่ฝากเว็บไซต์แล้ว ขั้นตอนต่อไป คือการอัพโหลดไฟล์เว็บไซต์ของเราไปยังเว็บไซต์ที่ให้บริการพื้นที่ฝากเว็บไซต์ผ่านโปรแกรม FTP ขั้นตอนที่8ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890163074 2021-11-15 03:08:00 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890163074 https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890166880
1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ
นาย ปิติภัทร ท้าวคาม]]> 2021-11-15 03:09:45 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1890166880 https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1893035344 นางสาวปัญฑิตา ท้าวคาม เลขที่22ม.4/2
ขั้นตอนการสร้างว็บไซต์
1.กำหนดจุดประสงค์
2.รวบรวมและจัดเรียงข้อมูล
3.ออกแบบโครงสร้างของว็บไซต์
4.ออกแบบเว็บเพจและโฮมเพจ
5.สร้างเว็บเพจและโฮมเพจ
6.อัพโหลด(upload)ข้อมูลเว็บไซต์ขึ้นสู้ lntarnet
7.โฆษณา ประชาสัมพันธ์ให้คนอื่นเข้าชมเว็บไซต์
8.ปรับปรุงเว็บไซ์ให้ทันสมัยอยู่เสมอ]]> 2021-11-16 03:30:57 UTC https://padlet.com/gikaro_napa/n9jmyxrtt4dtq85k/wish/1893035344