Html2
- 1. ใบงานที่ 2.1
เรื่อง แตงเติมสีสันใหกับเว็บเพจ
ใหแตละกลุมสรางเว็บเพจใหไดดังภาพตัวอยาง index.html โดยมีขอกําหนดดังนี้
1. ให title ของเว็บเพจชื่อ อินเทอรเน็ต
2. สีพื้น=“#ffffcc”
3. สีตัวอักษร=“#003399”
4. ขนาดของหัวเรื่อง “อินเทอรเน็ต” เทากับ h1 สีตัวอักษร=“#000000” จัดใหอยูกึ่งกลาง
5. ขนาดของหัวเรื่อง “อินเทอรเน็ตคืออะไร” และ “บราวเซอร” เทากับ h3
6. สวนเนื้อหา จัดชิดซาย
7. เสนกั้นขนาดเทากับ 2 กวาง 80% จัดใหอยูกึ่งกลาง จากนั้นบันทึกแฟมขอมูลชื่อ index.html และตรวจสอบ
ผลลัพธที่ปรากฏในบราวเซอร
ภาพตัวอยาง index.html
สมาชิกกลุมที่…………………………
.………………….…………………………………………………….….....……………………………
…..……………………………………….………………….……………………………………………
- 2. ใบงานที่ 2.2
เรื่อง แตงเว็บเพจใหสวยดวยรูปภาพ
ใหแตละกลุมสรางเว็บเพจจํานวน 2 หนา ใหไดดังภาพตัวอยาง page2.html และ page3.htmlโดยมีขอ
กําหนดดังนี้
1. กําหนดให title ของเว็บเพจชื่อ อินเทอรเน็ต
2. สีพื้น=“#ffffcc”
3. สีตัวอักษร=“#000000”
4. ขนาดของหัวเรื่อง “การประยุกตใชงานอินเทอรเน็ต” และ “อินเทอรเน็ตกับการเรียนรู” เทากับ h1 จัดใหอยู
กึ่งกลาง
5. สวนเนื้อหา จัดชิดซาย
6. เสนกั้นเปนรูปภาพชื่อ hr2.gif จัดใหอยูกึ่งกลาง
7. หนา page3.html แทรกรูปภาพ tan2.gif (รูปดาวเทียม) กําหนดใหมีความกวาง = 120 สูง = 80 และจัดให
ชิดซาย
8. จากนั้นบันทึกแฟมขอมูลชื่อ page2.html และ page3.html ไวในแผนบันทึก และตรวจสอบผลลัพธที่
ปรากฏในบราวเซอร
ภาพตัวอยาง page2.html
สมาชิกกลุมที่…………………………
.………………….…………………………………………………….….....……………………………
…..……………………………………….………………….……………………………………………