SlideShare a Scribd company logo
1 of 6
นตอนการสร้างเว็บไซต์
การสร้างเว็บไซต์
อาจเริ่มตั้งแต่การกาหนดเนื้อหารายละเอียดต่างๆในเว็บ
จนถึงการอัพโหลดเว็บขึ้นบนอินเทอร์เน็ต จะมีขั้นตอนดังนี้
ขั้นตอนที่ 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
แค่นี้ทุกคนทั่วโลกก็สามารถเปิดดูเว็บไซต์ของเราผ่านระบบเครือข่าย
อินเทอร์เน็ตได้แล้ว
ขั้นตอนการสร้างเว็บไซต์

More Related Content

What's hot

พระไตรปิฎกฉบับหลวงเล่มที่๐๕
พระไตรปิฎกฉบับหลวงเล่มที่๐๕พระไตรปิฎกฉบับหลวงเล่มที่๐๕
พระไตรปิฎกฉบับหลวงเล่มที่๐๕Rose Banioki
 
พระไตรปิฎกฉบับหลวงเล่มที่๐๔
พระไตรปิฎกฉบับหลวงเล่มที่๐๔พระไตรปิฎกฉบับหลวงเล่มที่๐๔
พระไตรปิฎกฉบับหลวงเล่มที่๐๔Rose Banioki
 
พระไตรปิฎกฉบับหลวงเล่มที่๑๔
พระไตรปิฎกฉบับหลวงเล่มที่๑๔พระไตรปิฎกฉบับหลวงเล่มที่๑๔
พระไตรปิฎกฉบับหลวงเล่มที่๑๔Rose Banioki
 
บาลี 59 80
บาลี 59 80บาลี 59 80
บาลี 59 80Rose Banioki
 
พระไตรปิฏกฉบับหลวงเล่มที่๒๘
พระไตรปิฏกฉบับหลวงเล่มที่๒๘พระไตรปิฏกฉบับหลวงเล่มที่๒๘
พระไตรปิฏกฉบับหลวงเล่มที่๒๘Rose Banioki
 
พระไตรปิฎกฉบับหลวงเล่มที่๑๙
พระไตรปิฎกฉบับหลวงเล่มที่๑๙พระไตรปิฎกฉบับหลวงเล่มที่๑๙
พระไตรปิฎกฉบับหลวงเล่มที่๑๙Rose Banioki
 
พระไตรปิฎกฉบับหลวงเล่มที่๑๗
พระไตรปิฎกฉบับหลวงเล่มที่๑๗พระไตรปิฎกฉบับหลวงเล่มที่๑๗
พระไตรปิฎกฉบับหลวงเล่มที่๑๗Rose Banioki
 
Google Search Engine Optimization Starter Guide Th
Google Search Engine Optimization Starter Guide ThGoogle Search Engine Optimization Starter Guide Th
Google Search Engine Optimization Starter Guide ThPawoot (Pom) Pongvitayapanu
 
พระไตรปิฏกฉบับหลวงเล่มที่๓๔
พระไตรปิฏกฉบับหลวงเล่มที่๓๔พระไตรปิฏกฉบับหลวงเล่มที่๓๔
พระไตรปิฏกฉบับหลวงเล่มที่๓๔Rose Banioki
 
พระไตรปิฎกฉบับหลวงเล่มที่๐๒
พระไตรปิฎกฉบับหลวงเล่มที่๐๒พระไตรปิฎกฉบับหลวงเล่มที่๐๒
พระไตรปิฎกฉบับหลวงเล่มที่๐๒Rose Banioki
 
ตัวอย่างแผนธุรกิจSample clinic
ตัวอย่างแผนธุรกิจSample clinicตัวอย่างแผนธุรกิจSample clinic
ตัวอย่างแผนธุรกิจSample clinicNattakorn Sunkdon
 

What's hot (12)

พระไตรปิฎกฉบับหลวงเล่มที่๐๕
พระไตรปิฎกฉบับหลวงเล่มที่๐๕พระไตรปิฎกฉบับหลวงเล่มที่๐๕
พระไตรปิฎกฉบับหลวงเล่มที่๐๕
 
พระไตรปิฎกฉบับหลวงเล่มที่๐๔
พระไตรปิฎกฉบับหลวงเล่มที่๐๔พระไตรปิฎกฉบับหลวงเล่มที่๐๔
พระไตรปิฎกฉบับหลวงเล่มที่๐๔
 
พระไตรปิฎกฉบับหลวงเล่มที่๑๔
พระไตรปิฎกฉบับหลวงเล่มที่๑๔พระไตรปิฎกฉบับหลวงเล่มที่๑๔
พระไตรปิฎกฉบับหลวงเล่มที่๑๔
 
