# data[].attributes.headline
1.กำหนดจุประสงค์                       2.รวบรวมข้อมูลและจัดเรียง    3.ออกแบบโครงสร้าง               4.ออกแบบเว็บเพจและโฮมเพจ     5.สร้างเว็บเพจและโฮมเพจ             6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ     นาย นวพล สุวรรณ เลขที่7                                 

# data[].attributes.subject
1.กำหนดจุประสงค์                       2.รวบรวมข้อมูลและจัดเรียง    3.ออกแบบโครงสร้าง               4.ออกแบบเว็บเพจและโฮมเพจ     5.สร้างเว็บเพจและโฮมเพจ             6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ     นาย นวพล สุวรรณ เลขที่7                                 

# data[].attributes.body
ข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ

add

# data[].attributes.headline
1 การวางแผนการจัดทำเว็บไซต์  2 การกำหนดโครงสร้างของเว็บ  3 การกำหนดการเชื่อมโยงเว็บเพจ   4 การตั้งชื่อไฟล์และโฟลเดอร์  5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์  6 การสร้างเว็บเพจ  7 การลงทะเบียนขอพื้นที่เว็บไซต์  8 การอัพโหลดเว็บไซต์

# data[].attributes.subject
1 การวางแผนการจัดทำเว็บไซต์  2 การกำหนดโครงสร้างของเว็บ  3 การกำหนดการเชื่อมโยงเว็บเพจ   4 การตั้งชื่อไฟล์และโฟลเดอร์  5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์  6 การสร้างเว็บเพจ  7 การลงทะเบียนขอพื้นที่เว็บไซต์  8 การอัพโหลดเว็บไซต์

# data[].attributes.body
นาย ชุติพงศ์ แสนโซ้ง

# data[].attributes.headline
1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ น.ส.ศศิธร  พนะสัน

# data[].attributes.subject
1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ น.ส.ศศิธร  พนะสัน

# data[].attributes.headline
1 กำหนอจุดประสงค์หลัก2รวบรวมเเละจัดเรียงข้อมูล 3ออกเเบบโครงสร้างของเว็บไซต์ การวางแผนการจัดทำเว็บไซต์   3 การกำหนดการเชื่อมโยงเว็บเพจ   4 การตั้งชื่อไฟล์และโฟลเดอร์  5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์  6 การสร้างเว็บเพจ  7 การลงทะเบียนขอพื้นที่เว็บไซต์  8 การอัพโหลดเว็บไซต์เเละเเชร์ที่อยู่หรือกล่าวให้เพื่อนได้รู้หรือจะลงทุนโฆษณาประชาสัมพันธ์ เป็นต้นนาย ชูชาติ ชัยชนะบริบูรณ์ เลขที่4 ชั้น ม. 4/2

# data[].attributes.subject
1 กำหนอจุดประสงค์หลัก2รวบรวมเเละจัดเรียงข้อมูล 3ออกเเบบโครงสร้างของเว็บไซต์ การวางแผนการจัดทำเว็บไซต์   3 การกำหนดการเชื่อมโยงเว็บเพจ   4 การตั้งชื่อไฟล์และโฟลเดอร์  5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์  6 การสร้างเว็บเพจ  7 การลงทะเบียนขอพื้นที่เว็บไซต์  8 การอัพโหลดเว็บไซต์เเละเเชร์ที่อยู่หรือกล่าวให้เพื่อนได้รู้หรือจะลงทุนโฆษณาประชาสัมพันธ์ เป็นต้นนาย ชูชาติ ชัยชนะบริบูรณ์ เลขที่4 ชั้น ม. 4/2

# data[].attributes.headline
ขั้นตอนที่ 1 การวางแ

# data[].attributes.body
ขั้นตอนที่ 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

นางสาว นพมาศ  ท้าวคาม

