ใบงานที่ 4

เรื่อง การจัดการข้อมูลเบื้องต้นเพื่อการสร้างเว็บเพจ
้ มัธยมศึกษาปี ที่ 3
ระดับชัน
รหัสวิชา ง 33101 รายวิชา การงานอาชีพและเทคโนโลยี 3 กลุ่มสาระการ
เรียนรู้การงานอาชีพและเทคโนโลยี

้ ม. 3/3 เลขที่ 51
ชื่อ ด.ญ.ศ่ภาพิชญ์ สก่ล ตัณฑเวชกิจ ชัน

คำาสั่ง
ให้นักเรียนตอบคำำถำมดังต่อไปนี้
1. ้ ตอนการสร้าง Site
จงอธิบายขัน
ตอบ 1. เลือกเมนูคำาสัง่ Site Manage Site…
2. จะปรากฏไดอะล็อกบ็อกซ์ Click ปุ ่ม New เลือก Site

ร.ร.บ.ด.๒ \ ใบความรู้ 1-1

ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03
 3. Click ที่ Advance ดังภาพข้างลุาง

ร.ร.บ.ด.๒ \ ใบความรู้ 1-1

ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03
 จากนั ้นทำาตามขัน ้ ตอน
- ตัง ้ ชื่อไซท์ โดยปกติจะตัง้ ให้ตรงกับงานที่เราทำาจะได้ไมุสบ
ั สน
- ที่ชุอง Local root folder ให้เลือกไดเร็กทอรี่ท่ีเก็บข้อมูลในการ
ทำาเว็บไซท์ โดยคลิกที่ไอคอนสีเหลืองเพื่อคลิกเลือก folder เปิ ด
เข้าไปในโฟลเดอร์ท่ีต้องการแล้วคลิก Select ตุอจากนั ้นคลิกปุ ่ม
OK
- ้ ตอนที่แล้ว จากนั ้นคลิกปุ ่ม Done
จะได้ช่ ือไซท์ท่ีเราเลือกไว้จากขัน

ร.ร.บ.ด.๒ \ ใบความรู้ 1-1

ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03
 2. หากต้องการสร้างเอกสารเว็บเพจชื่อ index.html โดยให้จด
ั เก็บไว้ใน
โฟล์เดอร์ช่ ือ webpage จะต้อง
ทำาอยุางไร
ตอบ 1. คลิกเลือกคำาสัง่ Flie New หรือกด Ctrl + N
2. จะปรากฏไดอะล็อกบ็อกซ์ New Document
3. เลือกประเภทเว็บเพจที่จะสร้างจาก Category
4. เลือกประเภทของเว็บเพจ ในที่น่ี เลือก HTML
5. คลิกปุ ่ม Create

3. จงอธิบายขัน้ ตอนการกำาหนด การแสดงผลภาษาบนหน้ าเว็บเพจ ที่

ทำาให้มีผลในท่กๆหน้ าเว็บเพจ
ตอบ วิธีท่ี 1 คลิกเลือกคำาสัง่ Modify Page Properties หรือ Ctrl +
J

ร.ร.บ.ด.๒ \ ใบความรู้ 1-1

ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03
 วิธีท่ี 2 คลิก page properties ที่ Properties Panel

จะปรากฏไดอะล็อกบ็อกซ์ Page properties ขึ้นมาดังภาพ

ร.ร.บ.ด.๒ \ ใบความรู้ 1-1

ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03
 เลือก Document Encoding เพื่อกำาหนดภาษา ซึ่งเรียกวุา การเข้ารหัส
ั ข้อความในเว็บเพจ ถ้าเป็ นภาษาไทยควรเลือก Thai
ข้อความ ที่จะใช้กบ
Window-874 หรือ TIS-620

4. จงอธิบายขัน
้ ตอนการกำาหนดพื้นหลังของเว็บเพจให้เป็ นรูปภาพ
ตอบ วิธีท่ี 1 คลิกเลือกคำาสัง่ Modify Page Properties หรือ Ctrl +
J

ร.ร.บ.ด.๒ \ ใบความรู้ 1-1

ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03
 วิธีท่ี 2 คลิก page properties ที่ Properties Panel

จะปรากฏไดอะล็อกบ็อกซ์ Page properties ขึ้นมาดังภาพ

ร.ร.บ.ด.๒ \ ใบความรู้ 1-1

ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03
 เลือก กด Browse… ตรง Background image

5. การสัง่ แสดงผลเอกสารเว็บเพจบน Web browser จะต้องกดแป้ น

อะไร
ตอบ ต้องบันทึกข้อมูลกุอน แล้วหลังจากนั ้นกด F12 โปรแกรมจึงจะ
แสดงผล

6. หากนั กเรียนต้องการจัดเก็บไฟล์เอกสารเว็บเพจชื่อ index.html มีขัน้

ตอนการจัดเก็บอยุางไร
ตอบ คลิก Flie Save as ที่ชุอง Save in ให้เลือกไดเร็กทอรี่ ที่
เก็บข้อมูลในการทำาเว็บไซท์ (ซึ่งต้องเป็ นไดเร็กทอรี่เดียวกับที่เราสร้าง
Site ) ไฟล์ท่ี Save จะเป็ นนามสก่ล html หลังจาก Save แล้วจะได้
ไฟล์ช่ ือ index.html

*************

ร.ร.บ.ด.๒ \ ใบความรู้ 1-1

ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03