ใบงานที่ 5

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

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

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

้ ม. 3/3
ชัน เลขที่ 6
ชื่อ ด.ช. ธนั ท สก่ล ธรรมาธิวัฒน์
้ ม. 3/3
ชัน เลขที่ 7
ชื่อ ด.ช. ศ่ภณั ฐ สก่ล ดุานพิชิตศึก
้ ม. 3/3
ชัน เลขที่16
ชื่อ ด.ช. กฤตธิวัชร สก่ล ไชยบ่ญตา
้ ม. 3/3
ชัน เลขที่27
ชื่อ ด.ช. เทพฤทธ์ สก่ล อุ่นยวง
้ ม. 3/3
ชัน เลขที่ 32

คำาสั่ง
1. ให้นักเรียนเข้าเว็บไซต์ท่ีได้จากการโหวตเสียงข้างมากในห้อง แล้ว
ทำาการวิเคราะห์ว่า เว็บไซต์

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

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

ws 08-3-03
 ดังกล่าวมีการจัดวาง Layout หน้ าเว็บเพจอย่างไร แต่ละส่วนจัด
วางข้อม้ลอะไร และจัดวางข้อม้ล
อย่างไร
ตอบ เว็บไซต์ mediafire นั ้นมีการจัดระเบียบของหน้ า layout ได้อย่าง
ถ้กต้องสมบ้รณ์ กล่าวคือ
ส่วนที่เป็ น logo ของเว็บไซต์นั้นจะอย่้รวมกับส่วนที่เป็ น แถบ menu ซึ่ง
ในแถบนี้จะประกอบไปด้วย
1.สัญลักษณ์ของเว็บไซต์
2.ตัวเลือก Home เพื่อกลับส่้หน้ า home page
3.ตัวเลือก My file เพื่อเข้าไปยังหน้ าข้อม้ลของตนเองที่ได้สมัครสมาชิก
ไว้เ
4.ตัวเลือก What is new เพื่อ แจ้งข่าวสารใหม่ๆที่อัพเดทมาในแต่ละวัน
5.ตัวเลือก Support เพื่อช่วยเหลือผ้้ใช้ในปั ญหาต่างๆ
6.ลิงค์เข้าส่้ www.facebook.com
7.ลิงค์เข้าส่้www.twister.com
8.ตัวเลีอก Login สำาหรับสมาชิกของเว็บไซต์ เพื่อเข้าใช้บริการของเว็บที่
ให้เฉพาะสมาชิก
9.ตัวเลือก Sign Up เพื่อสมัครสมาชิกของเว็บไซต์
และวิธีการจัดวางข้อม้ล จะเป็ นแบบง่ายๆ
ไม่สลับซับซ้อน กล่าวคือ เว็บไซต์ดังกล่าวจะมีแถบ logo ของเว็บไซต์นั้น
อย่้รวมกับส่วนของแถบ menu โดยอย่้ทางด้านบนสุดของเว็บไซต์ และมี
ตัวลิงค์กับหน้ าเว็บเพจ หรือลิงค์เชื่อมกับเว็บไซต์ต่างๆมากมายอย่้ทาง
ตอนใต้ของเว็บไซต์ และก็มีส่วนของเว็บไซตืท่ีเอาไว้สำาหรับแบ่งปั นข้อม้ล
ต่างๆของเว็บไซต์อย่้ทางด้านบนของเว็บไซต์ตรงส่วนของแถบ menu อีก
ด้วย
2. ให้ทำาการวาด Layout ที่ได้จากการวิเคราะห์ลงในใบงานให้อย่้ในร้ป
ของตาราง
ร.ร.บ.ด.๒ \ ใบความร้้ 1-1
ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03
 3. ส่งใบงานทางเว็บไซต์ http://www.akcom7.wordpress.com

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

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

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

ws 08-3-03