# data[].attributes.headline
1 การวางแผนการจัดทำเว็บไซต์  2 การกำหนดโครงสร้างของเว็บ  3 การกำหนดการเชื่อมโยงเว็บเพจ   4 การตั้งชื่อไฟล์และโฟลเดอร์  5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์  6 การสร้างเว็บเพจ  7 การลงทะเบียนขอพื้นที่เว็บไซต์  8 การอัพโหลดเว็บไซต์1 กำหนดจุดประสงค์กลุ่มเป้าหมายการขายความต้องการขอกลุ่มเป้าหมาย2 ออกแบบแต่ละหน้า3 การเชื่อมโยงความสนใจ4 ตั้งชื่อ5 อัพโหลดและ 6 เรียกดู

# data[].attributes.subject
1 การวางแผนการจัดทำเว็บไซต์  2 การกำหนดโครงสร้างของเว็บ  3 การกำหนดการเชื่อมโยงเว็บเพจ   4 การตั้งชื่อไฟล์และโฟลเดอร์  5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์  6 การสร้างเว็บเพจ  7 การลงทะเบียนขอพื้นที่เว็บไซต์  8 การอัพโหลดเว็บไซต์1 กำหนดจุดประสงค์กลุ่มเป้าหมายการขายความต้องการขอกลุ่มเป้าหมาย2 ออกแบบแต่ละหน้า3 การเชื่อมโยงความสนใจ4 ตั้งชื่อ5 อัพโหลดและ 6 เรียกดู

# data[].attributes.headline
1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ   น.ส. สุธีมนต์ แซ่เฮ้อ   

# data[].attributes.subject
1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ   น.ส. สุธีมนต์ แซ่เฮ้อ   

# data[].attributes.headline
1 การวางแผนการจัดทำเว็บไซต์  2 การกำหนดโครงสร้างของเว็บ  3 การกำหนดการเชื่อมโยงเว็บเพจ   4 การตั้งชื่อไฟล์และโฟลเดอร์  5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์  6 การสร้างเว็บเพจ  7 การลงทะเบียนขอพื้นที่เว็บไซต์  8 การอัพโหลดเว็บไซต์1 กำหนดจุดประสงค์กลุ่มเป้าหมายการขายความต้องการขอกลุ่มเป้าหมาย2 ออกแบบแต่ละหน้า3 การเชื่อมโยงความสนใจ4 ตั้งชื่อ5 อัพโหลดและ 6 เรียกดู นาย นฤเดช แซ่โซ้ง

# data[].attributes.subject
1 การวางแผนการจัดทำเว็บไซต์  2 การกำหนดโครงสร้างของเว็บ  3 การกำหนดการเชื่อมโยงเว็บเพจ   4 การตั้งชื่อไฟล์และโฟลเดอร์  5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์  6 การสร้างเว็บเพจ  7 การลงทะเบียนขอพื้นที่เว็บไซต์  8 การอัพโหลดเว็บไซต์1 กำหนดจุดประสงค์กลุ่มเป้าหมายการขายความต้องการขอกลุ่มเป้าหมาย2 ออกแบบแต่ละหน้า3 การเชื่อมโยงความสนใจ4 ตั้งชื่อ5 อัพโหลดและ 6 เรียกดู นาย นฤเดช แซ่โซ้ง

# data[].attributes.headline
นางสางวละอองดาว อุ่นถิ่น

# data[].attributes.subject
นางสางวละอองดาว อุ่นถิ่น

# data[].attributes.body
1.กำหนดจุประสงค์
2.รวบรวมข้อมูลและจัดเรียง
3.ออกแบบโครงสร้าง
4.ออกแบบเว็บเพจและโฮมเพจ
5.สร้างเว็บเพจและโฮมเพจ
6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet
7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์
8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ

# data[].attributes.headline
นาย ธีระชัย ใจสาร ม.4/2 เลขที่5

# data[].attributes.subject
นาย ธีระชัย ใจสาร ม.4/2 เลขที่5

