|
ออกแบบหน้าเว็บไซต์ (Page Design)
1. หลักการออกแบบหน้าเว็บ
1.1 สร้างลำดับชั้นความสำคัญขององค์ประกอบ
1.2 สร้างรูปแบบ บุคลิก และสไตล์
หน้าเว็บเป็นสิ่งแรกที่ผู้ใช้จะได้เห็นขณะที่เปิดเข้าสู่เว็บไซต์ และยังเป็นสิ่งแรกที่แสดงถึงประสิทธิภาพในการออกแบบเว็บไซต์อีกด้วย หน้าเว็บจึงเป็นสิ่งสำคัญมาก เพราะเป็นสื่อกลางให้ผู้ชมสามารถใช้ประโยชน์จากข้อมูลของระบบงานของเว็บไซต์นั้นได้
1. หลักการออกแบบหน้าเว็บ
1.1 สร้างลำดับชั้นความสำคัญขององค์ประกอบ
1.2 สร้างรูปแบบ บุคลิก และสไตล์
1.3 สร้างความสม่ำเสมอตลอดทั่วทั้งไซด์
1.4จัดวางองค์ประกอบที่สำคัญไว้ส่วนบนของหน้าเสมอ
1.5สร้างจุดสนใจด้วยความแตกต่าง
1.6 จัดแต่งหน้าเว็บให้เป็นระเบียบเรียบง่าย และแยกเป็นสัดส่วน
1.7 ใช้กราฟิกอย่างเหมาะสม
2. รูปแบบโครงสร้างของหน้าเว็บ
รูปแบบโครงสร้างหน้าเว็บที่เราเห็นกันอยู่ทั่วไปนั้น มีหลากหลายรูปแบบซึ่งสามารถแบ่งกลุ่มได้ตามโครงสร้าง ซึ่งมีที่พบบ่อย ๆ อยู่ 4 ประเภท ได้แก่
2.1โครงสร้างหน้าเว็บในแนวตั้ง ถือเป็นโครงสร้างที่ได้รับความนิยมมากที่สุดเพราะเป็นรูปแบบที่ง่ายในการพัฒนา
2.2โครงสร้างหน้าเว็บในแนวนอน ต้องอาศัยความคิดสร้างสรรค์และความพยายามมากกว่าปกติ
2.3โครงสร้างหน้าเว็บที่พอดีกับหน้าจอ โดยทั่วไปรูปแบบนี้จะใช้พื้นที่หน้าจอน้อยกว่าเว็บทั่วไป
2.4โครงสร้างหน้าเว็บแบบสร้างสรรค์ รูปแบบนี้เป็นโครงสร้างที่อยู่เหนือกฎเกณฑ์
3. ส่วนประกอบของหน้าเว็บ
เราสามารถแบ่งหน้าเว็บเพจออกได้ 3 ส่วนประกอบหลัก ๆ ได้แก่ ส่วนหัว ส่วนเนื้อหา และส่วนท้าย ซึ่งแต่ละส่วนมีรายละเอียดดังต่อไปนี้
3.1 ส่วนหัวของหน้า (Page Header) ถือเป็นบริเวณที่สำคัญที่สุดของหน้า เพราะเป็นส่วนที่จะดึงดูดผู้ใช้ให้ติดตามเนื้อหาที่เหลือภายในหน้าดังกล่าว
3.2ส่วนของเนื้อหา (Page Body) ควรจะมีความกะทัดรัด และจัดเป็นระเบียบเพื่อให้มองเห็นข้อมูลได้รวดเร็ว โดยแสดงใจความสำคัญไว้ในส่วนต้น ๆ ของหน้า
3.3ส่วนท้ายของหน้า (Page Footer) เป็นส่วนที่จะให้ข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาและเว็บไซต์
เทคนิคการออกแบบและพัฒนาเว็บไซต์
1. เตรียมความพร้อมก่อนการติดตั้ง การติดตั้ง PC Web Servers การติดตั้ง และปรับแต่งแก้ไข Apache
การเตรียมฐานข้อมูล MySQL
2. การติดตั้งและการตั้งค่า การติดตั้ง Joomla การทำ Configuration ฐานข้อมูล และตั้งค่าต่าง
3. โครงสร้างสำคัญของระบบการทำงาน และการจัดการข้อมูล ศึกษา Admin Control Panel รูปแบบเทมเพลท (template) และการเลือกเทมเพลท (template) ให้เหมาะกับ Concept ของ ประเภทของเว็บไซต์ รู้จักหน้าที่ของคอมโพเน้นท์ (component) ต่างๆ ที่มีมากับระบบ และการประยุกต์ใช้งาน รู้จักหน้าที่ของโมดูล (module) ต่างๆ ที่มีมากับระบบ และ การประยุกต์ใช้งาน ศึกษาระบบ Front-End และ Back-End อย่างเจาะลึก
4. การออกแบบเว็บไซต์ การออกแบบเว็บไซต์ที่เน้นประสิทธิภาพทางการตลาด
5. Work Shop ฝึกปฏิบัติจริง
