การปรับแต่งพื้นฉากหลัง (BACK GROUND)

การใส่สีพื้นหลัง
การใส่ภาพพื้นหลัง
การใส่เสียง

การปรับแต่งพื้นฉากหลังของเอกสาร HTML

            การปรับแต่งเอกสารในที่นี้ จะหมายถึงการใส่สีสันให้กับเอกสาร HTML ในส่วนของการใส่พื้นหลัง (Background) ให้เว็บเพจ ( Web Page ) มีสีสันเพิ่มขึ้น ซึ่งการใส่พื้นหลังให้เว็บเพจ ( Web Page ) สามารถใส่ได้ 2 แบบ คือ การใส่สีให้พื้นหลัง และการใส่ภาพให้พื้นหลัง

           ในการใส่รูปแบบนั้นจะใส่เพิ่มในส่วนของแท็ก (Tag) เปิด ของแท็ก (Tag) <body> เพราะคำสั่งนี้เป็นส่วนขยายที่เรียกว่า Attribute ของแท็ก (Tag) <body> นั้นเอง โดยจะมีรูปแบบดังนี้

           1. การใส่สีให้พื้นหลัง bgcolor = "ชื่อสี" หรือ bgcolor = "#รหัสสี"

    หรือ

               ***** การใช้ค่าสีที่ในภาษา HTML สามารถกำหนดได้ด้วย ชื่อสี ตามตัวอย่าง

    ชื่อสีมาตรฐานต่างๆ

    ชื่อสีมาตรฐาน

    สีที่ได้บนเว็บบราวเซอร์

    ชื่อสีมาตรฐาน

    สีที่ได้บนเว็บบราวเซอร์

    CYAN

    สีคราม

    RED

    แดง

    BLUE

    สีน้ำเงิน

    MAGENTA

    สีม่วง

    YELLOW

    สีเหลือง

    WHITECK

    สีขาว

    GREEN

    เขียว

    GRAY

    เทา

               ***** หรือกำหนดค่ารหัสสีเป็นเลขฐาน 16 แสดงค่ารหัสสีของแสง ได้แก่ 0-9 และ A-F (ทั้งหมดรวม 16 ตัว) โดยใช้กลุ่มเลขฐาน 16 จำนวน 6 หลัก ซึ่งมีตั้งแต่รหัส 000000 - FFFFFF ซึ่งจะได้สีของแสงที่สามารถผสมกัน ได้ทั้งหมดประมาณ 16.7 ล้านสีด้วยกัน

               ค่ารหัสสีของแสงที่จะผสมกันและแสดงสีได้บนเว็บบราวเซอร์ โดยกลุ่มเลขฐาน 16 จำนวน 6 หลักนั้นใช้เป็นคำสั่งในการกำหนดค่าสี ตามกลุ่มของแม่สีของแสง RGB ( Red/Green/Blue ) และต้องใส่เครื่องหมาย # หน้ากลุ่มตัวเลขฐาน 16 นั้นเสมอ ตามตัวอย่าง

    ชื่อสีมาตรฐานต่างๆ

    ชื่อรหัสสี

    สีที่ได้บนเว็บบราวเซอร์

    ชื่อรหัสสี

    สีที่ได้บนเว็บบราวเซอร์

    #OOFFFF

    สีคราม

    #FF0000

    แดง

    #0000FF

    สีน้ำเงิน

    #FF00FF

    สีม่วง

    #FFFF00

    สีเหลือง

    #FFFFFF

    สีขาว

    #009900

    เขียว

    #999999

    เทา


     

                 2. การใส่ภาพให้พื้นหลัง background = "ชื่อภาพ.ส่วนขยาย"

