ใบงาน เรื่อง การสร้ างจุดเชื่อมโยง ให้นกั เรี ยนจัดทาหน้าเว็บเพจโดยใช้ขอ้ ความต่อไปนี้และกาหนดดังนี้คือ ไฟล์ที่ 1 ชื่อ Index.htm ใส่ รูปภาพให้มีความสวยงาม หน้าแรก ประวัติส่วนตัว ค้นหาข้อมูล ไฟล์ที่ 2 ชื่อ Page1.htm ใส่ รูปภาพให้มีความสวยงาม ประวัติของนักเรี ยน ชื่อ – สกุล ที่อยู่ บิดาชื่อ อาชีพบิดา มารดาชื่อ อาชีพมารดา กลับเมนู คาสั่ง ให้คาว่าประวัติส่วนตัวจาก ไฟล์ Index.htm เชื่อมโยงมาที่ Page1.thm ให้คาว่า กลับเมนู จากไฟล์ Page1.thm เชื่อมกลับไปยัง Index.htm ให้คาว่า ค้นหาข้อมูล เชื่อมโยงไปยังภายนอกโดยเชื่อมไปที่ www.google.cot.h
ใบความรู้ เรื่อง การใช้ CSS Styles ตั้งแต่รู้เราได้ออกแบบหน้าโฮมเพจมา จะสังเกตได้วา่ เมื่อเราทดลองดูหน้าเว็บ เพจในหน้าต่าง Explorer เรามักจะพบปัญหาเกี่ยวกับการใช้งานฟอนต์ เช่น ขนาดใหญ่ ไปหรื อเล็กไป โดยเราจะต้องกาหนดฟอนต์ใหม่ทุกครั้งเพื่อให้ได้ลกั ษณะฟอนต์ที่ ต้องการ Cascading Style Sheets นี่เองที่จะช่วยแก้ไขปั ญหาเหล่านี้ให้คุณได้ โดยเรา สามารถกาหนดสไตล์ชีทเพียงครั้งเดียว แล้วนาลักษณะที่กาหนดไว้มาใช้กบั หน้าเว็บเพจ อื่น ๆ เมื่อเราสร้างเว็บใหม่ คุณสมบัติที่เราสามารถกาหนดสไตล์ชีทนั้น ได้แก่ คุณสมบัติเกี่ยวกับฟอนต์ เช่น ขนาดและลักษณะต่าง ๆ คุณสมบัติเกี่ยวกับข้อความ คุณสมบัติเกี่ยวกับสี และ Background คุณสมบัติเกี่ยวกับตารางและหน่วยวัดอีกด้วย เราสามารถกาหนดการใช้งานสไตล์ชีทได้ที่หน้าต่าง Design จากนั้นคลิกเลือก CSS Styles จะสังเกตได้วา่ เมื่อสร้างหน้าเว็บใหม่ข้ ึนมาในช่อง CSS Styles จะปรากฎคา ว่า on Styles เนื่องจากยังไม่มีการสร้างสไตล์ใหม่
โปรดศึกษารายละเอียดเพิ่มเติมในวีดีทศั น์นะครับ
ใบงาน เรื่อง การสร้ างจุดเชื่อมโยง ให้นกั เรี ยนออกแบบสไตล์ตามที่ตนเองชอบอย่างน้อย 1 แบบ
ใบงาน เรื่อง การใส่ ภาพและข้ อความลงในเว็บเพจ ให้นกั เรี ยนออกแบบและใส่ ภาพให้มีความสวยงามดังตัวอย่าง