# data[].attributes.body
1.กำหนดจุประสงค์
2.รวบรวมและจัดเตรียมข้อมูล
3.ออกแบบโครงสร้าง
4.ออกแบบเว็บเพจและโฮมเพจ
5.สร้างเว็บเพจและโฮมเพจ
6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่Internet
7.โฆษณา ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์
8.ปรับปรุงเว็บไซต์ให้ทันมัยอยู่เสมอ

# data[].attributes.headline
นาย วันเฉลิม หน่อท้าว

# data[].attributes.subject
นาย วันเฉลิม หน่อท้าว

# data[].attributes.body
1.กำหนดจุประสงค์
2.รวบรวมข้อมูลและจัดเรียง
3.ออกแบบโครงสร้าง
4.ออกแบบเว็บเพจและโฮมเพจ
5.สร้างเว็บเพจและโฮมเพจ
6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet
7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์
8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ

# data[].attributes.headline
ขั้นตอนการสร้างเว็บไซต์

# data[].attributes.subject
ขั้นตอนการสร้างเว็บไซต์

# data[].attributes.body
ขั้นตอนที่ 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 เป็นต้น เพื่อให้ผู้คนได้เข้าเยี่ยมชมโดยสามารถดูในเว็บไซต์ของเราผ่านเครือข่ายอินเทอร์เน็ต

# data[].attributes.headline
1.กำหนดจุดประสงค์2.รวบรวมข้อมูลและจัดเรีย3.ออแบบโครงสร้าง4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ6.อัพโหลดข้อมูลเว็บไซต์เข้าสู้Internet7.ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ

# data[].attributes.subject
1.กำหนดจุดประสงค์2.รวบรวมข้อมูลและจัดเรีย3.ออแบบโครงสร้าง4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ6.อัพโหลดข้อมูลเว็บไซต์เข้าสู้Internet7.ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ

# data[].attributes.body
น.ส.กัญญารัตน์ ธรรมศิริ เลขที่18 ม.4/2

# data[].attributes.headline
ขั้นตอนการสร้างว็บไซ

# data[].attributes.body
ขั้นตอนการสร้างว็บไซต์
1.กำหนดจุดประสงค์
2.รวบรวมและจัดเรียงข้อมูล
3.ออกแบบโครงสร้างของว็บไซต์
4.ออกแบบเว็บเพจและโฮมเพจ
5.สร้างเว็บเพจและโฮมเพจ
6.อัพโหลด(upload)ข้อมูลเว็บไซต์ขึ้นสู้ lntarnet
7.โฆษณา ประชาสัมพันธ์ให้คนอื่นเข้าชมเว็บไซต์
8.ปรับปรุงเว็บไซ์ให้ทันสมัยอยู่เสมอ

# data[].attributes.body
นาย สราวุฒ การุณชาติ
ควรกำหนดจุดประสงค์ให้ชัดเจนในการสรางเว็บเเละรวบรวมข้อมูลให้น่าอ่านกระชับไม่ยาวมากเกินไปการออกเเบบควรออกเเบบรูปเเบบเว็บให้น่าอ่านให้ทันสมัยเเละควรมีการโฆษณา เพื่อให้มีผู้รู้จักเว็บ หมั่นปรับปรุงเว็บให้ทันสมัยน่าอ่านอยู่เสมอ

# data[].attributes.headline
นายรัชชานนท์ ทองไสย์ 1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ

# data[].attributes.subject
นายรัชชานนท์ ทองไสย์ 1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ

# data[].attributes.headline
ขั้นขั้นตอนการสร้างเว็บไซต์

# data[].attributes.subject
ขั้นขั้นตอนการสร้างเว็บไซต์

# data[].attributes.body
ขั้นตอนที่ 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

# data[].attributes.headline
                  นาย  ภูริช  แซ่ว่าง                                                              1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง   3.ออกแบบโครงสร้าง   4.ออกแบบเว็บเพจและโฮมเพจ  5.สร้างเว็บเพจและโฮมเพจ  6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet                                                                   7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์                                              8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ                                                                      

