Sponsored Ads


สำหรับการสร้างเว็บเพจเพื่อนำไปเก็บไว้บนเว็บไซท์ จะนิยมใช้โปรแกรม Dreamweaver แต่ โปรแกรมนี้ก็ต้องดาวน์โหลดเอง วิธีใช้งานก็ไม่ง่าย มีรายละเอียดเยอะ ผู้เขียนต้องการอธิบายวิธีสร้าง ด้วยโปรแกรมที่ใช้งานง่าย และมีอยู่ในคอมพิวเตอร์ทุกเครื่อง ไม่ต้องเสียเวลาหาโปรแกรมมาติดตั้ง ลงเครื่องให้ยุ่งยาก ก็คือโปรแกรม Notepad ซึ่งเป็นลักษณะการสร้างแบบโบราณ

 

1. สร้างไฟล์เว็บเพจหน้าจอหลัก index.htm
ไฟล์ index.htm เป็นหน้าจอหลักของเว็บไซท์ ที่เราจะพบเมื่อเข้าเว็บไซท์นั้นเป็นครั้งแรก หน้า นี้เรียกว่าโฮมเพจ ในหน้านี้จะมีหัวข้อย่อยให้คลิกเลือก
1. เข้าโปรแกรม Notepad โดยคลิกปุ่ม Start>>All Programs>>Accessories>>Notepad
2. เมื่อเข้าโปรแกรมแล้วให้พิมพ์ข้อมูลลงไปตามตัวอย่าง

 

3. ผลงานที่ได้ เมื่อดูผ่านโปรแกรมดูข้อมูลบนอินเตอร์เน็ตหรือ Internet Explorer จะพบ ว่า ข้อมูลที่เราต้องการให้ปรากฏบนจอ มีนิดเดียว แต่ต้องเขียนโปรแกรมตั้งหลายบรรทัด

 

4. คำสั่ง <title>Fiat fan Club</title> เป็นส่วนแสดงชื่อเว็บไซท์ของเรา
5. คำสั่ง <p aling=”center”><img src=”banner1.jpg” width=”640” height=”80”></p> เป็นคำสั่งแสดงภาพแบนเนอร์ชื่อ banner1.jpg โดยจัดไว้ตรงกลาง (center)
6. คำสั่ง <p aling=”center”><font face=... ส่วนนี้เป็นคำสั่งแสดงหัวข้อ โดยใช้ตัวหนังสือ แบบ Microsoft Sans Serif ขนาด 2
7. คำสั่ง <a href=”http://board.212cafe.com/bluesoft” target=”blank”> เว็บบอร์ด สนทนา ปัญหาเฟียต</a> เป็นการกำหนดให้หัวข้อนี้เชื่อมโยงไปยังเว็บบอร์ดที่ผู้เขียนได้ลงทะเบียนขอ ไว้ที่ www.212cafe.com ท่านใดที่ได้ฝึกทำตามตัวอย่างเหล่านี้แนะนำให้เปลี่ยนลิ้งค์เป็น
http://www.siamebook.com/wbmanoi/index.html
เพื่อเชื่อมโยงไปยังเว็บบอร์ดของผู้เขียนที่ www.siamebook.com
8. ส่วนคำสั่ง < a href=”aboutus.htm” target=”blank”> เกี่ยวกับผู้จัดทำ </a> เป็นการ ลิ้งค์ไปหาไฟล์ชื่อ aboutus.htm เมื่อคลิกหัวข้อ เกี่ยวกับผู้จัดทำ ก็จะปรากฏหน้าใหม่ขึ้นมา
9. ข้อความในส่วนนี้ เฉพาะที่เป็นภาษาไทย เป็นย่อหน้าที่อธิบายเกี่ยวกับวัตถุประสงค์ของ การสร้างเว็บไซท์

 

10. ในการสร้างเว็บไซท์ของคุณเอง อยากให้ทดลองตามตัวอย่างง่ายๆ นี้ก่อน โดยดัดแปลง เฉพาะส่วนข้อความที่เป็นภาษาไทย พิมพ์ข้อความใหม่ของคุณเองลงไป
11. เสร็จแล้วก็บันทึกไฟล์เก็บไว้ โดยคลิกเมนู File>>Save
12. คลิกเลือกที่เก็บ คลิกและพิมพ์ชื่อไฟล์ index.htm แล้วคลิกปุ่ม Save

 

13. ดูผลงานที่ได้ โดยเข้าโปรแกรม Windows Explorer ชี้ลูกศรที่ไฟล์ index.htm ที่ได้สร้าง ขึ้นมา แล้วคลิกปุ่มขวาของเมาส์
14. คลิกคำสั่ง Open With>>Internet Explorer เพื่อดูผลงานที่ได้

 

2. สร้างเว็บเพจย่อย aboutus.htm
เว็บเพจย่อยจะมีเพียงไฟล์เดียวคือ aboutus.htm
1. ในหน้าจอโปรแกรม Notepad ให้คลิกเมนู File>>New เริ่มสร้างงานใหม่
2. พิมพ์ข้อมูลคล้ายตัวอย่าง

 

3. ส่วนต่างๆ ของข้อมูล เมื่อเปรียบเทียบกับผลงานที่ได้ เมื่อดูผ่านอินเตอร์เน็ต
4. การแก้ไขหรือดัดแปลงส่วนหนึ่งส่วนใด ก็จัดการเฉพาะส่วนที่เป็นข้อความภาษาไทย
5. เสร็จแล้วบันทึกไฟล์เก็บไว้ ตั้งชื่อไฟล์ aboutus.htm

 

 

 

3. สร้างเว็บบอร์ด
ส่วนที่เป็นเว็บบอร์ดแนะนำให้ไปลงทะเบียนขอฟรีเว็บบอร์ดกับเว็บไซท์ต่างๆ ลองไปค้นหา ที่ www.sanook.com มีให้เลือกหลายที่ ส่วนท่านใดที่ไม่อยากยุ่งยาก ก็ทดลองใช้เว็บบอร์ดของผู้เขียน ไปก่อนก็ได้ http://www.siamebook.com/webboard/index.php พิมพ์ลงไปในไฟล์ index.htm แทนตำแหน่ง <a href=”http://board.212cafe.com/bluesoft” target=”blank”>