basic homepageสร้างโฮมเพทแบบง่ายๆโดย นายภัทรฯ
วันนี้ผมอยากจะแนะนำเพื่อนช่างฯ เขียนโฮมเพทแบบง่ายๆครับ ลองทำดูจะพยายามแนะนำการเขียน แบบง่ายๆ โดยใช้โปรแกรมที่มีมากับ MS WORD นั่นคือใช้ Notepad เขียน หรือพูดว่า เขียนด้วยภาษา Html ครับ โดยที่ท่านไม่ต้องไปหาโปรแกรม ดาวน์โหลดให้วุ่นวาย ผมรับรองว่า ท่านจะต้องทำได้ ลองทำตาม Step ที่แนะนำไปด้วยกันเลย
กรอบที่เสดงล่างนี้ คือโครงสร้างของ Html ผมจะไม่อธิบายความเป็นมากนะครับ
ส่วนสีฟ้าที่เห็นนั้น เป็นส่วนที่บรรจุ คำสั่ง Html (จะมีเครื่องหมายปีกกาปิดหัวและท้าย) และเนื้อหาที่จะเขียนใส่เข้าไป (เดี๋ยวมาดู ภาษาที่ใช้เขียนทีหลัง)
ผมขอแนะนำ คำสั่งที่ใช้ในการเขียน เอาแบบที่ใช้ที่จำเป็นก็แล้วกัน(ที่จริงมีมาก) ไปหาศึกษาที่หลังอีกทีนะครับ
1. สมมุติว่า เนื้อหาที่จะเขียนลงไป(ในกรอบ )ได้แก่
มือใหม่หัดสร้างโฮมเพท
1.โฮมเพท
2.วงจร
3. About Me
2. เรามาเริ่มเขียนกันเลย
3 .หลังจากเขียนเสร็จแล้ว ให้ทำการ Save แล้วตั้งชื่อ
สมมุติว่า ชื่อ index.htm แล้วเปิดออกมาดู
ไฟล์ที่เขียนทุกหน้าให้ Save นามสกุลเป็น .htm (เน้นสำคัญมาก)
สำหรับท่านที่ใช้ IE คลิ๊กที่ file >open > browse>เลือกที่เก็บไฟล์นี้ไว้ คลิ๊ก OK จะเสดงที่หน้าจอดังนี้
4.ลำดับต่อไปเป็นการสร้างลิงค์ ไปยังหน้าต่างๆ หรือที่เรียกว่า เว็บเพท
5. หน้าที่เราสร้างขึ้นทั้งหมดตั้งแต่ต้นจบ จะปรากฏแสดง ออกมาดังนี้
*** ข้อสังเกตุ หลังจากสร้างลิงค์ไป แล้วลองเอาเม้าไปชี้ข้อความที่ลิงค์ไป จะมีรูปมือชี้ หรือสังเกตุง่าย ๆ จะมีขีดเส้นใต้ครับ หากคลิ๊กไปแล้วไม่ปรากฏตามที่ลิงค์กำหนด หมายถึง ลิงค์ไปที่ผิด ต้องทำการตรวจและทำการแก้ไข ดูอีกครั้ง
6. ลำดับต่อไปเราก็ไปสร้าง หน้าลิงค์ต่างๆ ได้แก่ หน้าโฮมเพท (newhomepage.htm) วงจรอิเล็กทรอนิกส์ (ee.htm) โครงงาน(project.htm)และ About me (me.htm) ขั้นตอนการสร้าง ก็เหมือนๆกับที่ทำผ่านมาครับ
อ่านดูแล้ว หวังว่าคงจะพอเข้าใจ ลองทำดู ไม่ยากครับ เราเพียงจุดประกายเริ่มต้นเท่านั้น ท่านอาจจะเป็นเว็บมาสเตอร์ ดีๆ คนหนึ่งในวันข้างหน้า เพียงเค่นี้ ทำได้จะภูมิใจมาก ส่วนรายละเอียด และลูกเล่นต่างๆ ท่านอาจหาซื้อ หนังสือ หรือ อ่านตามเว็บไซด์ต่างๆ มาอ่านประกอบดูจะทำให้เข้าใจมากยิ่งขึ้นครับ
เว็บไซด์ที่เเนะนำการเขียน HTML
html://www.sanambin.com
สอบถามเพื่มเติม [email protected]
