ความหมายและความสำคัญของ HTML
HTML (Hyper Text Markup Language) คือภาษาคอมพิวเตอร์ที่ใช้ในการแสดงผลเอกสารบนเว็บไซต์ ถูกพัฒนาและกำหนดมาตรฐานโดยองค์กร W3C และยังสามารถใช้เขียนโปรแกรมที่เรียกว่า HTML Application ได้อีกด้วย
ภาษาประเภท Markup นี้สามารถสร้างได้ง่ายๆ ผ่าน Text Editor เช่น Notepad, VS Code หรือเครื่องมืออย่าง DreamWeaver และทดสอบการทำงานผ่าน Web Browser
ตัวอย่างโปรแกรม Web Browser ที่นิยมใช้งาน
หลักการและกระบวนการพัฒนาเว็บไซต์
การสร้างเว็บไซต์ที่มีคุณภาพไม่ได้มีเพียงแค่การออกแบบกราฟิก แต่ต้องมีการวางแผนอย่างเป็นขั้นตอนเพื่อให้ตรงกับวัตถุประสงค์ ดังนี้:
1. กำหนดเป้าหมายและวางแผน
- กำหนดวัตถุประสงค์: เพื่อให้เห็นแนวทางที่ชัดเจน (เช่น ให้ข้อมูลหรือขายสินค้า)
- กำหนดกลุ่มเป้าหมาย: เพื่อออกแบบให้โดนใจผู้ชมกลุ่มนั้นๆ
- เตรียมแหล่งข้อมูล: รวบรวมเนื้อหาและตรวจสอบลิขสิทธิ์
- เตรียมบุคลากรและทรัพยากร: จัดเตรียมทักษะและโปรแกรมที่จำเป็น
2. วิเคราะห์และจัดโครงสร้างข้อมูล
นำข้อมูลมาวิเคราะห์เพื่อสร้างแผนผังโครงสร้างเว็บไซต์ (Site Map), ระบบนำทาง (Navigation) และข้อกำหนดของโปรแกรม/ฐานข้อมูลที่จะใช้งาน
3. ออกแบบเว็บเพจและเตรียมข้อมูล
กำหนดเค้าโครงหน้าตา (Layout) กราฟิก และโทนสี โดยใช้โปรแกรมเช่น Photoshop รวมถึงเตรียมไฟล์มัลติมีเดียและตรวจทานเนื้อหาให้ถูกต้อง
4. ลงมือสร้างและทดสอบ
สร้างหน้าเว็บจริงทีละหน้า ใส่เนื้อหา และทดสอบลิงก์ต่างๆ รวมถึงความเข้ากันได้ของ Browser และความละเอียดหน้าจอ
5. เผยแพร่และส่งเสริม
อัปโหลดไฟล์ขึ้น Server (Public) และทำการโฆษณาผ่านช่องทางต่างๆ เช่น Search Engine หรือ Social Media เพื่อให้เป็นที่รู้จัก
6. ดูแลและปรับปรุง
ตรวจสอบสถิติการเข้าชม ปรับปรุงเนื้อหาให้สดใหม่ และตรวจสอบการทำงานของระบบอย่างสม่ำเสมอ
รูปแบบโครงสร้างของเว็บไซต์
1. แบบเรียงลำดับ
(Sequential)
2. แบบลำดับขั้น
(Hierarchical)
3. แบบตาราง
(Grid)
4. แบบใยแมงมุม
(Web)