การใส่ภาพพื้นหลัง ให้เว็บเพจ
HTML
ภาพพื้นหลังเป็นสิ่งที่ทำให้เว็บของเราดูสวยงามแต่ถ้าเราใช้ภาพพื้นหลังที่ไม่ดี อาจส่งผลเสียกับเว็บเราได้ ในบทความนี้จะเป็นตัวอย่างของการใส่พื้นหลังที่ดี และไม่ดีลองพิมพ์ดูง่ายนิดเดียว คลิกที่หัวข้อเพื่อทดลองพิมพ์
1.สีพื้นหลังที่ดี
ตัวอย่างของภาพพื้นหลังที่ดี สีของตัวหนังสือและพื้นหลังแตกต่างกันเห็นได้ชัดเจน และสีพื้นหลังเป็นสีที่อ่อนทำให้อ่านแล้วสบายตา
2.สีพื้นหลังที่ไม่ดี
ตัวอย่างพื้นหลังที่ไม่ดีเนื่องจากว่าสีพื้นหลัง และตัวหนังสือเป็นสีสว่างเหมือนกัน ทำให้อ่านได้ยาก
ตัวอย่าง code ที่ใช้กับสีพื้นหลัง
|
<body bgcolor="#000000"> กำหนดสีโดยใช้ hexadecimal number <body bgcolor="rgb(0,0,0)"> กำหนดสีโดยใช้ RGB value <body bgcolor="black"> กำหนดสีโดยใช้ชื่อของสีเอง |
การใช้ภาพพื้นหลัง
ภาพพื้นหลังเป็นสิ่งที่ทำให้เว็บของเราดูดีขึ้น แต่เราต้องคำนึงถึงเรื่องต่อไปนี้ด้วย
1.การใส่ภาพพื้นหลังที่ใหญ่มาก จะทำให้เว็บของเราโหลดได้ช้าลง
2.การใส่ภาพพื้นหลังที่ไม่ดีจะทำให้อ่านข้อความได้ยาก
3.การใส่ภาพพื้นหลังอาจทำให้สับสนระหว่างภาพที่เราใช้สื่อความหมายกับภาพพื้นหลังได้
4.การใส่ภาพพื้นหลังทำให้ตัวอักษรอาจลดความเด่นชัดลงไป
code ที่ใช้ใส่ภาพพื้นหลัง
|
<body background="logo.jpt"> <body background="http://www.hellomyweb.com/images/logo.jpg"> |
เราใส่ code อ้างอิงที่อยู่ของภาพ ได้แบบเดียวกับที่เราเขียนอ้างอิง hyperlink
3.การใส่ภาพพื้นหลังที่ดี
ตัวอย่างการใส่ภาพพื้นหลังที่ดี ทำให้เว็บไซต์ดูน่าสนใจขึ้น
4.การใส่ภาพพื้นหลังที่ไม่ดี
ตัวอย่างการใส่ภาพพื้นหลังที่ไม่ดีทำให้เว็บไซต์มีประสิทธิภาพลดลงไป
เกี่ยวกับบทความนี้
- ระดับความยาก : พื้นฐาน
- คะแนนของบทความนี้ : 8
- สร้างเมื่อ : 16-05-2010
- จำนวนครั้งที่เปิด : 8,822
- เนื้อหาที่เกี่ยวข้อง :
- -
คลิกที่ สุดยอด! เพื่อโหวตให้กับบทความนี้หากคิดว่าน่าสนใจ
บทความอื่นๆในหมวดลองทำเว็บไซต์ แบบง่ายๆ (12 เรื่อง)
บทนำ HTML
ที่มาของ HTML และพื้นฐานการใช้งาน HTML ในบทนี้จะเป็นต้องใช้โปรแกรมอย่าง Text editer ถ้าคุณยังไม่เคยใช้งานแนะนำให้อ่านหัวข้อ ลองทำเว็บแบบง่ายๆ ดูก่อนเพื่อเป็นพื้นฐานในการอ่านบทนี้
สร้างเมื่อ : 16-05-2010 9:01 | จำนวนครั้งที่เปิด : 7,523
โครงสร้างคำสั่งของ HTML
ในบทนี้จะเป็นโครงสร้างคำสั่ง(tag) ของ HTML
สร้างเมื่อ : 16-05-2010 10:12 | จำนวนครั้งที่เปิด : 10,494
คำสั่งในการจัดหน้า
ในบทนี้จะเป็นคำสั่ง Tag พื้นฐานของ HTML ในส่วนของ body section ที่ใช้ในการจัดหน้าเช่น จัดย่อหน้า จัดให้ชิดซ้าย ชิดขวา
สร้างเมื่อ : 16-05-2010 8:18 | จำนวนครั้งที่เปิด : 6,940
คำสั่งในการกำหนดลักษณะตัวอักษร และแสดงสัญลักษณ์ต่างๆ
ตัวเอียง ตัวหนา บทนี้จะบทคำสั่งที่เกี่ยวกับตัวอักษรทั้งหลายกัน รวมถึงสัญลักษณ์ต่างๆ
สร้างเมื่อ : 16-05-2010 8:18 | จำนวนครั้งที่เปิด : 6,712
เชื่อมต่อเอกสารของเราด้วย hyperlink
เว็บไซต์ของเราประกอบด้วย web page มากมาย ซึ่งเราจะใช้ hyperlink ในการเชื่อมโยงเอกสารเหล่านั้น
สร้างเมื่อ : 16-05-2010 8:19 | จำนวนครั้งที่เปิด : 4,249
แบ่งหน้าจอโดยใช้ Frame
ปรกติเราจะแสดงเว็บเพจใน browser ได้ที่ละ 1 เว็บเพจ แต่ถ้าเราใช้ Frame เราจะสามารถแสดงเว็บเพจได้หลายๆเว็บเพจในหน้าเดียว โดยจะแบ่งหน้าของ browser ออกเป็นส่วนๆ โดยใช้ Frame
สร้างเมื่อ : 16-05-2010 9:59 | จำนวนครั้งที่เปิด : 4,991
Table คำสั่งที่สำคัญสุดในการทำเว็บเพจ
ในหน้าเว็บเพจของเราประกอบด้วยข้อมูลมากมาย จึงจำเป็นที่จะต้องจัดเรียงข้อมูลให้เป็นระเบียบเพื่อให้อ่านงาน และใช้งานพื้นที่ได้คุ้มค่าที่สุด ซึ่งตารางจะช่วยเราได้มาก และนิยมใช้มากในการจัดรูปแบบหน้าตาของเว็บไซต์
สร้างเมื่อ : 16-05-2010 8:23 | จำนวนครั้งที่เปิด : 4,778
list จัดข้อมูลในเว็บเพจให้เป็นระเบียบ
list tag ใช้ในการจัดข้อมูลเป็นชุดๆ หรือเป็นหัวข้อ ซึ่งจะทำให้ข้อมูลอ่านได้ง่ายขึ้น
สร้างเมื่อ : 16-05-2010 8:23 | จำนวนครั้งที่เปิด : 2,695
การสร้างแบบฟอร์ม
เว็บไซต์นั้นต่างจากเอกสารธรรมดา ตรงที่สามารถตอบโต้กับผู้ใช้งานได้ เช่นการใช้ search (ค้นหา) ในเว็บไซต์ hellomyweb.com ช่องรับค่าของ search นั้นก็คือแบบฟอร์มใน html นั่นเอง
สร้างเมื่อ : 16-05-2010 8:37 | จำนวนครั้งที่เปิด : 3,638
การใส่รูปในเว็บเพจ
รูปนั้นสามารถบรรยายรายละเอียดได้ดีกว่าคำพูดมาก ดังนั้นแทบทุกเว็บไซต์จึงมีรูปอยู่เกือบทุกเว็บไซต์ ในบทความนี้เราจะมาใส่รูปในเว็บเพจกัน
สร้างเมื่อ : 16-05-2010 8:24 | จำนวนครั้งที่เปิด : 3,876
การใส่ภาพพื้นหลัง ให้เว็บเพจ
ภาพพื้นหลังเป็นสิ่งที่ทำให้เว็บของเราดูสวยงามแต่ถ้าเราใช้ภาพพื้นหลังที่ไม่ดี อาจส่งผลเสียกับเว็บเราได้ ในบทความนี้จะเป็นตัวอย่างของการใส่พื้นหลังที่ดี และไม่ดี
สร้างเมื่อ : 16-05-2010 10:17 | จำนวนครั้งที่เปิด : 8,822
การใช้งานสีในเว็บเพจ
สีสันนั้นอยู่คู่กับเว็บเพจอยู่แล้ว เพราะนอกจากจะทำให้เว็บดูสวยงามน่าสนใจแล้ว ยังช่วยให้การอธิบายข้อความดีขึ้นอีก ในบทความนี้เราจะมีดูการใช้งานสีกัน
สร้างเมื่อ : 16-05-2010 8:26 | จำนวนครั้งที่เปิด : 3,233
