อินเทอร์เน็ตเบื้องต้น และการออกแบบเว็บไซต์

งานนำเสนอเรื่อง: "อินเทอร์เน็ตเบื้องต้น และการออกแบบเว็บไซต์"— ใบสำเนางานนำเสนอ:

1 อินเทอร์เน็ตเบื้องต้น และการออกแบบเว็บไซต์

2 ความเป็นมาของอินเทอร์เน็ต
เครือข่ายอินเทอร์เน็ตพัฒนามาจากโครงการอาร์พาเน็ต (ARPAnet) มีวัตถุประสงค์หลัก 2 ประการ ต้องการเชื่อมโยงเครื่องคอมพิวเตอร์จากสถานที่ต่าง ๆ ให้เป็นเครือข่ายเดียวกัน ระบบเครือข่ายยังต้องสามารถรับส่งข้อมูลได้ หากการสื่อสารบางส่วนเสียหายจนใช้การไม่ได้

3 ความเป็นมาของอินเทอร์เน็ต
ใช้ Network Control Protocol (NCP) เป็นโปรโตคอลในช่วงแรก ต่อมาเปลี่ยนมาใช้โปรโตคอล TCP/IP

4 การเชื่อมต่อกับเครือข่ายอินเทอร์เน็ต
ต้องเชื่อมต่อผ่านบริษัทผู้ให้บริการอินเทอร์เน็ต (Internet Service Provider : ISP) สามารถแบ่งการเชื่อมต่อได้ 2 ลักษณะ การเชื่อมต่อสำหรับผู้ใช้ทั่วไป การเชื่อมต่อสำหรับองค์กร

5 เวิลด์ไวด์เว็บ (World Wide Web : WWW)
เป็นรูปแบบการเข้าถึงข้อมูลในอินเทอร์เน็ตรูปแบบหนึ่ง แต่ละหน้าประกอบด้วยข้อมูลที่เป็นตัวอักษร รูปภาพ ภาพเคลื่อนไหว เสียง เรียกว่า “เว็บเพจ (Web Page)” หน้าแรกของเว็บเพจทั้งหมดเรียกว่า “โฮมเพจ (Home Page)” สามารถเชื่อมโยงการแสดงผลไปยังหน้าเว็บเพจอื่น ด้วย “ไฮเปอร์เท็กซ์ (Hypertext)”

6 เวิลด์ไวด์เว็บ (World Wide Web : WWW)

7 ส่วนประกอบของเวิลด์ไวด์เว็บ
แหล่งเก็บข้อมูล เป็นเครื่องคอมพิวเตอร์ที่เป็นแม่ข่าย เรียกว่า “เว็บไซต์” จะต้องติดตั้งโปรแกรมเว็บเซิร์ฟเวอร์ โปรแกรมเว็บเบราว์เซอร์ เป็นโปรแกรมที่ส่งคำร้องขอไฟล์เว็บเพจ และแปลคำสั่งเพื่อแสดงผลข้อมูล

8 หลักการออกแบบเว็บไซต์
นำเสนอเนื้อหาอย่างชัดเจน ใช้งานง่าย มีมาตรฐานเดียวกันตลอดทั้งเว็บไซต์ แสดงผลได้อย่างรวดเร็ว แสดงผลได้ถูกต้อง สามารถแสดงผลได้ในสภาพแวดล้อมที่แตกต่างกันได้

9 ขั้นตอนการพัฒนาเว็บไซต์
(1) สำรวจและวางแผนการสร้างเว็บไซต์ กำหนดเป้าหมายของเว็บไซต์ กำหนดกลุ่มผู้ใช้งานเว็บไซต์ กำหนดความสามารถของเว็บไซต์ (2) กำหนดขอบเขตเนื้อหา

10 ขั้นตอนการพัฒนาเว็บไซต์
(3) กำหนดโครงสร้างเว็บไซต์

11 ขั้นตอนการพัฒนาเว็บไซต์
(4) ออกแบบหน้าเว็บเพจ (5) ดำเนินการสร้างและใช้งานเว็บไซต์

12 ตัวอย่างการออกแบบหน้าจอ

13 ประเภทของเว็บไซต์ เว็บไซต์สำหรับการสื่อสาร เว็บไซต์เพื่อความบันเทิง
เว็บไซต์เพื่อการประชาสัมพันธ์ข่าวสาร เว็บไซต์สำหรับการค้นหาข้อมูล เว็บไซต์สำหรับการให้บริการซอฟต์แวร์ เว็บไซต์เพื่อการดำเนินธุรกิจ เว็บไซต์เพื่อการศึกษา

14 จะทำได้ไหม ?? ทำได้หรือป่าว ??
ให้นักศึกษา ศึกษาข้อมูลในเว็บไซต์ แล้วตอบคำถามดังนี้ 1. โครงสร้างเว็บไซต์ 2. หน้าเว็บเพจ เว็บไซต์ snook.com url :

15 จะทำได้ไหม ?? ทำได้หรือป่าว ??
ให้นักศึกษาออกแบบเว็บไซต์แนะนำตนเอง ประกอบด้วย การออกแบบหน้าจอเว็บไซต์ เขียน sitemap นำทางการทำงานของเว็บไซต์

16 คำถาม ?