แนะนำบทเรียน
การเตรียมพร้อมเข้าสู่อาชีพใดก็ตาม สิ่งที่มักต้องมองหา คือ บุคคลต้นแบบ กลุ่มอาชีพที่เค้าแชร์กัน ข่าวสารในอาชีพ ทักษะที่จำเป็นต้องมี และเกณฑ์ประเมินที่น่าสนใจ
เว็บมาสเตอร์ก็ต้องรู้จักคำว่า domain name ที่เป็นจุดเริ่มต้นของการสื่อสารในบทบาททางอาชีพ แล้วพูดถึงแหล่งทำมาหากินคือ hosting กับ ip address
กลับมามองเว็บไซต์ในปัจจุบันพบว่ามีหลากหลายรูปแบบ มี design และเวทีที่แตกต่างกัน แล้วมองไปที่เครื่องบริการเว็บก็พบว่ารองรับภาษาที่ใช้พัฒนาแตกต่างกันไป
ภาษาที่ถูกกล่าวถึงกันมากคือ javascript และ css ส่วน AJAX ก็เป็นพระเอกที่เว็บมาสเตอร์ต้องรู้จัก
ความรู้เบื้องต้นก่อนลงมือเขียนเว็บเพจ คือ เรื่องภาพ อาจเป็นภาพถ่าย หรือการรีทัสภาพ แล้วต้องรู้จักภาษา HTML ที่เป็นพื้นฐานของการเขียนเว็บเพจ และการนำเสนอภาพ
หากจะเริ่มต้นอย่างง่าย แนะนำว่า word เป็นโปรแกรมที่สามารถใช้สร้างเว็บเพจแบบเชื่อมโยงกันได้
|
|
แนะนำบทเรียน
เครื่องบริการเว็บ ก็จะมีพอร์ทมาตรฐานที่เปิดบริการคือ 80 สามารถใช้คำสั่ง netstat -na ตรวจสอบได้ว่า เครื่องของเราเปิดพอร์ทใดอยู่หรือไม่
โปรแกรมของคนไทยที่นำมาใช้สร้างเครื่องบริการเว็บไว้ใช้เองคือ appserv ช่วยจำลองเครื่องของเราเป็นเครื่องบริการได้โดยง่าย
แต่ถ้าเป็นที่นิยมกันมากคือ xampp หลายองค์กรใช้โปรแกรมตัวนี้ให้บริการจริง
ส่วน thaiabc เป็นโปรแกรมที่ผมสร้างขึ้นเพื่อการศึกษา จึงนำมาแชร์เป็นกรณีศึกษาได้ว่าจะสร้างโปรแกรมแบบ appserv หรือ xampp นั้นต้องทำอย่างไร
ส่วนใครที่ตั้งใจเป็นเว็บมาสเตอร์ ก็ควรรู้จักโปรแกรมใน xampp และลง apache, mysql, php และ phpmyadmin ด้วยตนเอง
แล้วทดสอบให้เพื่อนเรียกเว็บเพจที่เขียนขึ้นจากในเครื่องของเราได้
|
|
แนะนำบทเรียน
นิยาม เว็บ 2.0 คือ รูปแบบของเว็บไซต์รุ่นที่สอง ที่เน้นการนำเข้าเนื้อหาจากผู้เขียนที่หลากหลาย นำไปแสดงในเว็บไซต์ได้มากมาย เกิดเครือข่ายสังคม ด้วยรูปแบบที่ดูง่าย และน่าตื่นตาตื่นใจ
การสร้างเว็บไซต์ แบบเว็บ 2.0 ให้ได้ตามนิยามไม่ใช่เรื่องง่าย เพราะต้องเขียนเพื่อให้บริการผู้คน หากจะให้บริการใครก็ต้องมาดูว่าเว็บไซต์ของเราพร้อมให้บริการใครหรือไม่
บริการตรวจสอบของ Pagespeed ใช้ประเมินเว็บเพจได้ละเอียด และแบ่งเป็น mobile กับ desktop อย่างชัดเจน แต่หากเว็บเพจที่เขียนขึ้นมีรายละเอียดที่เราต้องการตรวจสอบ
การใช้ inspector ของ browser ก็สามารถทำให้งานยาก ๆ ง่ายขึ้นมาได้ทันที
การออกแบบเว็บเพจมีเครื่องมือ หรือ code สำหรับกำหนด style ที่ชื่อว่า CSS ซึ่งเขียนขึ้นมาได้ 3 แบบ
และอยากชวนมอง rsp61.css ของผม ที่ใช้กำหนดให้เว็บเพจเป็นแบบ responsive web design
และชวนไปดูพลังของ wordpress ที่เปิดรับ template ได้หลากหลาย
อาทิ thumbsup.in.th ก็ใช้ theme ที่น่าสนใจ และรองรับ responsive
|
|
แนะนำบทเรียน
เครื่องมืออำนวยความสะดวกในการพัฒนาเว็บเพจมีมากมาย อาทิ dreamweaver หรือ frontpage หรือ notepad หรือ editplus หรือ word
การจะเป็นผู้พัฒนาเว็บต้องลงมือปฏิบัติ และใช้ความรู้มาสร้างผลงานให้เป็นที่ประจักษ์ หากตั้งโจทย์ให้สร้างเว็บเพจ 3 หน้าที่เชื่อมโยงกัน
แล้วจะทำอย่างไรให้มีผลงานไปอยู่ในอินเทอร์เน็ต และนำเสนอในเว็บโฮสติ้ง อาทิ thainame.net หรือ firebase.com หรือ somee.com
ที่ประทับใจผู้เข้าถึงโฮมเพจของท่าน นับเป็นโจทย์ที่น่าสนใจ
|
|
