รู้จักกับโลกของ โฮมเพจ & เว็บไซต์.

งานนำเสนอเรื่อง: "รู้จักกับโลกของ โฮมเพจ & เว็บไซต์."— ใบสำเนางานนำเสนอ:

1 รู้จักกับโลกของ โฮมเพจ & เว็บไซต์

2 เนื้อหา อะไรคือโฮมเพจ อะไรคือเว็บไซต์
เราสามารถสร้างโฮมเพจด้วยวิธีการอย่างไรบ้าง ก้าวสู่โลกของโฮมเพจและเว็บไซต์ ทำอย่างไรให้โฮมเพจดูดี

3 อะไรคือโฮมเพจ อะไรคือเว็บไซต์
อะไรคือโฮมเพจ อะไรคือเว็บไซต์

4 โฮมเพจ คือ คำที่ใช้เรียกหน้าแรกของเว็บไซต์ คล้ายกับหน้าปกนิตยสาร

5 เว็บเพจ (Web Page) คือ คำที่ใช้เรียกหน้าเอกสารต่างๆ ที่อยู่ในรูปแบบไฟล์ HTML (Hyper Text Markup Language)

6 โฮมเพจ + เว็บเพ็จ = เว็บไซต์
เว็บไซต์ (Web Site) โฮมเพจ + เว็บเพ็จ = เว็บไซต์

7 ความเหมือนที่แตกต่างของโฮมเพจและเว็บไซต์
สามารถเรียกได้ทั้ง 2 ชื่อ แต่นิยมเรียกไซต์ที่ไม่ได้จดทะเบียนและไม่มีชื่อโดเมน (Domain Name) เป็นของตนเองว่า “โฮมเพจ” เช่น คือชื่อโฮมเพจที่ฝากไว้ที่เว็บไซต์ของ

8 เราสามารถสร้างโฮมเพจด้วยวิธีการอย่างไรบ้าง

9 การสร้างโฮมเพจมีอยู่ 3 วิธีใหญ่ๆ
สร้างโฮมเพจด้วยโปรแกรมของ Web Hosting ใช้โปรแกรมสำหรับสร้างเว็บไซต์ การใช้ภาษา HTML และ JavaScript

10 1. สร้างโฮมเพจด้วยโปรแกรมของ Web Hosting

11 2. ใช้โปรแกรมสำหรับสร้างเว็บไซต์
Frontpage Golive Home Site Dreamweaver

12 Dreamweaver

13 3. การใช้ภาษา HTML และ JavaScript

14 ก้าวสู่โลกของโฮมเพจและเว็บไซต์

15 ประเภทของเว็บไซต์ในปัจจุบัน
เว็บไซต์ส่วนตัว (โฮมเพจ) เว็บไซต์ให้ความรู้และความบันเทิง เว็บไซต์เพื่อการบริการ เว็บไซต์เพื่อการค้นหา (Search Engine)

16 1. เว็บไซต์ส่วนตัว (โฮมเพจ)

17 2. เว็บไซต์ให้ความรู้และความบันเทิง

18 3. เว็บไซต์เพื่อการบริการ

19 4. เว็บไซต์เพื่อการค้นหา (Search Engine)

20 ขนาดของหน้าโฮมเพจ

21

22

23 ทำอย่างไรให้โฮมเพจดูดี

24 ทำอย่างไรให้โฮมเพจดูดี
เลือกใช้สีให้เหมาะสม มีความเป็นเอกลักษณ์ ต้องสามารถใช้งานได้อย่างเหมาะสม สามารถแสดงผลได้อย่างรวดเร็ว

25 1. เลือกใช้สีให้เหมาะสม
1. เลือกใช้สีให้เหมาะสม สีแต่ละสีมีผลต่ออารมณ์และความรู้สึกกับผู้ที่เข้ามาชม การเลือกใช้สีนั้นมีผลอย่างมากในภาพรวมของเว็บไซต์ เนื่องจากสีแต่ละสีนั้นมีผลต่ออารมณ์และความรู้สึกกับผู้ที่เข้ามาใช้บริการ ดังนั้นเราจึงควรเลือกใช้สีให้เหมาะสมกับเว็บไซต์ โดยแต่ละประเภทของสีนั้นจะให้ความหมายและความรู้สึกที่ต่างๆ กันดังนี้

