11.การแทรกรูปภาพในหน้าเว็บ

การแทรกรูปภาพในส่วนของหน้าเว็บ

          รูปภาพ เป็นที่มีความสำคัญอย่างหนึ่งที่สื่อความหมายให้เข้าใจได้ง่าย ในการสร้างเว็บ ภาพก็จัดว่าเป็นองค์ประกอบอีกอย่างหนึ่งที่ขาดไม่ได้ ดังนั้น วันนี้นักเรียนจะมาเรียนรู้วิธีการแทรกรูปภาพเข้าไปในเว็บไซต์ของนักเรียนกัน ซึ้งภายในคาบสอนครั้งนี้ นักเรียนจะต้องแทรกภาพในหน้าเว็บเพจของนักเรียนได้  เรามาเริ่มกันเลย

1.ให้นักเรียนเปิดบล็อกเกอร์ของตนเอง แล้วไปที่หน้า แดชบอร์ด ดังภาพด้านล่าง

จากนั้นให้นักเรียนคลิ๊ก “หน้าเว็บ”  แล้วคลิ๊ก “หน้าเว็บใหม่” เพื่อสร้างหน้าเว็บขึ้นมาใหม่

2.ต่อมาจะปรากฏหน้าต่างดังภาพด้านล่าง ให้นักเรียน ตั้งชื่อหน้าเว็บ  แล้วคลิ๊ก “สัญลักษณ์”  ตามภาพ

 3.จากนั้นจะแสดงหน้าต่างขึ้นมา ให้นักเรียน คลิ๊ก “เลือกไฟล์” ดังภาพด้านล่าง

4.ให้นักเรียนไปเลือกรูปภาพที่ต้องการ ในคอมพิวเตอร์นักเรียน จากนั้น คลิ๊ก “Open” เพื่อทำการอัพโหลดรูปภาพ

5.เมื่อทำการอัพโหลดภาพเสร็จแล้ว ภาพจะมาแสดงที่หน้าต่างไฟล์อัพโหลด ดังภาพด้านล่าง จากนั้นให้นักเรียนเลือกรูปที่ต้องการ แล้วคลิ๊ก “เพิ่มรายการที่เลือก”

6.ภาพมาปรากฏที่หน้าเว็บของนักเรียนที่นักเรียนออกแบบ นักเรียนสามารถที่จะเลือกปรับขนาดให้เหมาะสมกับความต้องการที่จะให้แสดงบนหน้าเว็บได้ โดยคลิ๊กเลือกจากรายการด้านร่างภาพ เมื่อนักเรียนปรับแต่งภาพเสร็จเรียบร้อย ก็ให้นักเรียน คลิ๊ก “บันทึก” แล้วก็ คลิ๊ก “เผยแพร่” เป็นอันเสร็จการแทรกภาพในหน้าเว็บ

7.ครั้งต่อไปนักเรียนจะได้เรียนรู้วิธีการใส่ วิดีโอในหน้าเว็บเพจของนักเรียนเอง และวิธีการใส่วิดีโอจาก Youtube กัน