# data[].attributes.headline
นางสาวอาทิตญา ทองเครือ

# data[].attributes.subject
นางสาวอาทิตญา ทองเครือ

# data[].attributes.body
more_vertical
นางสาวอาทิตญา ทองเครือ
ชั้นม.6/3 เลขที่9
ตอนที่ 1 วางแผนจัดทำเว็บไซต์

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

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

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

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

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

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

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

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

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

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

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

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

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

# data[].attributes.headline
นายมูฮำหมัดอลีฟ อาแวเงาะ

# data[].attributes.subject
นายมูฮำหมัดอลีฟ อาแวเงาะ

# data[].attributes.body
ขั้นตอนที่ 1 วางแผนจัดทำเว็บไซต์

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

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

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

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

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

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

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

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

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

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

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

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

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

# data[].attributes.headline
นายภัทรภณ คงทอง 

# data[].attributes.subject
นายภัทรภณ คงทอง 

# data[].attributes.body
ขั้นตอนที่ 1 วางแผนการจัดทำเว็บไซต์

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

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

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

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

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

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

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

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

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

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

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

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

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

ขั้นตอนที่ 8 การเรียกดูเว็บไซต์

หลังจากที่เราทำการอัพโหลดไฟล์เว็บไซต์ขึ้นบนเว็บไซต์ที่ให้บริการพื้นที่ฝากเว็บเสร็จแล้ว ต่อไปเราก็สามารถเปิดดูเว็บไซต์ผ่านทางโปรแกรมเว็บเบราว์เซอร์ต่างๆ ได้แล้วล่ะค่ะ ไม่ว่าจะเป็น Internet Explorer, Mozilla Firefox หรือ Google Chrome ก็ตาม โดยการพิมพ์ที่อยู่เว็บไซต์ตรง Address Bar จากนั้นก็กด Enter ก็เป็นอันเรียบร้อย

# data[].attributes.headline
น.ส.นราศรีนิสา แก้วศรี

# data[].attributes.subject
น.ส.นราศรีนิสา แก้วศรี

# data[].attributes.body
ขั้นตอนที่ 1 วางแผนจัดทำเว็บไซต์

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

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

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

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

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

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

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

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

# data[].attributes.headline
ไม่ทราบค่ะ หนูโง่ 

# data[].attributes.body
ไม่ทราบค่ะ หนูโง่

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

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