Please enable JavaScript.
Coggle requires JavaScript to display documents.
หน่วยที่ 1 เเนวคิดการออกเเบบเว็บไซต์ - Coggle Diagram
หน่วยที่ 1 เเนวคิดการออกเเบบเว็บไซต์
หลักการออกเเบบ
ความเป็นธรรมชาติของเว็บไซต์
รูปแบบที่ตรงกันของเว็บไซต์
การออกแบบเว็บไซต์ เว็บไซต์ในปัจจุบันได้รับความนิยมอย่างมาก โดยเราสามารถสร้างเว็บไซต์ได้หลากหลายรูปแบบ ไม่ว่าจะเป็นในด้านการแสดงข้อมูลของเรา การค้าขาย ท าการตลาดออนไลน์ หรือแม้กะทั่งเก็บเป็นฐานข้อมูล
จุดเด่นของเว็บไซต์
ข้อมูลของเว็บไซต์
รูปเเบบโครงสร้างของเว็บไซต์
โครงสร้างแบบเรียงลำดับ
โครงสร้างแบบตาราง
โครงสร้างแบบลาดับขั้น
โครงสร้างแบบใยแมงมุม
ออกแบบเว็บไซต์ให้ดูน่าเชื่อถือ
การสร้างเว็บไซต์โดยเฉพาะเว็บสาหรับขายของออนไลน์สิ่งสาคัญที่สุดก็คือการออกแบบเว็บไซต์ให้มีความน่าเชื่อถือโดยหลักในการออกแบบเว็บไซต์เพื่อให้ดูน่าเชื่อถือและประสบความส าเร็จได้ในที่สุดก็จะต้องประกอบไปด้วยสิ่งเหล่านี้
ความเป็นศิลปะ
มีข้อมูลผู้ขายชัดเจน
ความทันสมัย
อย่าเน้น Hard Sell มากไป
อ้างถึงระยะเวลาที่เปิดให้บริการ
อ้างถึงระยะเวลาที่เปิดให้บริการ
Responsive Web Design
Responsiveเป็นวิธีการออกแบบเว็บไซต์เพื่อให้รองรับกับขนาดของหน้าจออุปกรณ์ทุกชนิด ไม่ว่าจะเป็นคอมพิวเตอร์ โน้ตบุ๊ค สมาร์ทโฟนและแท็บเล็ตเนื่องจากอุปกรณ์เหล่านี้ล้วนมีขนาดหน้าจอที่ต่างกันจึงจาเป็นต้องออกแบบเว็บให้ใช้งานได้กับทุกขนาดหน้าจอในครั้งเดียว
ทำไมต้อง Responsive Design?เป็นการพัฒนาเว็บไซต์ที่กำลังได้รับความนิยมมากในปัจจุบัน มีจุดมุ่งหมายเพื่อให้ Userสามารถใช้งานได้ง่ายที่สุด และช่วยประหยัดเวลา ค่าใช้จ่ายในการพัฒนาเว็บไซต์ได้ดี
ประโยชน์จากการทำเว็บไซต์ Responsive Web Design
สามารถติด Index Google ได้ทั้งบนdesktop และ mobile ในหน้าเดียวนั่นก็เพราะเป็นรูปแบบเว็บไซต์ที่ได้รับการรับรองจาก Google◦รองรับได้ทุกอุปกรณ์เพียงแค่ไซต์เดียว ไม่ต้องท าหลายหน้า และไม่ท าให้หนักเซิฟเวอร์จนเกินไป◦ประหยัดเวลาและค่าใช้จ่ายในการพัฒนาส่งผลให้การพัฒนาเว็บไซต์เป็นไปอย่างรวดเร็วยิ่งขึ้น
ข้อเสียของ Responsive Web อาจทาให้เกิดปัญหาในการใช้งานได้ เช่น การที่ข้อมูลบางอย่างที่ไม่ จาเป็นถูกโหลดเข้ามา ทั้งที่ปกติควรจะซ่อนไว้ หรือในเรื่องของ Image Resizing ที่จาเป็นต้องโหลด รูปเดียวกับรูปที่ใช้แสดงบน Desktop จึงทาให้เกิดการเสียเวลาโดยที่ไม่จาเป็น โดยปัญหาเหล่านี้ก็ มักจะเกิดขึ้นได้บ่อย ๆ
ข้อจำกัดของการทำ Responsive Web Design
◦ เว็บไซต์ที่ทำขึ้นมาห้ามเป็น Flash เด็ดขาด!! เพราะอุปกรณ์บางอย่างไม่รองรับการใช้งานแบบ Flash อย่างเช่น iPhone และ iPad ซึ่งจะทำให้เกิดการติดขัดในการใช้งานได้
◦ มีข้อจำกัดในการออกแบบเว็บไซต์พอสมควร เพราะเว็บไซต์ในรูปแบบนี้จะสามารถออกแบบให้เป็น ลักษณะกล่องหรือ Block ได้เท่านั้น หากต้องการออกแบบให้ดูแปลกออกไปจะไม่สามารถทาได้ หรือ ทำได้ยากและมีความซับซ้อนมาก◦ มีความยุ่งยากในการแก้ไขสูง ดังนัน้ จึงต้องวางแผนให้ดแี ละคิดให้รอบคอบก่อนออกแบบ จะได้ไม่ต้อง ย้อนกลับมาแก้ไขภายหลัง
◦ การเขียนโปรแกรมขึ้นมาจะต้องใช้ระบบ HTML 5 เท่านัน้
◦ เมื่อเขียนเว็บไซต์ขึ้นมาแล้ว จะต้องทดสอบให้ดีว่าสามารถใช้ได้ทุกอุปกรณ์หรือไม่ ถ้าไม่ได้จะต้องมี การแก้ไข