Recommended
More Related Content
More from Meaw Sukee
Introduction to web design
- 1. i iIntroduction to Web Design
- 2. ความสําคัญของการออก บบเว็บไซตความสาคญของการออกแบบเวบไซต ออกแบบเว็บไซต เพื่อใหเกิดประโยชนสูงสุดตอผูใช และดึงดูด ใหเขามาใชบริการในเว็บไซตอยเสมอใหเขามาใชบรการในเวบไซตอยูเสมอ ออกแบบสวยงาม และมีการใชงานที่สะดวก การออกแบบเว็บไซตจึงมีสวนสําคัญในการสรางความประทับใจ ใหกับผใชบริการ และอยากกลับเขามาอีกหกบผู บ ก ล อ กกลบ ข ม อก
- 3. สรางความไดเปรียบเหนือคแขงสรางความไดเปรยบเหนอคูแขง สําหรับเว็บทางธุรกิจมีความจําเปนตองใหความสําคัญกับการ ออกแบบ ซึ่งถาออกแบบดูนาเชื่อถือนอยกวาคูแขง จะทําใหู ู พลาดโอกาสทางธุรกิจไปอยางนาเสียดาย
- 4. การออกแบบเว็บไซตที่ดีการออกแบบเวบไซตทด การออกแบบเว็บไซตที่ดี ไมไดหมายถึง ลักษณะหนาตาของ เว็บไซตอยางเดียว แตเกี่ยวของตั้งแตการเริ่มตนกําหนด เปาหมายของเว็บไซต ระบุกลุมผูใช การจัดการระบบขอมูล การสรางระบบเนวิเกชัน การออกแบบหนาเว็บ รวมไปถึงการการสรางระบบเนวเกชน การออกแบบหนาเวบ รวมไปถงการ ใชกราฟก การใชสี และการจัดรูปแบบตัวอักษร การแสดงผล ็บไ ิ ร ของ ็บบร อรเวบไซต ชนดและรุนของเวบบราวเซอร
- 5. ออกแบบใหตรงเปาหมายและลักษณะของเว็บไซต เว็บไซต Search Engine เว็บไซต ความบันเทิงเวบไซต ความบนเทง หรืออื่นๆ
- 6. องคประกอบของการออกแบบเว็บไซตอยางมีประสิทธิภาพองคประกอบของการออกแบบเวบไซตอยางมประสทธภาพ 1 ความเรียบงาย ไมซับซอน และใชงานไดสะดวก1. ความเรยบงาย ไมซบซอน และใชงานไดสะดวก 2. ความสม่ําเสมอ ใชรูปแบบเดียวกันตลอดเว็บไซต เชนรูปแบบของ สไ ฟ ิ ั โ สีหนา สไตลของกราฟก ระบบเนวเกชัน โทนสี 3. ความเปนเอกลักษณ สามารถสะทอนถึงเอกลักษณขององคกร ้4. เนื้อหามีประโยชน 5. ระบบเนวิเกชันที่ใชงานงาย วางไวตําแหนงเดียวกันของทุกๆ หนาุ อาจเพิ่มเนวิเกชันเปนตัวอักษรไวที่ตอนทายของหนา 6. มีลักษณะที่นาสนใจ เชน กราฟกสวยงาม หรือตัวอักษรอานงาย สบายตา
- 7. องคประกอบของการออกแบบเว็บไซตอยางมีประสิทธิภาพองคประกอบของการออกแบบเวบไซตอยางมประสทธภาพ 7 การใชงานอยางไมจํากัด ไมมีการบังคับใหผใชตองติดตั้งโปรแกรม7. การใชงานอยางไมจากด ไมมการบงคบใหผูใชตองตดตงโปรแกรม ใดๆ เพิ่มเติม หรือเลือกใชบราวเซอรชนิดใดชนิดหนึ่ง ใ ี ี ื้ 8. คุณภาพในการออกแบบ ตองออกแบบและเรียบเรียงเนือหาอยาง รอบคอบ ่ ํ 9. ระบบการใชงานทีถูกตอง เชน ฟอรมสําหรับผูใชกรอกขอมูล สามารถ ใชงานไดจริง หรือ ลิงคตางที่มีอยูตองเชื่อมโยงไปหนาที่ปรากฏอยูจริง และถูกตอง
- 8. ออกแบบเพื่อความสําเร็จของเว็บออกแบบเพอความสาเรจของเวบ ี ื้ ป ป โ ั ใ มีเนือหาเปนประโยชน ตรงกับความตองการของผูใช มีการปรับปรุงเพิ่มเติมเนื้อหา และพัฒนาเว็บไซตอยูเสมอ ใชเวลาในการดาวนโหลดนอย แสดงผลเร็ว การใชงานสะดวก เขาใจงายการใชงานสะดวก เขาใจงาย
- 9. การออกแบบเว็บไซตการออกแบบเวบไซต การพัฒนาเว็บไซตที่ดีนั้นตองตองอาศัยความรและทักษะหลายๆ ดานการพฒนาเวบไซตทดนนตองตองอาศยความรูและทกษะหลายๆ ดาน เชน ี่ ัความรูเกียวกับภาษา HTML การสรางและออกแบบกราฟก การจัดระเบียบตัวอักษรและองคประกอบตางๆ การเลือกใชชุดสีุ
- 10. ทีมพัฒนาเว็บไซตทมพฒนาเวบไซต Webmaster เปนบุคคลคนเดียวที่ทําหนาที่ทุกอยางเกี่ยวกับเว็บไซต Information Architect ทําหนาที่จัดระเบียบขอมูลและทดสอบประสิทธิภาพในการ ใชงาน ้Designer เปนผูออกแบบลักษณะหนาตาทั้งหมดของเว็บไซต HTML and JavaScript Coder Devloper / Programmer เปนผูเขียนสคริปตและโปรแกรมการใชงานตางๆ ภายในเว็บไซต ่System Administrator ทําหนาที่ควบคุมดูแลเว็บเซิรฟเวอร รวมถึงฮารดแวร และซอฟตแวรอื่นที่เกี่ยวของ ํ ั ็ ่ ิ ื้ ํ Content Editor /Writer สําหรับเว็บทีมีการผลิตเนือหาเอง จําเปนตองมี บรรณาธิการกับนักเขียน
- 11. โปรแกรมชวยในการสรางเว็บโปรแกรมชวยในการสรางเวบ CoffeeCup, Dreamweaver, FrontPage, GoLive, HomeSite, HotDog Pro, HotMetalPro และ NetObjects Fusion CMS เชน Joomla , wordpress ,drupal ,maxsite ื่อืนๆ
- 12. ความผิดพลาดในการออกแบบเว็บไซต 10 อันดับแรกความผดพลาดในการออกแบบเวบไซต 10 อนดบแรก 1 ใชโครงสรางหนาเว็บเปนระบบเฟรม สรางความสับสนให1. ใชโครงสรางหนาเวบเปนระบบเฟรม สรางความสบสนให ผูใช และ ไมสามารถทํา bookmark การแสดงชื่อไฟล uRL ไม ั่ ิ ั ถูกตอง การสังพิมพผลลัพธไมแนนอน 2. ใชเทคโนโลยีชั้นสูงโดยไมจําเปน สวนใหญผูใชจะสนใจู ู เนื้อหาและการใชงานที่ดีมากกวา 3 ใชตัวหนังสือหรือภาพเคลื่อนไหวตลอดเวลา สรางความ3. ใชตวหนงสอหรอภาพเคลอนไหวตลอดเวลา สรางความ รําคาญ และรบกวนสายตาผูอาน ่ ็ 4. ที่อยูเว็บไซตซับซอน (URL) ยากตอการจดจําและพิมพ
- 13. ความผิดพลาดในการออกแบบเว็บไซต 10 อันดับแรกความผดพลาดในการออกแบบเวบไซต 10 อนดบแรก 5 ไมมีการแสดงชื่อและที่อยของเว็บไซตในหนาเว็บเพจ5. ไมมการแสดงชอและทอยูของเวบไซตในหนาเวบเพจ 6. มีความยาวของหนามากเกินไป 7. ขาดระบบเนวิเกชันที่มีประสิทธิภาพ 8 ใชสีของลิงคไมเหมาะสม8. ใชสของลงคไมเหมาะสม 9. ขอมูลเกาไมมีการปรับปรุงใหทันสมัย 10. เว็บเพจแสดงผลชา ใชเวลานานกวา 15 นาที ทําใหขาด ความสนใจได
- 14. งานมอบหมาย ใหนักศึกษาหาคําศัพทดังตอไปนี้ Bookmark Universal Resource Locator (URL)Bookmark Universal Resource Locator (URL) Browser Search Engine h l iCache Plug-ins Cascading Style Sheet (CSS) Navigation System Common Gateway Interface (CGI) Hypertext Markup Language (HTML) Cookie Hyperlink / Hypertext link /Link Download FTP (File Transfer Protocol)