# data[].attributes.subject
                  นาย  ภูริช  แซ่ว่าง                                                              1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง   3.ออกแบบโครงสร้าง   4.ออกแบบเว็บเพจและโฮมเพจ  5.สร้างเว็บเพจและโฮมเพจ  6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet                                                                   7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์                                              8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ                                                                      

# data[].attributes.headline
นายสมจิตร แซ่โซ้ง.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่ทันสมัย

# data[].attributes.subject
นายสมจิตร แซ่โซ้ง.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่ทันสมัย

# data[].attributes.body
1 อยุ

# data[].attributes.headline
นาย วรวุฒิ อินปา ม.4/2เลขที่1            ขั้นตอนที่ 1 วางแผนจัดทำเว็บไซต์ กำหนด เนื้อหา แบ่งเนื้อหาเป็นหมวดหมู่ต่างๆ ตามลำดับก่อนหลัง และรายละเอียดของเว็บที่เราจะจัดทำเพื่อให้เห็นมุมมอง คร่าวๆ ก่อนจะลงมือสร้างเว็บไซต์ขั้นตอนที่ 2 การกำหนดโครงสร้างของเว็บคือขั้นตอนการกำหนดผังของเว็บไซต์ หรือที่เรียกว่า Site Map เพื่อให้ทราบองค์ประกอบทั้งหมดของเว็บไซต์ขั้นตอนที่ 3 กำหนดการเชื่อมโยงระหว่างเว็บเพจเป็นการกำหนดการเชื่อมโยงในแต่ละหน้าเว็บเพจให้สามารถเชื่อมโยงกลับไปกลับมาระหว่างหน้าเว็บเพจต่าง ๆ  ขั้นตอนที่ 4 ออกแบบหน้าเว็บเพจแต่ละหน้า ออกแบบโครงสร้างหน้าเว็บเพจในแต่ละหน้าเพื่อจะได้รู้ว่าในเว็บเพจแต่ละหน้ามีรายละเอียดอะไรบ้าง ไม่ว่าจะเป็น ข้อมูล รูปภาพขั้นตอนที่ 5 สร้างเว็บเพจในแต่ละหน้า เมื่อได้ทำการออกแบบหน้าเว็บเพจแต่ละหน้าแล้ว ต่อไปคือขั้นตอนการสร้างหน้าเว็บเพจตามที่ได้ออกแบบไว้ ด้วยโปรแกรมต่างๆไม่ว่าจะเป็นโปรแกรมประเภทText Editor เพื่อใช้ในการเขียนชุดคำสั่ง HTMLขั้นตอนที่ 6 จดโดเมนเนมและหาพื้นที่ฝากเว็บไซต์หลังจากเราสร้างเว็บไซต์เสร็จแล้ว ขั้นตอนต่อไป คือ ทำการตั้งชื่อเว็บไซต์คือการจดโดเมนเนม และหาที่ฝากเว็บไซต์    ที่เรียกว่า เว็บโฮสติ้งขั้นตอนที่ 7 อัพโหลดเว็บไซต์หลังจากสมัครบริการพื้นที่ฝากเว็บไซต์แล้ว ขั้นตอนต่อไป คือการอัพโหลดไฟล์เว็บไซต์ของเราไปยังเว็บไซต์ที่ให้บริการพื้นที่ฝากเว็บไซต์ผ่านโปรแกรม FTP ขั้นตอนที่8ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ

