การตรวจอสอบเว็บเพจที่จะสร้าง

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
อาจารย์เอกนฤน บางท่าไม้ ภาควิชาเทคโนโลยีการศึกษา
Advertisements

บทที่ 7 การใช้ตัวอักษร สื่อชุดนี้เป็นลิขสิทธิ์ของสำนักพิมพ์วังอักษร ใช้เพื่อการศึกษาเท่านั้น.
บทที่ 8 การใช้รูปภาพ และการออกแบบกราฟฟิกสำหรับเว็บ
บทที่ 6 การใช้สีสำหรับเว็บไซต์
บทที่ 3 การออกแบบระบบเนวิเกชัน
for Beginning & Publishing
Dreamweaver Adobe การสร้างโฮมเพจด้วย โปรแกรม 4 โดย.. ไชยยงค์ กงศรี
HTML Language ภาษา HTML คืออะไร ? HTML (Hyper Text Markup Language) เป็นภาษาที่ใช้ในการพัฒนา web page เพื่อให้โปรแกรม web brower ต่างๆ (Internet Explorer,
รายวิชา การเขียนเว็บไซต์
สิ่งพิมพ์ จัดทำเพื่อผู้อ่านเฉพาะกลุ่ม (ภายในหรือภายนอกองค์กร)
รายงานการวิจัย.
Script Programming& Internet Programming
การพัฒนาเว็บ.
หนังสือไร้กระดาษ.
Web Design.
หลักการออกแบบเว็บ กำหนดกลุ่มเป้าหมาย จำแนกกลุ่มเนื้อหา
Google Maps.
กราฟิกสำหรับเว็บไซต์
ขั้นตอนการพัฒนาเว็บเพจ
การพัฒนากิจกรรม การเรียนรู้ โดยโครงงาน
อาจารย์มณฑิรา พันธุ์อ้น
รูปแบบของเว็บเพจ. รูปแบบของเว็บเพจ รูปแบบของเว็บเพจ 1. เว็บเพจในแนวตั้ง.
Poster Presentation โดย สำหรับ การประชุม สคร.5 รศ.นพ.สมพนธ์ ทัศนิยม
การใช้ Mind Map อย่างมีประสิทธิภาพ
การเขียนโปรแกรมบนเว็บ (WEB PROGRAMMING) บทที่ 2 หลักการออกแบบและพัฒนาเว็บไซต์ ความรู้เบื้องต้นเกี่ยวกับภาษา HTML โดย อ.ปริญญา น้อยดอนไพร คณะวิทยาศาสตร์และเทคโนโลยี
ขั้นตอนการเขียนเว็บเพจ
การพัฒนาเว็บเบื้องต้นด้วย Macromedia Dreamweaver
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
ธุรกิจ จดหมาย.
เพื่อการสื่อสารทางธุรกิจ
การสร้างเว็บเพจ HTML.
การออกแบบและพัฒนาเว็บไซต์
การออกแบบและพัฒนาเว็บไซต์
บทที่ 1 เริ่มต้นกับ HTML.
การออกแบบสื่อการเรียนรู้
โปรแกรม DeskTopAuthor
1 การอ่านตำรา การอ่านตำรา.
เนื้อหาที่มีประโยชน์ Useful Content
องค์ประกอบ ของการออกแบบเว็บไซท์ อย่างมีประสิทธิภาพ
การเรียนรู้ Internet Explorer 6.0
เว็บเพจและเว็บไซต์ webpage website
รู้จักกับโลกของ โฮมเพจ & เว็บไซต์.
Microsoft Word ReportCreater
หลักการเขียนโปรแกรม ( )
ความรู้เบื้องต้นเกี่ยวกับการเขียนโปรแกรม PHP
การสืบค้นทางคณิตศาสตร์
อาจารย์สถิตย์ กังวานณรงค์กุล มัธยมศึกษาปีที่ 2 โรงเรียนมัธยมวัดนายโรง
HTML 1. รูปแบบพื้นฐานของ เอชทีเอ็มแอล
การจัดองค์ประกอบของภาพ
การสร้างและการใช้งานฟอร์ม
บทที่ 1 รู้จักกับการออกแบบเว็บ ไซท์. รู้จักกับการออกแบบเว็บไซท์ ความสำคัญของการออกแบบเว็บไซท์ สร้างความได้เปรียบเหนือคู่แข่ง การออกแบบเว็บไซท์ที่ดี ออกแบบให้ตรงกับเป้าหมายและลักษณะ.
การเขียนเว็บเพ็จด้วยโปรแกรม
1 ซอฟท์แวร์ที่ น่าสนใจ จัดทำโดย นางสาวรัชดา ณรงค์ ns B06.
Web browser.
เว็บเพจ (Web Page).
ประโยชน์และข้อจำกัด Social Media
BC305 การวิเคราะห์และออกแบบระบบสารสนเทศ
การสร้าง website ด้วยโปรแกรมโปรแกรม Dreamweaver CS4 ตอนที่ 1
HOME PAGE.
แนะนำการเขียนโปรแกรมภาษา C Introduction to C Programming Language
ปฏิบัติงานบริการคอมพิวเตอร์
….WETCOME…. TO HOMEPAGE.
E-Portfolio.
การออกแบบสื่อเพื่อการศึกษา ADDIE Model
Static Website รูปแบบของเว็บไซต์ Dynamic Website.
หลักการออกแบบเว็บไซต์
สื่อการสอนการเขียนเว็บเพจ ด้วยภาษา HTML
หลักการและขั้นตอน การออกแบบเว็บไซต์
วิชาคอมพิวเตอร์ คุณครูภาราดร ฟุ้งเฟื้อง
1 Introduction to Web Design Chapter 1. 2 ก้าวสู่ยุค อินเตอร์เน็ต.
ใบสำเนางานนำเสนอ:

การตรวจอสอบเว็บเพจที่จะสร้าง ก่อนที่จะลงมืออกแบบ จะต้องพิจารณา ก่อนว่า Web Site เหล่านี้อยู่ประเภทใด ทำธุรกิจ ให้ข้อมูล ข่าวสาร บันเทิง เพื่อการศึกษา ส่วนตัว

เว็บเพจที่น่าเบื่อ เต็มไปด้วยข้อความที่แน่นไปหมด โดยไม่มีจุดพักสายตา หรือจุดดึงดูดความสนใจอื่น ๆ เช่น รูปภาพ วางรูป หรือองค์ประกอบอื่น ๆ แพรวพราว ไปหมดจนดูเลอะเทอะ ตัวหนังสือใหญ่หรือเล็กจนอ่านยาก สีสันไม่น่าสนใจ Download ช้า และ Links สะดุด

วิธีการออกแบบเว็บเพจ ความเรียบง่าย ความสม่ำเสมอ ความเป็นเอกลักษณ์ มีลักษณะที่น่าสนใจ การใช้งานง่ายโดยไม่จำกัด คุณภาพในการออกแบบ ระบบการใช้งานที่ถูกต้อง

การเชื่อมโยงแบบ เส้นตรง

การเชื่อมโยงแบบ รากต้นไม้

การเชื่อมโยงแบบ อ้างอิง

การออกแบบให้เหมาะสมขนาดหน้าจอ ของผู้ใช้ การออกแบบให้เหมาะสมกับสภาพแวดล้อม การออกแบบให้เหมาะสมขนาดหน้าจอ ของผู้ใช้ ขนาดหน้าจอที่ใช้ มีระดับดังต่อไปนี้ 640 X 480 Pixel 800 X 600 Pixel 1024 X 768 Pixel

778 pixels 425 pixels Internet Explorer การออกแบบให้เหมาะสมขนาดหน้าของ Browser 778 pixels 425 pixels Internet Explorer

ส่วนประกอบของหน้า เพจ 1 หน้า ประกอบด้วย 1. ส่วนหัวของหน้า ( Page Header) 2. ส่วนของเนื้อหา ( Page Body ) 3. ส่วนท้ายของหน้า ( Page Footer )

1. ส่วนหัวของหน้า ( Page Header) เป็นส่วนที่มีหน้าที่ดึงดูดสายตาให้ติดตามเนื้อหา ที่จะเสนอในเว็บเพจนั้น ส่วนหัวมักจะประกอบด้วย ชื่อเว็บ หรือปุ่ม นาวิกเกชั่น ส่วนใหญ่นิยมใช้เป็น กราฟฟิค สร้างขึ้นมา

2. ส่วนของเนื้อหา ( Page Body ) เป็นส่วนของเนือ้หา ในเว็บเพจ ใช้ตัวอักษร ที่อ่านง่าย สะดวก และเป็นระเบียบเรียบร้อย เป็นส่วนที่มีความสำคัญในการให้ข้อมูล

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

การจัดหน้าเว็บเพจ info.med.yale.edu/caim/manual/pages/graphics/page_layout.gi

การจัดหน้าเว็บเพจ จัดหน้าสับสน การจัดหน้าที่ดี

การจัดหน้าเว็บเพจ http://www.iss.stthomas.edu/studyguides/basicpage.gif

การจัดหน้าเว็บเพจ การออกแบบที่ดี ควรให้ข้อมูล 1 ชุดอ่านจบภายใน 1 หน้า

Site Map Site Map Site Map คือ แผนที่เว็บเพจ เป็นโครงสร้างที่ชี้ให้เห็นว่า เว็บ เพจ มีอะไร หน้าใด หรือข้อมูล อะไรบ้าง ที่ประกอบ กันอยู่ใน เว็บเพจ www.motorola.com.sg/ images/site-map.jpg

Site Map www.delawarepensions.com/ Site%20Maps/site_map.htm

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

2. ใช้สีให้เหมาะสมกับกลุ่มเป้าหมาย การใช้สีบนเว็บเพจ 1. ใช้สีอย่างสม่ำเสมอ 2. ใช้สีให้เหมาะสมกับกลุ่มเป้าหมาย ใช้เพื่อการสื่อความหมาย 3. ใช้สีเพื่อสร้างบุลคลิก