บทความ

กำลังแสดงโพสต์จาก เมษายน, 2021

หลักการออกแบบเว็บไซต์ และการทำเว็บไซต์ประเภทต่างๆ

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

5 สิ่งที่ Webmaster ควรรู้ในการออกแบบและทำเว็บไซต์

รูปภาพ
5 สิ่งที่ Webmaster ควรต้องเรียนรู้และทำความเข้าใจทั้งก่อน-หลังการทำเว็บไซต์เสร็จ มีอะไรบ้าง 1) UX/UI Design เป็นพื้นฐานของการออกแบบเว็บไซต์ที่ดี ซึ่งการออกแบบ UI และ UX นั้นเป็นส่วนเสริมซึ่งกันและกัน เรามาทำความเข้าใจทั้ง 2 ส่วน ดูว่าเสริมกันได้อย่างไร อ่านต่อ : การออกแบบ UX / UI คืออะไร? ต่างกันอย่างไร? 2) อธิบายขั้นตอนการทำงาน SDLC (Systems Development Life Cycle) มีขั้นตอน-หลักการพื้นฐานอย่างไรบ้าง มีข้อดี-ข้อเสียของแต่ละ Model เป็นอย่างไร อ่านต่อ : SDLC Model คืออะไร? มีขั้นตอนอย่างไรบ้าง? 3) ตัวอย่างการใช้งาน ::before และ ::after ใน CSS3 เพื่อใส่ข้อความหรือสัญลักษณ์พิเศษ ไม่ให้กระทบข้อความที่เป็นคำสำคัญหรือ Keyword ในบทความของเรา อ่านต่อ : ประโยชน์ของการใช้ CSS before - after วิธีการใช้และตัวอย่าง 4) ลักษณะของฟอนต์ serif / sans-serif และการเลือกใช้งานฟอนต์ทั้ง 2 ประเภทให้เหมาะสมในบทความ พาดหัวเรื่อง เนื้อเรื่อง หัวข้อ ในบทความควรเลือกใช้ฟอนต์อะไร อ่านต่อ : ประเภทฟอนต์ serif และ sans-serif แตกต่างกันอย่างไร 5) วิธีดูค่า CLS, LCP และ FID ใน Google Core Web Vita