ใบงานที่ 4

เรื่อง การจัดการข้อมูลเบื้ องต้นเพื่อการสร้างเว็บเพจ

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

ชื่อ ด.ช.จิรวัฒน์ สก่ล วงษ์สวัสดิ์ ชั้นม. 3/ 1 เลขที่ 3

คำาสัง่
ให้นักเรียนตอบคำำถำมดังต่อไปนี้
1. จงอธิบำยขั้นตอนกำรสร้ำง Site
2. หำกต้องกำรสร้ำงเอกสำรเว็บเพจชื่อ index.html โดยให้จัดเก็บไว้
ใน โฟล์เดอร์ช่ ือ webpage จะต้อง
ทำำอย่ำงไร
3. จงอธิบำยขั้นตอนกำรกำำหนด กำรแสดงผลภำษำบนหน้ำเว็บเพจ ที่
ทำำให้มีผลในทุกๆหน้ำเว็บเพจ
4. จงอธิบำยขั้นตอนกำรกำำหนดพื้ นหลังของเว็บเพจให้เป็ นรูปภำพ
5. กำรสัง่ แสดงผลเอกสำรเว็บเพจบน Web browser จะต้องกดแป้ น
อะไร

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

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

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

*************
ตอบ
1. 1. คลิกเมนู Site เลือก New Site ใน โปรแกรม Dreamweaver
2. ปรำกฎหน้ำต่ำง Site Definition เลือก แท็บ Advanced
3. Local info
Site Name ตั้งชื่อ Site
Local Root Folder เลือกชี้ไปที่ Directory ที่เก็บ File
Default Image Folder เลือกชี้ไปที่ Directory ที่เก็บรูปภำพ
HTTP Address ใส่ URL
Cache เลือกเพื่อปรับปรุงจุดเชื่อมโยงเวบเพจ
จำกนั้ น กด ok ออกมำ

2. • คลิ้กขวำลงในหน้ำต่ำง Local Folder สร้ำงโฟลเดอร์ใหม่ให้ไป

คลิ้กเลือกที่ New Folder
• ตั้งชื่อ Folder ว่ำ Web Page
• คลิกขวำที่โฟลเดอร์ web Page สร้ำงไฟล์ใหม่ให้ไปคลิกเลือกที่
New File หรือ Ctrl + n
• จำกนั้ นจะแสดงไฟล์ untitled.htm แก้ไขชื่อให้ไปคลิ้กเลือกชื่อที่
ต้องกำร แล้วคลิ้กอีกหนึ่ งครั้งจำกนั้ นพิมพ์ช่ ือไฟล์ว่ำ Index.html

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

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

ws 08-3-03
3. กด Ctrl+U จำกนั้ นจะมีหน้ำต่ำงขึ้นมำ แล้วเลือกตรงที่เป็ นคำำว่ำ
category ในช่องนั้ นให้เลือกคำำว่ำ Fonts ช่องด้ำนบนสุดที่เป็ น Font
Settings ให้เปลี่ยนเป็ น Thai จำกนั้ นช่อง Proportional Font และ
ช่อง Code View ให้เปลี่ยนเป็ น Microsoft Sans Serif ทั้ง 2 ช่อง

4.กด Ctrl+J จะมีหน้ำต่ำง Page Properties ขึ้นมำ ให้เลือกตรง

Category จำกนั้ นให้เลือกคำำว่ำ Appearance จำกนั้ นจะขึ้นกำรตั้งค่ำ
ของ Appearance ให้ไปที่คำำว่ำ Background Image กดคำำว่ำ Browse
แล้วเลือกรูปภำพที่เรำต้องกำรนำำมำใส่เป็ นพื้ นหลังได้เลย

5. ป่ ุม F12

6.กด File แล้วเลือก Save As เปลี่ยนชื่อไฟล์ตำมที่ต้องกำร

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

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

ws 08-3-03