Issuu on Google+

Lab Guide Week3

1.วิเคราะห์แบบฝึ กหัด ใน title ใส่ รหัสนักศึกษาเพือให้อาจารย์ ตรวจได้ ง่ายๆ จากนั นให้ใส่สback ี ground

ตามแต่นักศึกษาชอบหรื อใส่ ภาพเป็ น back ground ก็ได้


2.หลั งจากนั นเห็นพื นทีมีการจัดสรร ดั งนั นใช้ ตารางแบ่งพื นทีโดย สร้างตาราง1 แถว 1 คอลั มน์ หรื อ นักศึกษา

อยากแบ่งแบบอืนก็ได้

3. ปรับขนาดตาราง สี back ground สี ขอบตาราง ตํ าแหน่งการเขียนข้ อความ ตามโค้ ดด้ านล่าง


4. ใส่ ข ้ อความโดยยั งไม่ตองตกแต่ ้ งเพราะเราจะใช้ ไฟล์ css มาปรับแต่งรู ปแบบของตั วอั กษร จากนั นcopy code ของ google maps มาวางยั งตํ าแหน่งทีต้ องการ

5. สร้าง Inner style css สําหรับใช้ ทีหน้าเพจ แล้ วนํ ามาใส่ในข้ อความเช่น สร้าง email style ในหน้าโค้ ด

แล้ วนํ ามาใช้ โดยเลือกจากเมนูstyle ในแถบ properties ด้ านล่าง


6. สร้างไฟล์ css สําหรับใช้ หลายๆ เพจโดยคลิกที New ตรงบริ เวณ CSS panel จากนั นเลือกคลิกตามรู ป

และตั งชือ style ในตั วอย่างจะสร้าง style สําหรับอั กษรทีเป็ นหัวข้ อ

7. ตั งชือไฟล์เป็ นนามสกุล .css ในตั วอย่างเป็ น text.css

8. เสร็ จแล้ วใส่ คุณสมบั ติตามต้ องการเมือต้ องการเรี ยกใช้ ให้ กดเรี ยกโดย คลิกทีAttach Style Sheet


9. ให้เรี ยกใช้ text.css กั บข้ อความในเว็บเพจ อย่างน้อยสองแห่ง


Lab Guide Week3_3