งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

รูปแบบของเว็บเพจ เว็บเพจในแนวตั้ง 1. รูปแบบของเว็บเพจ เว็บเพจในแนวนอน 2.

งานนำเสนอที่คล้ายกัน


งานนำเสนอเรื่อง: "รูปแบบของเว็บเพจ เว็บเพจในแนวตั้ง 1. รูปแบบของเว็บเพจ เว็บเพจในแนวนอน 2."— ใบสำเนางานนำเสนอ:

1

2 รูปแบบของเว็บเพจ

3 เว็บเพจในแนวตั้ง 1.

4 รูปแบบของเว็บเพจ เว็บเพจในแนวนอน 2.

5 รูปแบบของเว็บเพจ เว็บเพจที่พอดีกับหน้าจอ 3.

6 การกำหนดพื้นที่การแสดงผล 1.การกำหนดพื้นที่เว็บเพื่อนำเสนอ ทางหน้าจอคอมพิวเตอร์ ภายใน ขนาด 760 x 420 Pixels 2.การกำหนดพื้นที่เว็บเพื่อพิมพ์ ออกมาทางเครื่องพิมพ์ ภายใน ขนาด 595 x 842 Pixels

7 พื้นที่เว็บเพื่อนำเสนอทาง หน้าจอคอมพิวเตอร์

8 พื้นที่เว็บเพื่อพิมพ์ออกมา ทางเครื่องพิมพ์

9 ตำแหน่งและส่วนประกอบ โฮมเพจ ตำแหน่งและส่วนประกอบ โฮมเพจ  ชื่อเว็บไซด์หรือชื่อบทเรียน  ลิงค์เชื่อมโยงไปยังส่วนต่างๆ  ประกาศ/คำแนะนำเบื้องต้น  ระบบลงทะเบียน  ชื่อผู้สอน หน่วยงาน  รายละเอียดเกี่ยวกับโปรแกรมที่เกี่ยวข้องและ การตั้งค่าเพื่อการเรียกดูเนื้อหาที่สมบูรณ์  วันเวลาที่ทำการปรับปรุงแก้ไขเว็บไซด์ล่าสุด  เคาน์เตอร์สำหรับนับจำนวนผู้เข้าใช้เว็บไซด์

10

11 ชื่อเว็บไซด์หรือชื่อบทเรียน

12 ลิงค์เชื่อมโยงไปยังส่วนต่างๆ

13 ประกาศ/คำแนะนำทางการเรียนเบื้องต้น

14 ระบบลงทะเบียน / ระบบเข้าออกชั้นเรียน

15 ชื่อผู้สอน หน่วยงาน การติดต่อกับผู้รับผิดชอบ

16 รายละเอียดเกี่ยวกับโปรแกรมที่เกี่ยวข้องและการตั้งค่า

17 วันเวลาที่ทำการปรับปรุงแก้ไขเว็บไซด์ล่าสุด

18 เคาน์เตอร์สำหรับนับจำนวนผู้เข้าใช้เว็บไซด์

19 ตำแหน่งและส่วนประกอบของ เว็บเพจ  ชื่อเว็บหรือชื่อบทเรียน  ชื่อหัวข้อหรือชื่อของเนื้อหา ในหน้านั้นๆ  เลขหน้าหรือเฟรม  ระบบเนวิเกชัน  ส่วนนำเสนอเนื้อหา  ส่วนล่าง

20 ตำแหน่งและส่วนประกอบของ เว็บเพจ  ชื่อเว็บหรือชื่อบทเรียน  ชื่อหัวข้อหรือชื่อของเนื้อหา ในหน้านั้นๆ  เลขหน้าหรือเฟรม  ระบบเนวิเกชัน  ส่วนนำเสนอเนื้อหา  ส่วนล่าง

21 ตำแหน่งและส่วนประกอบของ เว็บเพจ  ชื่อเว็บหรือชื่อบทเรียน  ชื่อหัวข้อหรือชื่อของเนื้อหา ในหน้านั้นๆ  เลขหน้าหรือเฟรม  ระบบเนวิเกชัน  ส่วนนำเสนอเนื้อหา  ส่วนล่าง

22 ตำแหน่งและส่วนประกอบของ เว็บเพจ  ชื่อเว็บหรือชื่อบทเรียน  ชื่อหัวข้อหรือชื่อของเนื้อหา ในหน้านั้นๆ  เลขหน้าหรือเฟรม  ระบบเนวิเกชัน  ส่วนนำเสนอเนื้อหา  ส่วนล่าง

23 ตำแหน่งและส่วนประกอบของ เว็บเพจ  ชื่อเว็บหรือชื่อบทเรียน  ชื่อหัวข้อหรือชื่อของเนื้อหา ในหน้านั้นๆ  เลขหน้าหรือเฟรม  ระบบเนวิเกชัน  ส่วนนำเสนอเนื้อหา  ส่วนล่าง

24 ตำแหน่งและส่วนประกอบของ เว็บเพจ  ชื่อเว็บหรือชื่อบทเรียน  ชื่อหัวข้อหรือชื่อของเนื้อหา ในหน้านั้นๆ  เลขหน้าหรือเฟรม  ระบบเนวิเกชัน  ส่วนนำเสนอเนื้อหา  ส่วนล่าง