บาลี 59 80
บาลี 59 80บาลี 59 80
บาลี 59 80
 
พระไตรปิฏกฉบับหลวงเล่มที่๒๘
พระไตรปิฏกฉบับหลวงเล่มที่๒๘พระไตรปิฏกฉบับหลวงเล่มที่๒๘
พระไตรปิฏกฉบับหลวงเล่มที่๒๘
 
พระไตรปิฎกฉบับหลวงเล่มที่๑๙
พระไตรปิฎกฉบับหลวงเล่มที่๑๙พระไตรปิฎกฉบับหลวงเล่มที่๑๙
พระไตรปิฎกฉบับหลวงเล่มที่๑๙
 
พระไตรปิฎกฉบับหลวงเล่มที่๑๗
พระไตรปิฎกฉบับหลวงเล่มที่๑๗พระไตรปิฎกฉบับหลวงเล่มที่๑๗
พระไตรปิฎกฉบับหลวงเล่มที่๑๗
 
Google Search Engine Optimization Starter Guide Th
Google Search Engine Optimization Starter Guide ThGoogle Search Engine Optimization Starter Guide Th
Google Search Engine Optimization Starter Guide Th
 
Global warming
Global warmingGlobal warming
Global warming
 
พระไตรปิฏกฉบับหลวงเล่มที่๓๔
พระไตรปิฏกฉบับหลวงเล่มที่๓๔พระไตรปิฏกฉบับหลวงเล่มที่๓๔
พระไตรปิฏกฉบับหลวงเล่มที่๓๔
 
พระไตรปิฎกฉบับหลวงเล่มที่๐๒
พระไตรปิฎกฉบับหลวงเล่มที่๐๒พระไตรปิฎกฉบับหลวงเล่มที่๐๒
พระไตรปิฎกฉบับหลวงเล่มที่๐๒
 
ตัวอย่างแผนธุรกิจSample clinic
ตัวอย่างแผนธุรกิจSample clinicตัวอย่างแผนธุรกิจSample clinic
ตัวอย่างแผนธุรกิจSample clinic
 

More from rungtip boontiengtam