หากมีการจัดเก็บรูปภาพต่าง Folder ต้องกำหนดเส้นทาง ( Path ) ของ Folder ให้ถูกต้อง ตามตัวอย่างต่อไปนี้

           ***** ไฟล์หรือแฟ้มข้อมูลภาพที่จะนำมาใช้ในการจัดทำเว็บเพจนั้น ไฟล์หรือแฟ้มข้อมูลภาพที่เป็นมาตรฐาน ที่สามารถนำมาใส่ในเว็บมีอยู่ด้วยกัน 3 ชนิด โดยแต่ละภาพก็มีลักษณะการนำมาใช้ที่แตกต่างกัน ดังนี้

  1. GIF (Graphic Intechange Format)

    2.

               ไฟล์หรือแฟ้มข้อมูลภาพชนิดนี้ นิยมใช้สำหรับภาพกราฟิคที่เป็นลักษณะลายเล้น ข้อความตัวอักษร หรือภาพการ์ตูนต่าง ๆ ซึ่งมีสีไม่มากนัก เพราะไฟล์ GIF มีค่าสีสูงสุดเพียง 256 สี ดังนั้น ทำให้ภาพกราฟิคที่เราจัดเก็บเป็นไฟล์หรือแฟ้มข้อมูลประเภท GIF เป็นภาพที่มีลักษณะทึบ และไม่สามารถไล่เฉดสีได้มากนัก แต่ข้อดีของไฟล์หรือแฟ้มข้อมูลประเภทนี้คือ เราสามารถสร้าง และจัดเก็บภาพประเภทนี้ให้มีลักษณะพื้นหลังโปร่งใส (Transparent) ซึ่งสามารถนำภาพเหล่านี้ ไปใช้กับพื้นหลังสีอะไรก็ได้ ไฟล์ภาพประเภทนี้มีไฟล์นามสกุลเป็น .gif

  2. JPG (Joint Photographic Expert Group)

    3.

               ไฟล์หรือแฟ้มข้อมูลประเภทนี้สามารถแสดงผลของสีได้สูงสุดถึง 16.7 ล้านสี ดังนั้นจึงเหมาะสำหรับ ภาพที่มีเฉดสีมาก ๆ เช่น ภาพถ่ายต่าง ๆ หรือภาพอื่น ๆ ที่มีสีมาก นอกจากนี้ยังสามารถเลือกที่จะบีบอัดไฟล์ภาพ ให้มีขนาดเล็กลงได้ แต่คุณภาพจะลดลง และไฟล์ประเภทนี้ไม่สามารถทำเป็นแบบพื้นหลังโปร่งใส่ได้ ไฟล์ภาพประเภทนี้มีไฟล์นามสกุลเป็น .jpg และ .jpeg

  3. PNG (Portable Network Graphic)

    4.

           ไฟล์หรือแฟ้มข้อมูลประเภทนี้จะมีให้เลือกจัดเก็บ 2 แบบคือ แบบ PNG-8 ซึ่งสามารถแสดงผลสีได้สูงสุด 256 สี และยังสามารถจัดเก็บเป็นแบบ PNG-24 ซึ่งสามารถแสดงผลสีได้สูงสุดถึง 16.7 ล้านสีเหมือนไฟล์ JPG นอกจากนี้ยังสามารถทำเป็นภาพพื้นหลังโปร่งใส เหมือนกับ GIF ได้ด้วย แต่ไฟล์ภาพประเภทนี้จะมี ขนาดไฟล์ใหญ่กว่าภาพ JPG มาก ดังนั้นจึงมักใช้การจัดเก็บภาพซึ่งมีขนาดเล็ก ๆ แต่มีการใช้สีมาก เช่น ภาพไอคอน ต่าง ๆ ไฟล์ประเภทนี้มีนามสกุล .png

 

           3. การใส่เสียง bgsound src=”ชื่อเพลง.ส่วนขยาย"

           การกำหนด music background ทำได้โดยการใช้ Tag คำสั่ง <bgsound src> ลงใน เว็บเพจดังตัวอย่าง <bgsound src="hotel_california.mid"> คือชื่อและที่อยู่ของ ไพล์ (file)แฟ้มข้อมูลเพลงที่ต้องการ หรือ ถ้าอยู่ใน Internet ก็ใช้คำสั่ง Src URL คือที่อยู่ของ ไพล์ (file) หรือแฟ้มข้อมูลเพลงนั้น เช่น

http://www.sambaweb.com/thai-dev

           สำหรับตัวแปร จำนวนรอบ คือจำนวนรอบของการวนเพลง หากต้องการให้วนไปเรื่อยๆ ให้ใช้คำสั่ง

<bgsound src="hotel_california.mid" loop="INFINITE"> หรือ ใช้ -1 แทน INFINITE ก็ได้