26 Color Chart สีฟ้า สีเทา-ขาว สีแดง สีส้ม สีน้ำเงิน สีเหลือง สีเขียว

27 โทนสีเดียว : สีฟ้า เป็นสีของท้องฟ้า น้ำ ทำให้รู้สึกสบายใจ นุ่มนวล อบอุ่น มีสีฟ้าหลายโทน ให้ความรู้สึกต่างๆกัน

28 สีฟ้า

29 สีน้ำเงิน ให้ความรู้สึกขึงขัง จริงจัง น่าเชื่อถือ เป็นการเป็นงาน ปลอดภัย หรูหรา มีระดับ มีราคา สีน้ำเงินระดับต่างๆ ให้ความรู้สึกแตกต่างกัน

30 สีน้ำเงิน

31 สีเขียว ให้ความรู้สึกเป็นอิสระ สดชื่น เย็นสบาย
สีเขียวระดับต่างๆ ให้ความรู้สึกแตกต่างกัน

32 สีเขียว

33 สีแดง ให้ความรู้สึกร้อนแรง มีพลัง
สีแดงระดับต่างๆ ให้ความรู้สึกแตกต่างกัน

34 สีแดง

35 สีส้ม-เหลือง ให้อารมณ์สดใส ตื่นตัว ดึงดูด เป็นสีของอาหาร อาจกระตุ้นให้รู้สึกหิว สีเหลืองส้มระดับต่างๆ ให้ความรู้สึกแตกต่างกัน

36 สีเหลือง สีส้ม

37 โทนสีเดียว: สีเทา-ขาว
สีเทาให้ความรู้สึก สุขุม สงบ มั่นคง อาจทำให้รู้สึกหม่นหมอง หรือเศร้า สีขาว ให้ความรู้สึกสะอาด บริสุทธิ์ สีขาว-เทาหลายโทน ให้ความรู้สึกต่างๆกัน

38 สีเทา-ขาว

39 2. มีความเป็นเอกลักษณ์ ใช้สีฟอนต์และภาพประกอบที่มีความคล้ายคลึงกันในทุกๆ หน้าของเว็บไซต์ ควรมีจุดสนใจอื่นๆ เป็นส่วนประกอบด้วย เช่น โลโก้ เป็นต้น

40 เมนูบทความน่าสนใจ เมนูกฎหมายเกี่ยวกับการป้องกันควบคุมโรค

41 3. ต้องสามารถใช้งานได้อย่างเหมาะสม
เว็บที่ซับซ้อน ทำให้ผู้ใช้บริการไม่อยากกลับมาใช้อีก

42 4. สามารถแสดงผลได้อย่างรวดเร็ว
การแสดงผลที่รวดเร็วทำให้เว็บไซต์ไม่น่าเบื่อ ยิ่งมีภาพประกอบมากเวลาในการแสดงผลก็จะยิ่งมาก

43 พฤติกรรมผู้ใช้เว็บ 85% ของผู้ใช้จะไม่อ่านข้อความจนจบ
10% ของผู้ใช้ ไม่เคยเลื่อน scroll bar เพื่อดูส่วนล่างของจอ ผู้ใช้ไม่ทนต่อการรอดาวน์โหลดหน้า ที่นานเกินไป ผู้ใช้ชอบให้จัดหาตัวเลือก, navigation ที่ชัดเจน แต่มักจะไม่ค่อยใช้กันนัก ที่มา : เว็บไซต์จุฬาลงกรณ์มหาวิทยาลัย

44 “วันนี้คุณเข้าไปดูเว็บไซต์ของสำนักของเราบ้างหรือยัง?”