1 / 13

เว็บ เพจ ( webpage )

เว็บ เพจ ( webpage ). เว็บเพ จคือ ….

Download Presentation

เว็บ เพจ ( webpage )

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. เว็บเพจ (webpage)

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

  3. เว็บเพจส่วนใหญ่จะอยู่ในรูปของเอกสาร HTML หรือ XHTML (ซึ่งมักมีนามสกุลไฟล์เป็น htmหรือ html) มีลิงก์สำหรับเชื่อมโยงไปยังเว็บเพจหน้าอื่น ๆ สามารถใส่รูปภาพและรูปภาพยังสามารถเป็นลิงก์ กล่าวคือสามารถคลิกบนรูปเพื่อกระโดดไปหน้าอื่นได้ นอกจากนี้ยังสามารถใส่แอปเพล็ต(applet)ซึ่งเป็นโปรแกรมขนาดเล็กแสดงภาพเคลื่อนไหว มีปฏิสัมพันธ์กับผู้ใช้ หรือสร้างเสียง ได้อีกด้วย

  4. โปรแกรมที่ใช้เปิดดูเว็บเพจ เรียกว่า เว็บเบราว์เซอร์ ตัวอย่างเว็บเบราว์เซอร์ที่เป็นที่นิยม เช่น อินเทอร์เน็ตเอ็กซ์พลอเรอร์, Netscape, มอซิลลาไฟร์ฟอกซ์, และ ซาฟารี เป็นต้น โปรแกรมสำหรับสร้างเว็บเพจ เช่น โปรแกรม Macromedia Dreamweaver , PHP & MySQL , Flash Professional เป็นต้น

  5. ประโยชน์ของเว็บเพจ 1. สร้างโฮมเพจที่มีข้อมูลส่วนตัวเพื่อให้คนทั้งโลกรู้จัก 2. สร้างเว็บเพจขององค์กรเพื่อประชาสัมพันธ์ขายสินค้าและบริการ 3. สร้างเว็บเพจเพื่อให้ความรู้แก่คนทั่วไป 4. สร้างเว็บเพจเพื่อกระจายข่าวสารขององค์กร ที่เปิดดูได้ทุกเวลา 5. สร้างฐานข้อมูลที่เป็นเหมือนห้องสมุดที่สามารถค้นคว้าข้อมูลที่ต้องการได้

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

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

  8. ส่วนประกอบของหน้าเว็บเพจส่วนประกอบของหน้าเว็บเพจ เป็นส่วนที่อยู่ตอนบนสุดของหน้า และเป็นส่วนที่สำคัญที่สุดของหน้า เป็นส่วนที่ดึงดูดผู้ชมให้ติดตามเนื้อหาภายในเว็บไซต์ 1. ส่วนหัวของหน้า (Page Header) โลโก้ (Logo) • ชื่อเว็บไซต์ • เมนูหลักหรือลิงค์ (Navigation Bar) เป็นจุดเชื่อมโยงไปสู่เนื้อหาของเว็บไซต์

  9. ส่วนประกอบของหน้าเว็บเพจส่วนประกอบของหน้าเว็บเพจ 2.ส่วนของเนื้อหา (Page Body) เป็นส่วนที่อยู่ตอนกลางของหน้า ใช้แสดงข้อมูลเนื้อหาขอเว็บไซต์ซึ่งประกอบด้วยข้อความ, ตารางข้อมูล ภาพกราฟิก วีดีโอ และอื่นๆ และอาจมีเมนูหลัก หรือเมนูเฉพาะกลุ่มวางอยู่ในส่วนนี้ด้วย สำหรับส่วนเนื้อหาควรแสดงใจความสำคัญที่เป็นหัวเรื่องไว้บนสุด ข้อมูลมีความกระชับ ใช้รูปแบบตัวอักษรที่อ่านง่าย และจัด Layout ให้เหมาะสมและเป็นระเบียบ

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

  11. ตัวอย่าง แสดงส่วนประกอบของหน้าเว็บเพจ (trendypet.com)

  12. แหล่งอ้างอิง 1. http://tsl.tsu.ac.th/file.php/1/courseware/aa_2/lesson05/lesson5-2.htm 2. http://guru.google.co.th/guru/thread?tid=67cda313453650f8 3. www.kradandum.com/thesis/thesis-02-3.htm 4. http://th.wikipedia.org/wiki/เว็บเพจ

  13. รายชื่อสมาชิก 1. น.ส.สุกัญญา จึงตระกูล ชั้นปี1 ข เลขที่ 34 2. น.ส.สุกัลยา อรรถวิชัย ชั้นปี 1 ขเลขที่ 36 3. น.ส.หนึ่งรัก คธาเพ็ชร ชั้นปี 1 ขเลขที่ 48

More Related