06 บทที่-1(แก้ไข
06 บทที่-1(แก้ไข06 บทที่-1(แก้ไข
06 บทที่-1(แก้ไขrungtip boontiengtam
 
แบบบันทึกขั้นตอนการดำเนินงาน
แบบบันทึกขั้นตอนการดำเนินงานแบบบันทึกขั้นตอนการดำเนินงาน
แบบบันทึกขั้นตอนการดำเนินงานrungtip boontiengtam
 
เค้าโครง โครงงานคอมพิวเตอร์
เค้าโครง โครงงานคอมพิวเตอร์เค้าโครง โครงงานคอมพิวเตอร์
เค้าโครง โครงงานคอมพิวเตอร์rungtip boontiengtam
 
ใบงานที่ 2 การสื่อสารและเครือข่ายคอมพิวเตอร์
ใบงานที่ 2  การสื่อสารและเครือข่ายคอมพิวเตอร์ใบงานที่ 2  การสื่อสารและเครือข่ายคอมพิวเตอร์
ใบงานที่ 2 การสื่อสารและเครือข่ายคอมพิวเตอร์rungtip boontiengtam
 
013 ข้อมูลผู้จัดทำ
013 ข้อมูลผู้จัดทำ013 ข้อมูลผู้จัดทำ
013 ข้อมูลผู้จัดทำrungtip boontiengtam
 
011 บรรณานุกรม
011 บรรณานุกรม011 บรรณานุกรม
011 บรรณานุกรมrungtip boontiengtam
 
05 02 สารบัญตาราง
05 02 สารบัญตาราง05 02 สารบัญตาราง
05 02 สารบัญตารางrungtip boontiengtam
 
04 กิตติกรรมประกาศ
04 กิตติกรรมประกาศ04 กิตติกรรมประกาศ
04 กิตติกรรมประกาศrungtip boontiengtam
 

More from rungtip boontiengtam (20)

06 บทที่-1(แก้ไข
06 บทที่-1(แก้ไข06 บทที่-1(แก้ไข
06 บทที่-1(แก้ไข
 
ใบงานที่ 2
ใบงานที่ 2ใบงานที่ 2
ใบงานที่ 2
 
แบบบันทึกขั้นตอนการดำเนินงาน
แบบบันทึกขั้นตอนการดำเนินงานแบบบันทึกขั้นตอนการดำเนินงาน
แบบบันทึกขั้นตอนการดำเนินงาน
 
เค้าโครง โครงงานคอมพิวเตอร์
เค้าโครง โครงงานคอมพิวเตอร์เค้าโครง โครงงานคอมพิวเตอร์
เค้าโครง โครงงานคอมพิวเตอร์
 
ใบงานที่ 2 การสื่อสารและเครือข่ายคอมพิวเตอร์
ใบงานที่ 2  การสื่อสารและเครือข่ายคอมพิวเตอร์ใบงานที่ 2  การสื่อสารและเครือข่ายคอมพิวเตอร์
ใบงานที่ 2 การสื่อสารและเครือข่ายคอมพิวเตอร์
 
013 ข้อมูลผู้จัดทำ
013 ข้อมูลผู้จัดทำ013 ข้อมูลผู้จัดทำ
013 ข้อมูลผู้จัดทำ
 
012 ภาคผนวก
012 ภาคผนวก012 ภาคผนวก
012 ภาคผนวก
 
011 บรรณานุกรม
011 บรรณานุกรม011 บรรณานุกรม
011 บรรณานุกรม
 
010 บทที่ 5
010 บทที่ 5010 บทที่ 5
010 บทที่ 5
 
09 บทที่ 4
09 บทที่ 409 บทที่ 4
09 บทที่ 4
 
08 บทที่ 3
08 บทที่ 308 บทที่ 3
08 บทที่ 3
 
07 บทที่ 2
07 บทที่ 207 บทที่ 2
07 บทที่ 2
 
06 บทที่ 1
06 บทที่ 106 บทที่ 1
06 บทที่ 1
 
05 02 สารบัญตาราง
05 02 สารบัญตาราง05 02 สารบัญตาราง
05 02 สารบัญตาราง
 
05 01 สารบัญภาพ
05 01 สารบัญภาพ05 01 สารบัญภาพ
05 01 สารบัญภาพ
 
05 สารบัญ
05 สารบัญ05 สารบัญ
05 สารบัญ
 
03 บทคัดย่อ
03 บทคัดย่อ03 บทคัดย่อ
03 บทคัดย่อ
 
02 ปกใน
02 ปกใน02 ปกใน
02 ปกใน
 
01 ปกหน้า
01 ปกหน้า01 ปกหน้า
01 ปกหน้า
 
04 กิตติกรรมประกาศ
04 กิตติกรรมประกาศ04 กิตติกรรมประกาศ
04 กิตติกรรมประกาศ
 

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

  • 1. นตอนการสร้างเว็บไซต์ การสร้างเว็บไซต์ อาจเริ่มตั้งแต่การกาหนดเนื้อหารายละเอียดต่างๆในเว็บ จนถึงการอัพโหลดเว็บขึ้นบนอินเทอร์เน็ต จะมีขั้นตอนดังนี้ ขั้นตอนที่ 1 วางแผนจัดทาเว็บไซต์ กาหนด เนื้อหา แบ่งเนื้อหาเป็ นหมวดหมู่ต่างๆ ตามลาดับก่อนหลัง และรายละเอียดของเว็บที่เราจะจัดทาเพื่อให้เห็นมุมมอง คร่าวๆ ก่อนจะลงมือสร้างเว็บไซต์ ขั้นตอนที่ 2 การกาหนดโครงสร้างของเว็บ คือขั้นตอนการกาหนดผังของเว็บ หรือที่เรียกว่า Site Map เพื่อให้ทราบองค์ประกอบทั้งหมดของเว็บ ตัวอย่างเช่น เรามีหน้าเว็บเพจทั้งหมด 6 เว็บเพจกาหนด Site Map ได้ดังรูป ขั้นตอนที่ 3 กาหนดการเชื่อมโยงระหว่างเว็บเพจ เป็ นการกาหนดการเชื่อมโยงในแต่ละหน้าเว็บเพจให้สามาร
  • 2. ถเชื่อมโยงกลับไปกลับมาระหว่างหน้าเว็บเพจต่าง ๆ ได้ จากตัวอย่าง จะเห็นว่าหน้า index.html สามารถเชื่อมโยงไปยังหน้าต่างๆได้และแต่ละหน้าก็สามารถเชื่อมโยง กลับมา ยังหน้า index.html ได้ตัวอย่างดังรูป ขั้นตอนที่ 4 ออกแบบหน้าเว็บเพจแต่ละหน้า ออกแบบโครงสร้างหน้าเว็บเพจในแต่ละหน้าเพื่อจะได้รู้ว่าใ นเว็บเพจแต่ละหน้ามีรายละเอียดอะไรบ้าง ไม่ว่าจะเป็ น ข้อมูล รูปภาพ จากนั้นทาการออกแบบหน้าเว็บเพจหน้าต่อไป จากรูปด้านบนจะเห็นว่าเราได้แบ่งหน้าเว็บออกเป็ นส่วนๆ โดยเราสามารถแบ่งส่วนประกอบของหน้าเว็บ ได้ดังนี้
  • 3. ส่วนประกอบของหน้าเว็บเพจ ส่วนประกอบของหน้าเว็บเพจที่ดี จะมีอยู่ด้วยกันทั้งหมด 3 ส่วนหลัก ๆ ดังนี้ 1. ส่วนหัวของหน้า (Header) เป็ นส่วนที่อยู่บนสุดของหน้า มักใส่ภาพกราฟิกเพื่อสร้างความประทับใจเช่นภาพโลโก้(Logo) เมนูหลักหรือลิงก์ (Navigation Bar) เพื่อเป็ นจุดเชื่อมโยงไปสู่เนื้อหาของเว็บไซต์ในหน้าต่อไป 2. ส่วนของเนื้อหา (Body) เป็ นส่วนที่อยู่ตอนกลางของหน้า ใช้แสดงข้อมูลเนื้อหาของเว็บไซต์ ประกอบด้วยข้อความ, ตารางข้อมูล ภาพกราฟิก วีดีโอ และอื่นๆ และอาจมีเมนูหลัก หรือเมนูเฉพาะกลุ่มวางอยู่ในส่วนนี้ด้วย 3. ส่วนท้ายของหน้า (Footer) เป็ นส่วนที่อยู่ด้านล่างสุดของหน้า มักวางระบบนาทางที่เป็ นลิงค์ข้อความง่าย ๆ และอาจแสดงข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาภายในเว็บไซต์ เช่น เจ้าของเว็บไซต์,ข้อความแสดงลิขสิทธิ์, วิธีการติดต่อกับผู้ดูแลเว็บไซต์, คาแนะนาการใช้เว็บไซต์ เป็ นต้น โดยปกติส่วนหัวและส่วนท้ายมักแสดงเหมือนกันในทุกหน้าของเว็บเ พจ
  • 4. ขั้นตอนที่ 5 สร้างเว็บเพจในแต่ละหน้า เมื่อได้ทาการออกแบบหน้าเว็บแต่ละหน้าแล้ว ต่อไปคือขั้นตอนการสร้างหน้าเว็บเพจตามที่ได้ออกแบบไว้ ด้วยโปรแกรมต่างๆไม่ว่าจะเป็ นโปรแกรมประเภทText Editor เพื่อใช้ในการเขียนชุดคาสั่ง HTML หรือโปรแกรมสาเร็จรูปเพื่อให้แต่ละหน้าเว็บเพจนาเสนอข้อความ รูปภาพ วีดีโอ และเสียง อยู่ในรูปแบบตามที่ต้องการ ตัวอย่างการสร้างหน้าเว็บเพจด้วยโปรแกรม Notepad ขั้นตอนที่ 6 จดโดเมนเนมและหาพื้นที่ฝากเว็บไซต์ หลังจากเราสร้างเว็บไซต์เสร็จแล้ว ขั้นตอนต่อไป คือ ทาการตั้งชื่อเว็บไซต์คือการจดโดเมนเนม และหาที่ฝากเว็บไซต์ ที่เรียกว่า เว็บโฮสติ้ง (Web Hosting) ที่มีทั้งแบบเสียค่าใช้จ่าย และแบบให้พื้นที่ฝากเว็บไซต์ฟรี อย่างเช่นเว็บไซต์ที่ให้บริการฝากเว็บไซต์ฟรี คือ http://www.thcity.com วิธีการให้ทาการสมัครตามขั้นตอนต่าง ๆบนหน้าเว็บ เท่านี้เราก็จะมีชื่อเว็บและพื้นที่ ฝากเว็บไซต์แล้ว
  • 5. ขั้นตอนที่ 7 อัพโหลดเว็บไซต์ หลังจากสมัครบริการพื้นที่ฝากเว็บแล้ว ขั้นตอนต่อไป คือการอัพโหลดไฟล์เว็บไซต์ของเราไปยังเว็บไซต์ที่ให้บริการพื้นที่ฝา กเว็บไซต์ผ่านโปรแกรมFTP ต่างๆ เช่นโปรแกรม Filezilla แค่นี้ทุกคนทั่วโลกก็สามารถเปิดดูเว็บไซต์ของเราผ่านระบบเครือข่าย อินเทอร์เน็ตได้แล้ว