ใบงานที่ 5

เรื่อง Layout หน้ า Webpage

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

ชื่อ ด.ญ. ณั ฐวรรณ สก่ล อยุ้เจริญ ชัน

้ ม.
3/1 เลขที่ 17
ชื่อ ด.ญ. บ่ณยน่ช สก่ล พัชรนาคทอง ชัน
้ ม.
3/1 เลขที่ 28
ชื่อ ด.ญ. เพชรรัตน์ สก่ล ศ้นย์จน
ั ทร์ ชัน
้ ม.
3/1 เลขที่ 37
ชื่อ ด.ญ. ส่ธาสินี สก่ล ส่ทธิกลับ ชัน
้ ม.
3/1 เลขที่ 47
ชื่อ ด.ญ. ส่พัตรา สก่ล จินดาดวง ชัน
้ ม.
3/1 เลขที่ 49
ชื่อ ด.ญ. อจลญา สก่ล วรานนท์ ชัน
้ ม.
3/1 เลขที่ 50

คำาสั่ง
ร.ร.บ.ด.๒ \ ใบความรู้ 1-1
ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03
 1. ใหูนักเรียนเขูาเว็บไซต์ท่ีไดูจากการโหวตเสียงขูางมากในหูอง แลูว
ทำาการวิเคราะห์ว่า เว็บไซต์
ดังกล่าวมีการจัดวาง Layout หนู าเว็บเพจอย่างไร แต่ละส่วนจัด
วางขูอม้ลอะไร และจัดวางขูอม้ล
อย่างไร
2. ใหูทำาการวาด Layout ที่ไดูจากการวิเคราะห์ลงในใบงานใหูอย่้ในร้ป
ของตาราง
3. ส่งใบงานทางเว็บไซต์ http://www.akcom7.wordpress.com

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

1.

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

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

ws 08-3-03
 3

4
5

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

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

ws 08-3-03
2.
ตอบ
• มีการจัดวางหนู า Layout ที่ถ้กตูอง แต่น่าจะยูายส่วน Login ไปไวูขูาง
บนเพื่อสะดวกต่อ User ในการใชู
• มีการจัดวางขูอม้ลเป็ นระเบียบ แบ่งสัดส่วนชัดเจน
• ส่วนต่างๆของเว็บไซต์ มีดังนี้
- ส่วนที่1 Logo
- ส่วนที่2 Menu bar
- ส่วนที่3 Menu (ขูอม้ลต่างๆ ของโรงเรียน , ลิง้ ก์เว็บไซต์โรงเรียนใน
เครือ 6 บดินทร และสหวิทยาเขตเสรีไทย )
- ส่วนที่4 เนื้ อหา (ข่าวประชาสัมพันธ์ของทางโรงเรียน , ข่าวสารทัว่ ไป)
- ส่วนที่5 เนื้ อหา (ร้ปผู้อำานวยการโรงเรียน , ปฎิทินกิจกรรม , คลัง
ร้ปภาพ)
- ส่วนที่6 Login
- ส่วนที่7 ที่อย่้และเบอร์โทรของโรงเรียน

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

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

ws 08-3-03
2.
Logo

Menu bar
Menu เนื้ อหา เนื้ อหา

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

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

ws 08-3-03
Login

ที่อย่้

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

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

ws 08-3-03