1. ใบความรู้ ที 10
เรือง การจัดการข้ อมูลของเว็บไซต์
การสร้ างหน้ าเว็บเพ็จ
เราสามารถสร้างหน้าเว็บเพ็จขึนมาใหม่ได้ทนที ในกรณี ทีเปิ ดโปรแกรมแล้วไม่ปรากฏหน้าเว็บเพ็จ
ั
ในพืนทีสร้างงาน โดยการสร้างหน้าเว็บเพ็จมีขนตอนดังนี
ั
1. วิธีที 1 สร้างได้จากหน้าแรกทีปรากฏ โดยการเลือกตรง Create New ว่าต้องการหน้าเว็บเพ็จทีมี
ลักษณะการสร้างโดยใช้ภาษาอะไร
2. วิธีที 2 เราสามารถสร้างได้จากการเลือกไปที เมนู File > new
1
2 3
4

2. 5
1 คลิกเมนู File > New เพือทําการสร้างหน้าเว็บเพ็จขึนมาใหม่
2 คลิกเลือก Basic page เพือเลือกการทํางานของหน้าเว็บเพ็จ
3 คลิกเลือก HTML เพือสร้างหน้าเว็บเพ็จเปล่าแบบธรรมดา โดยใช้ภาษา HTML
4 คลิกทีปุ่ ม Create เพือตกลงสร้างหน้าเว็บเพ็จ
5
หน้าว่างสําหรับสร้างเว็บเพ็จ
การกําหนดคุณสมบัติให้ เว็บเพ็จ
ั
เมือเราสร้างหน้าเว็บเพ็จขึนมาแล้วขันตอนต่อไปคือการกําหนดคุณสมบัติให้กบเว็บเพ็จ โดยมีขึน
ตอนดังนี
1

3. 2
1 คลิกเมนู Modify > Properties หรื อกดปุ่ ม <Ctrl + J>
2
ปรากฏหน้าต่าง Page Properties สําหรับกําหนดคุณสมบัติต่างๆ ให้เว็บเพ็จ
การกําหนดคุณสมบัติต่างๆ ของหน้าเว็บเพ็จมีดงนี
ั
ชือของเว็บเพ็จ
ชือของเว็บเพ็จ จะปรากฏตรงแถบ Titlebar โดยการตังชื อหน้าเว็บเพ็จมีขนตอนดังนี
ั
2
1
3
4

4. 1 ให้เลือก Title/Encoding ในช่องของ Category
2 พิมพ์ชือเว็บเพ็จทีต้องการ
3 ปุ่ มควบคุมการทํางาน
- กด OK เพือเลือกการเปลียนแปลงของทํางานนัน
- กด Cancel เพือยกเลิกการเปลียนแปลงการทํางาน
- กด Apply เพือแสดงผลการเปลียนแปลงโดยไม่ปิดหน้าต่างการทํางานของ Page
Properties
- กด Help เพือแสดงหน้าต่างการช่วยเหลือการทํางาน
4 ปรากฏชือทีตังบนแถบ Titlebar
การกําหนดรู ปแบบแสดงภาษา
เราสามารถกําหนดรู ปแบบการแสดงภาษาเพือให้เว็บเพ็จแสดงผลเป็ นภาษาไทย โดยมีขนตอนดังนี
ั
2
1
3
1 ให้เลือก Title/Encoding ในช่องของ Category
2 ในช่อง Encoding ให้คลิกเลือก Thai (Windows) หรื อ ไทย (Windows)
3 ปุ่ มควบคุมการทํางาน
- กด OK เพือเลือกการเปลียนแปลงของทํางานนัน
- กด Cancel เพือยกเลิกการเปลียนแปลงการทํางาน
- กด Apply เพือแสดงผลการเปลียนแปลงโดยไม่ปิดหน้าต่างการทํางานของ Page
Properties
- กด Help เพือแสดงหน้าต่างการช่วยเหลือการทํางาน

5. การใส่ สีพนหลังให้ กบหน้ าเว็บเพ็จ
ื( ั
พืนหลัง (Background) ในหน้าเว็บเพ็จปกติแล้วจะมีสีขาว ซึ งไม่เป็ นทีน่าสนใจ การใส่ สีให้พืนหลัง
ก็เป็ นอีกหนึงวิธีทีจะช่วยให้เว็บของเราน่าสนใจมากขึน การใส่ สีพืนหลังให้หน้าเว็บเพ็จมีขนตอนดังนี
ั
1
2
3
4
5
6
1 คลิกเลือกเมนู Modify > Page Properties
2 เลือก Appearance ในช่อง Category
3 คลิก ในช่อง Background color
4 คลิกเลือกสี ทีต้องการใช้เป็ นสี พนหลัง
ื
5 คลิกทีปุ่ ม OK
6 ปรากฏสี พืนหลังทีต้องการบนหน้าเว็บเพ็จ

6. การทดสอบเว็บเพ็จกับบราวเซอร์
ในระหว่างทีเราสร้างเว็บเพ็จนัน เราต้องตรวจสอบการแสดงผลของเนื อหา เช่ น สี ขนาด และ
ตําแหน่งของข้อความหรื อรู ปภาพเมือนําขึนไปแสดงผลบนบราวเซอร์ โดยมีขนตอนดังนี
ั
1
2
3
1 คลิกเมนู File > Save หรื อกดปุ่ ม Ctrl + S
2 คลิกทีปุ่ ม เลือก Preview in IExplore หรื อกดปุ่ ม F12
3 ปรากฏผลการทดสอบเว็บเพ็จในโปรแกรม Internet Explore

7. ในขณะทีเราคลิกทีปุ่ ม แล้วปรากฏหน้าต่าง
แสดงว่ายังไม่ได้ทาการบันทึกเว็บเพ็จ
ํ
ให้คลิกทีปุ่ ม เพือบันทึกเว็บเพ็จก่อน
ถึงจะแสดงผลบนบราวเซอร์ ได้
การบันทึกเว็บเพ็จ
เมื อสร้ างและกําหนดคุ ณสมบัติพืนฐานของเว็บเพ็จเรี ยบร้ อยแล้ว ขันตอนต่อไปทีขาดไม่ได้คือ
การบันทึกเว็บเพ็จเพือป้ องกันการผิดพลาดระหว่างการทํางาน การบันทึกเว็บเพ็จมีขนตอนดังนี
ั
1
2
3
4
1 คลิกเมนู File > Save หรื อกดปุ่ ม Ctrl + S
2 เลือกโฟลเดอร์
3 ตังชือไฟล์
4 คลิกทีปุ่ ม เพือบันทึกเว็บเพ็จ
การปิ ดไฟล์เว็บเพ็จ
หลังจากทีแก้ไขหรื อบันทึกเว็บเพ็จเรี ยบร้อยแล้ว เมือต้องการเลิกใช้งานเราสามารถปิ ดไฟล์ในแต่
ละหน้าต่าง โดยมีหลายวิธีดงนี
ั
กดปุ่ ม Ctrl + F4 บนแป้ นพิมพ์
คลิกเมนู File > Close

8. คลิกทีปุ่ ม Close บริ เวณมุมขวาบนของหน้าต่าง
1
2