เว็บเพจและเว็บไซต์ ( webpage website )

งานนำเสนอเรื่อง: "เว็บเพจและเว็บไซต์ ( webpage website )"— ใบสำเนางานนำเสนอ:

1 เว็บเพจและเว็บไซต์ ( webpage website )

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

3 เว็บเพจ (Web Page)   เป็นหน้าเอกสารเว็บที่สร้างขึ้นด้วยภาษา HTML ซึ่งโปรแกรมเบราเซอร์จะทำหน้าที่แปลภาษาHTML ออกมาเป็นหน้าเอกสารทางจอภาพคอมพิวเตอร์  เว็บเพจอาจจะประกอบด้วยข้อความ ภาพกราฟิก หรือภาพเคลื่อนไหว อาจมีเสียงประกอบด้วยก็ได้ ทำให้ดึงดูดความสนใจ (พูดง่ายๆก็คือ เป็นหน้าที่แสดงผลอยู่ตอนนี้นี่เอง)

4 โฮมเพจ ( Home page ) คือเว็บเพจหน้าแรกที่เป็นหน้าดัชนีหรือรายการ ที่บอกรายละเอียดของเว็บไซต์นั้น ๆ   เราอาจจะ เปรียบโฮมเพจเหมือนหน้าบ้านของเว็บไซต์ก็ได้

5 โครงสร้างเว็บไซต์

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

7 ชนิดของเว็บเพจ -  เว็บเพจแบบหน้าเดียว (Single page) หรือแบบสั้น (Short page) -  เว็บเพจแบบแถบเลื่อน (Scroll page) หรือแบบยาว (Long page)

8 โครงสร้างเว็บโดยพื้นฐานจะมี 2 ลักษณะคือ
โครงสร้างเว็บโดยพื้นฐานจะมี 2 ลักษณะคือ 1. โครงสร้างเว็บแบบตื้น เป็นโครงสร้างเว็บใน ลักษณะที่มีการเชื่อมโยงจากหน้าแรกหรือหน้าที่ หลักไปยังเนื้อหาโดยตรง โดยไม่มีเว็บเพจที่เป็น เนื้อหาเชื่อมโยงต่อไปอีกมากนัก โฮมเพจ เนื้อหา เว็บไซต์

9 2. โครงสร้างเว็บแบบลึก เป็นโครงสร้างที่มีการเชื่อมโยงต่อเนื่องกันไป ในเนื้อหาเดียวกันโดยตลอดหลาย ๆ เว็บ เนื่องจากมีเนื้อหามากและเป็นลำดับต่อเนื่อง ทำ ให้โครงสร้างของเว็บต้องลงลึกไปเรื่อย ๆ

10 โฮมเพจ หัวเรื่อง เว็บไซต์ เนื้อหา

11 โครงสร้างพื้นฐานของหน้าเว็บไซต์
Header detail Footer Menu

12

13 ตัวอย่างการออกแบบโครงสร้างเว็บไซต์เรื่องไม้มงคล

14 ตัวอย่างโครงสร้างร้านคอมพิวเตอร์

15 องค์ประกอบที่ควรมีในเว็บเพจ
 องค์ประกอบทั่วไป 1.  ชื่อของเว็บเพจ (Title) 2.  ประวัติและรูปภาพผู้จัดทำ (Profile/Picture) 3.  การเชื่อมโยงภายในและภายนอกเว็บ (Links) 4.  วัน/เวลาที่สร้างเว็บ (Date/Time) 5.  ผู้จัดทำเว็บ : (created by) 6.  การสงวนลิขสิทธิ์ (Copy right) 7.  การติดต่อผู้จัดทำเว็บ (contract / ) 8.    สถานที่ติดต่อของเว็บ (Address)

16 องค์ประกอบพิเศษ 1. สมุดเยี่ยม (Guest book) 2. ฝากข้อความ (Web board)
3. กระดานข่าว (Bulletin Board) 4. กระทู้ 5. แบบสำรวจ (Web poll) 6. จำนวนผู้เข้าชม (Counter) 7. ห้องสนทนา (Chat Room)

17 โครงสร้างข้อมูล (Data Structure)

18 - บิท (Bit) คือ ข้อมูลที่มีขนาดเล็กที่สุด เป็นข้อมูลที่เครื่อง คอมพิวเตอร์เข้าใจ และใช้งานได้ ได้แก่ 0 หรือ 1 - ไบท์ (Byte) หรือ อักขระ (Character) คือ ตัวเลข หรือ ตัวอักษร หรือ สัญลักษณ์พิเศษ จำนวน 1 ตัว - ฟิลด์ (Field) หรือ เขตข้อมูล คือ ไบท์ หรือ อักขระตั้งแต่ 1 ตัวขึ้นไปรวมกันเป็นฟิลด์ เช่น เลขประจำตัว หรือ ชื่อ พนักงาน - เรคคอร์ด (Record) หรือระเบียน คือ ฟิลด์ตั้งแต่ 1 ฟิลด์ขึ้นไป ที่มีความสัมพันธ์เกี่ยวข้องกันมารวมกัน

19 - ไฟล์ (File) หรือ แฟ้มข้อมูล คือ หลายเรคคอร์ดมารวมกัน เช่น ข้อมูลที่อยู่นักเรียนมารวมกัน
- ฐานข้อมูล (Database) คือ หลายไฟล์ข้อมูลมารวมกัน เช่น ไฟล์ข้อมูลนักเรียนมารวมกันในงานทะเบียน แล้วรวม กับไฟล์การเงิน

20 แบบฝึกหัด คำชี้แจง : ให้นักเรียนออกแบบผังโครงสร้างเว็บไซต์ 1 เรื่อง ตัวอย่างเช่นการออกแบบโครงสร้างเว็บไซต์เรื่องไม้มงคล