Transcript ******* (webpage)

เว็บเพจ
(webpage)
เว็บเพจ
คือ …
เว็บเพจ คือหน้าหนังสืออิเล็กทรอนิ กส ์บน
่ าของเว็บเพจ ต้องการจะใส่ลงไปในหน้า
เว็บ ทีเจ้
้ เช่น ข้อมู ลแนะนาตัวเอง
หนังสืออิเล็กทรอนิ กส ์นัน
่
่ องการให้ผูอ
ซึงอาจเป็
นบุคคลหรือองค ์กรทีต้
้ นได้
ื่
่ าสนใจ เป็ นต้น โดยทีข้
่ อมู ลที่
ทราบหรือข้อมู ลทีน่
แสดง
้ั อความ เสียง ภาพนิ่ ง และ
เป็ นได้ทงข้
่
่ าเสนอสามารถ
ภาพเคลือนไหวและข้
อมู ลทีน
่
เชือมโยงในรู
ปของ
เว็บเพจจะต้
องมีท์เท็อยู
ี่ กซ
่อเิ ์ ล็
่ กส ์บน งเว็บเพจอืนที
่ จะให้
่
ไฮเพอร
คืก
อทรอนิ
เชือมโยงไปยั
่
่ ่นีเรี
้ ยกว่า ่
เครือข่ายเฉพาะของตน
งทีับลึ
อยู
้ ซึงแหล่
ข้อมู ลนันๆ
ในระด
กลงไปได้
เรือยๆ
URL (Uniform Resource Locator)
เว็บเพจส่วนใหญ่จะอยู ่ในรู ปของเอกสาร
่ กมีนามสกุลไฟล ์เป็ น
HTML หรือ XHTML (ซึงมั
่
htm หรือ html) มีลงิ ก ์สาหร ับเชือมโยงไปยั
งเว็บ
่ ๆ สามารถใส่รูปภาพและรู ปภาพยัง
เพจหน้าอืน
่
สามารถเป็ นลิงก ์ กล่าวคือสามารถคลิกบนรู ปเพือ
่
กระโดดไปหน้าอืนได้
้ งสามารถใส่แอปเพล็ต
นอกจากนี ยั
่ นโปรแกรมขนาดเล็กแสดง
(applet)ซึงเป็
่
ภาพเคลือนไหว
มีปฏิสม
ั พันธ ์กับผู ใ้ ช้
หรือสร ้างเสียง ได้อก
ี ด้วย
่ เปิ ดดู เว็บเพจ เรียกว่า เว็บ
โปรแกรมทีใช้
่ นทีนิ
่ ยม เช่น
เบราว ์เซอร ์ ตัวอย่างเว็บเบราว ์เซอร ์ทีเป็
อินเทอร ์เน็ ตเอ็กซ ์พลอเรอร ์, Netscape, มอซิลลา
ไฟร ์ฟอกซ ์, และ ซาฟารี เป็ นต้น
โปรแกรมสาหร ับสร ้างเว็บเพจ เช่น โปรแกรม
Macromedia Dreamweaver , PHP & MySQL , Flash
Professional เป็ นต้น
ประโยชน์ของ
เว็บเพจ
่ ขอ
1. สร ้างโฮมเพจทีมี
้ มู ลส่วนตัว
่
้
เพือให้
คนทังโลกรู
้จัก
่
2. สร ้างเว็บเพจขององค ์กรเพือประชาสั
มพันธ ์
ขายสินค้าและบริการ
่
3. สร ้างเว็บเพจเพือให้
ความรู ้
่
แก่คนทัวไป
่
4. สร ้างเว็บเพจเพือกระจายข่
าวสารขององค ์กร
่ ดดูได้ทุกเวลา
ทีเปิ
่ นเหมือนห้องสมุดที่
5. สร ้างฐานข้อมู ลทีเป็
่ องการได้
สามารถค้นคว้าข้อมู ลทีต้
ข้อคิดก่อนการว่างแผนการ
สร ้างเว็บเพจ
้ ดประสงค ์ เพือเป็
่ นการกาหนดขอบเขตที่
1. ตังจุ
่ ้างขึน
้
ช ัดเจนของงานทีสร
2. อย่าใช้เวลาในการ
ออกแบบมากเกินไป
้
่ และน่ าสนใจลง
3. ใส่เนื อหาที
ดี
ในหน้าแรก
4. คานึ งถึงเวลาในการเข้าถึงเว็บไซต ์ การเข้าถึง
เว็บหรือการดาวน์โหลดข้อมู ล
ข้อคิดก่อนการว่างแผนการ
สร ้างเว็บเพจ
5. การรู ้จักกลุ่มเป้ าหมายหรือ
กลุ่มประชากร
่ นและกระช
้
6. เลือกใช้ขอ
้ ความทีสั
ับ ให้เกิด
ความน่ าสนใจชวนอ่าน ง่ ายต่อการจดจา
่
่
่
7. หาสิงใหม่
ๆ บรรจุลงไปในเว็บไซต ์ทีเราชื
นชอบ
8. กาหนดขอบเขตและวิธก
ี ารประเมินความสาเร็จ
้
ไว้ในการสร ้างข้อมู ลข่าวสารเบืองต้
นช ัดเจน
ส่วนประกอบของ
หน้าเว็บเพจ
่ ่ตอนบนสุดของหน้า และเป็ นส่วน
เป็ นส่วนทีอยู
่ าคัญทีสุ
่ ดของหน้า เป็ นส่วนทีดึ
่ งดู ดผู ช
ทีส
้ มให้
้
ติดตามเนื อหาภายในเว็
บไซต ์
1. ส่วนหัวของหน้า (Page
Header)
โลโก้
(Logo)
่
ชือ
เว็บไซต ์
เมนู หลักหรือลิงค ์
(Navigation Bar) เป็ นจุด
่
้
เชือมโยงไปสู
เ่ นื อหาของ
ส่วนประกอบของ
หน้าเว็บเพจ
้
2.ส่วนของเนื อหา
(Page Body)
่ ่ตอนกลางของหน้า ใช้แสดง
เป็ นส่วนทีอยู
้
่
ข้อมู ลเนื อหาขอเว็
บไซต ์ ซึงประกอบด้
วยข้อความ,
่ และอาจมี
ตารางข้อมู ล ภาพกราฟิ ก วีดโี อ และอืนๆ
้ วย
เมนู หลัก หรือเมนู เฉพาะกลุ่มวางอยู ่ในส่วนนี ด้
้
สาหร ับส่วนเนื อหาควรแสดงใจความส
าคัญที่
่
เป็ นหัวเรืองไว้
บนสุด ข้อมู ลมีความกระช ับ ใช้
่ านง่ าย และจัด Layout ให้
รู ปแบบตัวอ ักษรทีอ่
เหมาะสมและเป็ นระเบียบ
ส่วนประกอบของ
หน้าเว็บเพจ
3. ส่วนท้ายของหน้า (Page
Footer)
่ ่ดา้ นล่างสุดของหน้า จะมี
เป็ นส่วนทีอยู
่ นลิงค ์
หรือไม่มก
ี ไ็ ด้ มักวางระบบนาทางทีเป็
่
ข้อความง่ าย ๆ และอาจแสดงข้อมู ลเพิมเติ
ม
่
้
เกียวก
ับเนื อหาภายในเว็
บไซต ์ เช่น เจ้าของ
เว็บไซต ์, ข้อความแสดงลิขสิทธิ,์ วิธก
ี ารติดต่อก ับ
ผู ด
้ ู แลเว็บไซต ์, คาแนะนาการใช้เว็บไซต ์ เป็ นต้น
ตัวอย่าง แสดงส่วนประกอบของ
หน้าเว็บเพจ (trendypet.com)
แหล่ง
อ้างอิง
1.
http://tsl.tsu.ac.th/file.php/1/courseware/aa_
2/lesson05/lesson5-2.htm
2.
http://guru.google.co.th/guru/thread?ti
d=67cda313453650f8
3.
www.kradandum.com/thesis/th
esis-02-3.htm
4.
http://th.wikipedia.org/wik
i/เว็บเพจ
่
รายชือ
สมาชิก
1. น.ส.สุก ัญญา
เลขที่ 34
2. น.ส.สุก ัลยา
เลขที่ 36
3. น.ส.หนึ่ งร ัก
เลขที่ 48
จึงตระกูล
้ั
ชนปี
1 ข
อรรถวิช ัย
้ั
ชนปี
1 ข
คธาเพ็ชร
้ั
ชนปี
1 ข