ใบงานที่ 4

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

ชื่อ .....ด.ช.ธนกิตติ..... สก่ล......กุลกิตติยานนท์........ชัน

้ ....ม.
3/3...... เลขที่ ...6..

คำาสั่ง
ให้นักเรียนตอบคำาถามดังต่อไปนี้
1) ้ ตอนการสร้าง Site สร้างหน้ าเว็บเพจ โดยเริ่มสร้างจาก
จงอธิบายขัน
โฮมเพจไปยังเว็บเพจย่อย (อาจใช้โปรแกรม Adobe Photoshop ใน
การสร้าง)ใช้โปรแกรม Adobe Dreamweaver สร้างเอกสารเว็บเพจ
ต่างๆ โดยใช้วิธีการเหล่านี้ในการสร้างเว็บเพจต่างๆ
้ ตอนที่ 1 คลิกเลือกคำาสัง่ Site --> Manage Sites... จาก Menu
ขัน
Bar
้ ตอนที่ 2 จะปรากฏไดอะล็อกบ็อกซ์ Manage Site ให้ทำาการ
ขัน
คลิกที่ปุ่ม New จากนั ้นเลือก Site
้ ตอนที่ 3 รอสักคร่่จะปรากฏไดอะล็อกบ็อกซ์ Site Definition
ขัน
ให้ทำาการตัง้ ชื่อไซต์ ในช่อง Site name

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

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

ws 08-3-03
 ้ ตอนที่ 4 ระบุโฟลเดอร์ท่ีจะใช้ในการจัดเก็บเว็บไซต์ โดยการคลิก
ขัน
ที่ร่ปโฟลเดอร์ ที่บริเวณ Local root folder ซึ่งจะมีไดอะล็อกบ็อกซ์ใหม่
เพิ่มมา ให้เลือกไปยังโฟลเดอร์ท่ีเราจะจัดเก็บข้อม่ล จากนั ้น คลิกป่ ุม Select
้ ตอนที่ 5 เมื่อระบุโฟลเดอร์สำาหรับเก็บข้อม่ลเรียบร้อยแล้ว คลิก
ขัน
ป่ ุม OK
้ ตอนที่ 6 จะปรากฏชื่อ Site name ที่เราสร้างขึ้นในหน้ าต่าง
ขัน
Manage Site ดังภาพ จากนั ้นให้เราคลิกป่ ุม done
้ ตอนที่ 7 สร้าง Site
ขัน

2. หากต้องการสร้างเอกสารเว็บเพจชื่อ index.html โดยให้จด

ั เก็บไว้ใน
โฟล์เดอร์ช่ ือ webpage จะต้อง
ทำาอย่างไร
สร้างโฟลเดอร์ webpage โดยใช้ Panel Files
คลิกขวาที่โฟลเดอร์ webpage ที่สร้างไว้ ใน Panel Files เลือก
New File

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

ทำาให้มีผลในทุกๆหน้ าเว็บเพจ
เลือกคำาสัง่ Edit >> Preferences จากแถบเมน่
ใน Category เลือกคำาสัง่ New Document
เลือกภาษาไทยโดยคลิกป่ ุม จากช่อง Default encoding >> Thai
(Windows)
คลิกป่ ุม OK
4. จงอธิบายขัน้ ตอนการกำาหนดพื้นหลังของเว็บเพจให้เป็ นร่ปภาพ

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

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

ws 08-3-03
 ุ Page Properties ในแถบ Properties Inspector
คลิก ป่ ม
ไปที่ Appearance ด่ท่ีช่อง Background Image คลิก Browse และ
เลือกไฟล์ภาพในเครื่องที่เราต้องการ
กลับมาที่หน้ าต่าง Appearance (เราสามารถตัง้ ค่าซ้าย ขวา บน ล่าง
ได้) แล้วให้กด OK
5. การสัง่ แสดงผลเอกสารเว็บเพจบน Web browser จะต้องกดแป้ น
อะไร
F12
6. หากนั กเรียนต้องการจัดเก็บไฟล์เอกสารเว็บเพจชื่อ index.html มีขัน
้
ตอนการจัดเก็บอย่างไร
1) คลิกคำาสัง่ File >> Save As
2) จะได้หน้ าต่าง Save As เลือกโฟลเดอร์และพิมพ์ช่ ือไฟล์
index.html
3) คลิกป่ ุม Save
4) คำาสัง่ Save All หมายถึงบันทึกไฟล์ทัง้ หมดที่เปิ ดใช้งานหรือ
แก้ไข
5) คำาสัง่ Save to Remote Server หมายถึง บันทึกเว็บเพจและ
อัพโหลดไปส่่เซิร์ฟเวอร์
6) คำาสัง่ Save as Template หมายถึง บันทึกเป็ นแม่แบบสำาหรับใช้
งาน
7) ไฟล์ท่ีSave จะเป็ นนามสกุล .html หรือ .htm ตรวจสอบชื่อให้ถ่ก
ต้อง

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

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

ws 08-3-03