|
|
สอนคนงี่เง่าบัดซบ..เรียนรู้วิธีสร้างเว็บเพจ |
มา..เรามาฟังกันต่อ..ท่านเปิดเครื่องคอมพ์เรียกโปรแกรม Notepad ของท่านขึ้นมาแล้วพิมพ์ลงไปบนจอ ดังนี้
<HTML>
</HTML>
รหัสแต่ละอันที่เห็นอยู่นั้นเรียกว่า
แท็ก มีแท็กเริ่มต้นเรียกเป็นภาษาฝรั่งว่า starting tag และแท็กลงท้าย
หรือแท็กปิด เรียกว่า closing tag เวลาจะสร้างแท็กปิด
ก็เพียงแต่พิมพ์เครื่องหมายทับอย่างนี้ / เข้าไปใน
แท็กเปิด
ทุกๆแท็ก แต่ไม่ทั้งหมด ต้องมีแท็กปิดคู่กับแท็กเปิด เพื่อให้เข้าใจง่ายเรื่องแท็ก
ให้นึกเสียว่าแท็กคือคำสั่งสำหรับใช้ส่งภาษาพูดให้ บราวเซ่อรฟัง แท็กตัวแรกข้างบนนี้ก็เหมือนกับท่านพูดกับบราวเซ่อร์ว่า..เอาละน่ะ ตั้งแต่ตรงนี้ไปเป็นเอกสาร HTML แล้วละน่ะ(<HTML>) และ..ตรงนี้สิ้นสุดเอกสาร HTML แล้วละน่ะ(</HTML>). ถ้าท่านเข้าใจ
ตรงกันกับผม เรามาว่ากันต่อ
เอกสาร HTML ทุกอันต้องมีหัวข้อ หรือมีแท็กสำหรับ HEAD หรือมี HEAD tags ดังนี้
<HTML>
<HEAD>
</HEAD>
</HTML>
มาถึงตอนนี้สิ่งที่เราต้องให้ความสนใจคือ ในระหว่างแท็กHead ที่เปิดและปิดนั้น ต้องมี ชื่อเรื่อง หรือ แท็กสำหรับ TITLEหรืออีกนัยหนึ่งต้องมี Title tags.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>
ลำดับถัดไป บรรดาเนื้อเรื่องหรือบทความ ก็ต้องบรรจุอยู่ในส่วนที่เป็นเนื้อเรื่องที่เรียกว่า Body หรือ แท็กสำหรับ BODY...หรือ...BODY tags.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
และอีกสิ่งหนึ่งที่ต้องทำในตอนนี้ก็คือ การตั้งชื่อเรื่อง หรือ ชื่อเอกสารที่ทำขึ้น ให้อยู่ใน TITLE โดย ขอตั้งชื่อเล่นๆว่า เว็บงี่เง่าของผม และเพื่อให้เป็นสากลจะใส่ชื่อเป็นภาษาอังกฤษว่า My big ole bad page! โดยพิมพ์แทรกเข้าไปดังนี้...
<HTML>
<HEAD>
<TITLE>My big ole bad page!</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
ขั้นตอนต่อไปให้ท่าน
save งานหรือเอกสารที่ท่านทำมาข้างบนนี้ อย่า save เป็น Text แต่ให้ save as ลงไปว่าpage1.html
ในโฟลเดอร์เปิดใหม่ ลงในอะไรก็ได้. ถ้าท่านยังเก้ๆกังๆ
ผมแนะให้ก็ได้ ทำดังนี้คือ ให้คลิกที่ File และคลิกอีกทีที่ Save
as.
จะมีกรอบสำหรับให้ท่านใส่ค่าลงไป ถ้ายังไม่มี โฟลดเดอร์ใหม่
ก็ให้คลิกที่ไอค่อนที่มีรูปอย่างนี้.-> 
...แล้วตั้งชื่ออะไรก็ได้ เช่นตั้งชื่อว่า แบบฝึกหัด ทำการดับเบิลคลิกที่โฟลเดอร์
เพื่อให้โฟลเดอร์เปิดออก ตรงบรรทัดที่เขียนว่าFile name: ให้ท่านใส่ลงไปว่า
page1.html ตรงบรรทัดที่เขียนว่าSave as type: ตั้งค่าให้อ่านว่า All Files(*.*)
แล้วเคาะที่แป้น Enter ทุกอย่างก็เสร็จเรียบร้อย
เก่ง...เก่งมาก ท่านควรจะภูมิใจได้ว่า ท่านทำ เว็บเพจ ได้สำเร็จแล้ว ถ้าท่าน ส่งไฟล์นี้ขึ้นไปไว้บน อินเตอร์เนต ใครๆทั้งโลก สามารถมอง เห็นเว็บเพจของท่านแล้ว และถ้าเครื่องคอมพ์ของท่านใช ้Netscape ไฟล์ที่ท่านสร้างขึ้น จะมีรูปร่างอย่างนี้....
ถ้าท่านทำ double click ที่ไอค่อนที่เห็น ท่านก็จะเห็นผลงานที่ท่านทำว่าเป็นรูปเป็นร่างอย่างไรลองคลิกตรงนี้ดู.
ตัวหนังสือที่ขึ้นบนจอ ที่ผมพิมพ์ลงไปคือ Hello Jo ท่านที่ใช้ Internet Explorer ท่านคลิกข้างบนนี้ ก็จะเห็นแบบเดียวกัน สิ่งที่ปรากฏต่อสายตา ส่วนใหญ่จะเป็นหน้าว่างๆ (แต่มีรูปลักษณะเป็นหน้าเว็บเพจขึ้นมาแล้ว) งานต่อไปก็คือ ใส่อะไรต่อมิอะไรลงไปอีกบนหน้าเว็บเพจของท่าน
ก่อนที่จะมาฟังกันต่อ ผมขอตั้งข้อสังเกตสองข้อ ข้อแรกที่ท่านทำมาทั้งหมด ก็คือโครงสร้าง หรือโครงร่างของเอกสาร HTML และที่กล่าวมาตั้งแต่ต้นเป็นข้อกำหนดพื้นฐานที่เอกสารในรูปเว็บ ที่อย่างน้อยที่สุดต้องมี หรืออีกนัยหนึ่ง เอกสารที่เป็น เว็บ ต้องมีข้อกำหนดตามพื้นฐานตามที่กล่าว และข้อที่สองคือ ให้สังเกตว่าชื่อของเว็บที่ท่านตั้งชื่อไว้ หรือ Title จะขึ้นไปปรากฏอยู่บนบรรทัดบนสุดของกรอบของ บราวเซ่อร์.