# data[].attributes.subject
นาย วรวุฒิ อินปา ม.4/2เลขที่1            ขั้นตอนที่ 1 วางแผนจัดทำเว็บไซต์ กำหนด เนื้อหา แบ่งเนื้อหาเป็นหมวดหมู่ต่างๆ ตามลำดับก่อนหลัง และรายละเอียดของเว็บที่เราจะจัดทำเพื่อให้เห็นมุมมอง คร่าวๆ ก่อนจะลงมือสร้างเว็บไซต์ขั้นตอนที่ 2 การกำหนดโครงสร้างของเว็บคือขั้นตอนการกำหนดผังของเว็บไซต์ หรือที่เรียกว่า Site Map เพื่อให้ทราบองค์ประกอบทั้งหมดของเว็บไซต์ขั้นตอนที่ 3 กำหนดการเชื่อมโยงระหว่างเว็บเพจเป็นการกำหนดการเชื่อมโยงในแต่ละหน้าเว็บเพจให้สามารถเชื่อมโยงกลับไปกลับมาระหว่างหน้าเว็บเพจต่าง ๆ  ขั้นตอนที่ 4 ออกแบบหน้าเว็บเพจแต่ละหน้า ออกแบบโครงสร้างหน้าเว็บเพจในแต่ละหน้าเพื่อจะได้รู้ว่าในเว็บเพจแต่ละหน้ามีรายละเอียดอะไรบ้าง ไม่ว่าจะเป็น ข้อมูล รูปภาพขั้นตอนที่ 5 สร้างเว็บเพจในแต่ละหน้า เมื่อได้ทำการออกแบบหน้าเว็บเพจแต่ละหน้าแล้ว ต่อไปคือขั้นตอนการสร้างหน้าเว็บเพจตามที่ได้ออกแบบไว้ ด้วยโปรแกรมต่างๆไม่ว่าจะเป็นโปรแกรมประเภทText Editor เพื่อใช้ในการเขียนชุดคำสั่ง HTMLขั้นตอนที่ 6 จดโดเมนเนมและหาพื้นที่ฝากเว็บไซต์หลังจากเราสร้างเว็บไซต์เสร็จแล้ว ขั้นตอนต่อไป คือ ทำการตั้งชื่อเว็บไซต์คือการจดโดเมนเนม และหาที่ฝากเว็บไซต์    ที่เรียกว่า เว็บโฮสติ้งขั้นตอนที่ 7 อัพโหลดเว็บไซต์หลังจากสมัครบริการพื้นที่ฝากเว็บไซต์แล้ว ขั้นตอนต่อไป คือการอัพโหลดไฟล์เว็บไซต์ของเราไปยังเว็บไซต์ที่ให้บริการพื้นที่ฝากเว็บไซต์ผ่านโปรแกรม FTP ขั้นตอนที่8ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ

# data[].attributes.headline
1.กำหนดจุประสงค์

# data[].attributes.body
1.กำหนดจุประสงค์ 2.รวบรวมข้อมูลและจัดเรียง3.ออกแบบโครงสร้าง 4.ออกแบบเว็บเพจและโฮมเพจ5.สร้างเว็บเพจและโฮมเพจ 6.อัพโหลดข้อมูลเว็บไซต์เข้าสู่ Internet 7. ประชาสัมพันธ์ให้คนเข้าชมเว็บไซต์ 8.ปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ
นาย ปิติภัทร ท้าวคาม

# data[].attributes.headline
นางสาวปัญฑิตา ท้าวคา

# data[].attributes.body
นางสาวปัญฑิตา ท้าวคาม เลขที่22ม.4/2
ขั้นตอนการสร้างว็บไซต์
1.กำหนดจุดประสงค์
2.รวบรวมและจัดเรียงข้อมูล
3.ออกแบบโครงสร้างของว็บไซต์
4.ออกแบบเว็บเพจและโฮมเพจ
5.สร้างเว็บเพจและโฮมเพจ
6.อัพโหลด(upload)ข้อมูลเว็บไซต์ขึ้นสู้ lntarnet
7.โฆษณา ประชาสัมพันธ์ให้คนอื่นเข้าชมเว็บไซต์
8.ปรับปรุงเว็บไซ์ให้ทันสมัยอยู่เสมอ