25 ตำแหน่งและส่วนประกอบของ เว็บเพจ  ชื่อเว็บหรือชื่อบทเรียน  ชื่อหัวข้อหรือชื่อของเนื้อหา ในหน้านั้นๆ  เลขหน้าหรือเฟรม  ระบบเนวิเกชัน  ส่วนนำเสนอเนื้อหา  ส่วนล่าง

26 หลักการใช้สื่อสำหรับเว็บ 1.ตัวอักษร (Text) 2.ภาพกราฟิก (Graphic) 3.ภาพเคลื่อนไหว (Animation) 4.เสียง (Audio) และวีดิทัศน์ (Video)

27 1.ตัวอักษร (Text)  ใช้ฟอนต์ที่มีอยู่ในเครื่องทั่วไป และไม่ควรจะมีตัวอักษร เกินกว่า 2 แบบ  ใช้ตัวอักษรหลายขนาดเพื่อสร้างลำดับความสำคัญของ ข้อมูล แต่ก็ไม่ควรจะมีหลายขนาดเกินไป  หลักเลี่ยงตัวอักษรตัวเอน เพราะอ่านยาก  ใช้อักษรตัวหนาเพื่อเน้นประเด็นสำคัญๆ เท่านั้น  ไม่ควรใช้ตัวขีดเส้นใต้สำหรับการเน้นข้อความ  การจัดข้อความตัวอักษร ควรจัดแบบชิดซ้ายเพราะทำให้ การอ่านสะดวกมากที่สุด  ความยาวของข้อความแต่ละบรรทัดนั้น ไม่ควรยาวหรือสั้น เกินไป  ภาษาไทย ( ตัวอักษรหรือ คำต่อบรรทัด) ภาษาอังกฤษ (28 ตัวอักษรหรือ 12 คำต่อบรรทัด)  ไม่ควรใช้สีเกินกว่า 3 สีในแต่ละหน้า

28 2. ภาพกราฟิก (Graphic)  ใช้ภาพให้เหมาะสมกับประเภทของไฟล์  ไฟล์กราฟิกประเภท GIF (Graphic Interchange Format) ให้ข้อมูลสีจำนวน 256 สี เหมาะกับกราฟิกที่ ประกอบด้วยสีพื้นๆ และไม่ซับซ้อน  ไฟล์กราฟิกประเภท JPEG (Joint Photographic Exports Group) ให้ข้อมูลสีได้มากถึง 16.7 ล้านสี เหมาะกับกราฟิกที่มีความละเอียดสูง GIF JPEG

29 3. ภาพเคลื่อนไหว (Animation)  ไฟล์ภาพเคลื่อนไหวที่นำมาใช้ส่วนใหญ่จะมี 2 ประเภท คือ ไฟล์ภาพเคลื่อนไหวง่ายๆ เรียกว่าประเภท GIF89a และไฟล์ภาพเคลื่อนไหวที่ซับซ้อนขึ้นคือประเภท SWF  การนำภาพเคลื่อนไหวมาใช้ในเว็บ ต้องใช้อย่างมีเหตุผล และมีความจำเป็น เนื่องจากหากใช้มากเกินไปจะเป็นการ รบกวนสมาธิและเบี่ยงเบนความสนใจของผู้เรียนได้  หลีกเลี่ยงการใช้ภาพเคลื่อนไหวที่แสดงซ้ำไปเรี่อยๆ ควร ให้แสดงเพียงครั้งเดียวและยอมให้ผู้เรียนเลือกที่จะแสดง อีกหรือไม่

30 4. เสียง (Audio) และวีดิทัศน์ (Video)  เนื่องจากปัญหาในเรื่องของการโหลดข้อมูลที่ต้องใช้ เวลานาน ฉะนั้นหากไม่มีความจำเป็นจริงๆ ก็ควร หลีกเลี่ยงที่จะใช้และหาวิธีอื่นนำเสนอแทน  ในบางกรณีที่ต้องใช้ก็ควรจะต้องใช้เสียงหรือภาพที่ เหมาะสม น่าสนใจ เปิดโอกาสให้ผู้เรียนสามารถเลือกที่ จะหยุดหรือเล่นใหม่ได้

31 การใช้สีสำหรับเว็บ

32

33

34

35

36

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

38

39

40

41

42

43

44

45 สรุปหลักในการออกแบบเว็บ ให้มีประสิทธิภาพ สรุปหลักในการออกแบบเว็บ ให้มีประสิทธิภาพ 1.โครงสร้างที่ชัดเจนและมีระบบ เนวิเกชันที่มีประสิทธิภาพ 2.ความเหมาะสมของเว็บเพจ 3.ความสม่ำเสมอ 4.ความรวดเร็ว

46


ดาวน์โหลด ppt รูปแบบของเว็บเพจ เว็บเพจในแนวตั้ง 1. รูปแบบของเว็บเพจ เว็บเพจในแนวนอน 2.

งานนำเสนอที่คล้ายกัน


Ads by Google