ใบความรู้ที่ 1
- 1. ใบความรูที่ 1
เรื่อง เริ่มตนกับการสรางเว็บเพจ
» เว็บเพจคืออะไร
เว็บเพจ คือ เอกสารที่ใชในการเผยแพรขอมูลขาวสารที่ประกอบดวยขอความ ภาพ เสียง และ
ภาพยนตร ผานทางเครือขายอินเตอรเน็ต
» ประโยชนของเว็บเพจ
เพื่อนําเสนอขอมูลและขาวสารในรูปแบบตางๆ ดังนี้
1. ขาวและเหตุการณในปจจุบัน
2. ขอมูลความรูและหองสมุด
3. ประชาสัมพันธบริษัทและองคกร
4. ความบันเทิง
5. การเงิน การลงทุน
6. ซื้อ – ขายสินคาและบริการ
7. ดาวนโหลดขอมูล
8. บริการติดตอสื่อสาร
» คําศัพทพื้นฐานเกี่ยวกับการสรางเว็บเพจ
1.ไคลเอนต – เซิรฟเวอร
- เครื่องที่ทําการสงขอมูล เรียกวา เครื่องใหบริการ (Server)
- เครื่องที่ทําการรับขอมูล เรียกวา เครื่องรับบริการ (Client)
2. เครือขายใยแมงมุม www (World Wide Web)
คือ การเรียกบราวเซอร เชน Internet Explorer หรือ Firefox แลวระบุ URL เพื่อใชในการ
อางที่อยูที่เก็บเว็บ เชน ระบุ URL เปน www.ppk.ac.th ก็จะเปนการเปดดูเว็บไซตของโรงเรียนพะเยา
พิทยาคม
3. เว็บไซต (Web site)
คือ กลุมของหนาเว็บ หรือหนาเว็บหลายๆ หนารวมกัน โดยจะมีการกําหนดหนาเว็บหนาหนึ่งไว
เปนหนาแรก เว็บเพจหนานี้เรียกวา โฮมเพจ (Home page)
4. เว็บบราวเซอร (Web Browser)
คือ โปรแกรมที่ใชเขาสูโลกของ www เปนโปรแกรมที่อยูในเครื่องของลูกขาย (Client)
มีหนาที่ในการสงขอมูลรองขอและนําเสนอขอมูลเว็บ
- 2. 5. เว็บเซิรฟเวอร (Web Server)
เปนที่เก็บเว็บเพจ โดยเราตองใชบราวเซอรดึงขอมูล เพื่อใหมีการแสดงขอมูลที่เครื่องของเรา
6. ชื่อ URL (Uniform Resource Locator)
เปนชื่อที่ใชอางถึงไฟลในอินเตอรเน็ต คือ
http://www.
7.โดเมนเนม (Domain Name)
คือ ชื่อเฉพาะของเว็บไซตที่ไมมีการซ้ํากัน เนื่องจากตองไปจดทะเบียนกับหนวยงานกลาง เชน
- ppk.ac.th
- google.co.th
- hotmail.com
ประเภทของโดเมนเนม มีอยู 2 ประเภท คือ
1.โดเมนเนม 2 ระดับ จะมีรูปแบบ เชน ppk.com ตัวยอหลังจุดในโดเมนเนม คือคํายอของ
ประเภทองคกร คํายอที่เราจะพบไดบอย มีดังนี้
.com บริษัทหรือองคกรพาณิชย
.edu สถาบันการศึกษา
.gov องคกรรัฐบาล
.mil องคกรทางทหาร
.net องคกรที่ทําหนาที่เปนจุดเชื่อมตอเครือขาย
.org องคกรที่ไมเขาขายประเภทองคกรทั้งหมดที่กลาวมา
.biz บริษัทหรือองคกรทางธุรกิจ
.info ใชในโอกาสโปรโมทสินคา เหตุการณสําคัญ
2.โดเมนเนม 3 ระดับ จะมีรูปแบบ เชน ppk.ac.th คํายอในสวนที่ 2 หลังเครื่องหมายจุดใช
ระบุประเภทองคกร และคํายอสวนที่ 3 หลังเครื่องหมายจุดใชระบุประเทศที่ตั้งขององคกรนั้นๆ เชน
ตัวยอสวนที่ 2
.co บริษัทหรือองคกรพาณิชย
.ac สถาบันการศึกษา
.go องคกรรัฐบาล
.or องคกรไมแสวงผลกําไร
.net องคกรที่ใหบริการเครือขาย
ตัวยอสวนที่ 3
.cn จีน
.th ไทย
.jp ญี่ปุน
.au ออสเตรเลีย
- 3. » หลักการออกแบบเว็บไซต
1. กําหนดขนาดของเว็บเพจ มีอยู 2 ขนาดดวยกัน คือ
- 800 x 600 pixels
- 1024 x 768 pixels
2. การออกแบบโครงสรางเว็บไซต มี 3 รูปแบบ คือ
2.1 ออกแบบหนาเว็บไซตที่เนนการนําเสนอเนื้อหามากๆ โดยจะใชโครงสรางของตารางเปนหลัก
เพื่อใสขอความแบบหนาสารบัญและรูปภาพเล็กๆ ได
2.2 ออกแบบหนาเว็บไซตที่เนนภาพกราฟกเปนหลัก เปนการแสดงภาพกราฟกที่สวยงามและใช
เปนการ link ที่ภาพเพื่อเขาไปยังหนาเว็บเพจอื่นๆ
2.3 ออกแบบหนาเว็บไซตที่มีทั้งภาพและเนื้อหา เปนการออกแบบเว็บไซตที่ผสมกันระหวางภาพ
และเนื้อหาเขาดวยกัน เพื่อใหเว็บไซตมีความสวยงามดวยภาพและมีเนื้อหาสมบูรณดวย
3. ขั้นตอนการสรางเว็บไซต มีทั้งหมด 6 ขั้นตอน ดังนี้
ขั้นตอนที่ 1 กําหนดโครงรางของเว็บไซต หรือเรียกวา Site Map เชน เรามีหนาเว็บ 6 หนา
กําหนด Site Map ดังรูป
ขั้นตอนที่ 2 กําหนดการเชื่อมโยงระหวางเว็บเพจ เพื่อใหกลับไปมาระหวางหนาตางๆ ได โดยจะ
แสดงชื่อไฟล html แตละไฟลที่มีการเชื่อมโยงสัมพันธกัน ดังรูป
- 4. ขั้นตอนที่ 3 ออกแบบเว็บเพจแตละหนาภายในเว็บไซต
เราสามารถออกแบบเว็ บ เพจในแตละหนาใหสวยงาม โดยอาจออกแบบโลโก เพื่ อ ทํ า เปน
สัญลักษณใหกับเว็บไซตกอนแลวคอยออกแบบหนาเว็บเพจในแตละหนาตามลําดับ
ขั้นตอนที่ 4 สรางเว็บเพจแตละหนา
วางรูปแบบของเว็บเพจแตละหนาแลว จากนั้นทําการเขียนโปรแกรมภาษา HTML เพื่อ
กําหนดใหแตละเว็บนําเสนอขอความ ภาพหรือวีดีโอ ใหอยูในรูปแบบที่เราตองการนําเสนอ
ขั้นตอนที่ 5 ลงทะเบียนขอพื้นที่เว็บไซตฟรี
หลั งจากออกแบบและสรางเว็ บไซตเสร็ จ สมบู ร ณแลว ก็ ทํา การเผยแพรเว็ บไซตสู เครื อขาย
อินเตอรเน็ตโดยการนําเว็บไซตไปไวบนพื้นที่ที่ใหบริการ (Web Hosting) ซึ่งมีทั้งพื้นที่ที่เราตองจายคาบริการ
และพื้นที่ที่เราสามารถฝากไดฟรี
ขั้นตอนที่ 6 อัพโหลดเว็บไซต
การอัพโหลดเว็บไซตทําไดดวยการใชโปรแกรม CuteFTP เพื่อใหคนทั่วโลกสามารถดูเว็บไซต
ของเราไดโดยผานเครือขายอินเตอรเน็ต
