การใส่ภาพพื้นหลัง ให้เว็บเพจ

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.การใส่ภาพพื้นหลังที่ไม่ดี
    ตัวอย่างการใส่ภาพพื้นหลังที่ไม่ดีทำให้เว็บไซต์มีประสิทธิภาพลดลงไป

เกี่ยวกับบทความนี้

  • ระดับความยาก : พื้นฐาน
  • คะแนนของบทความนี้ : 12
  • สร้างเมื่อ : 16-05-2010
  • จำนวนครั้งที่เปิด : 320,977
  • เนื้อหาที่เกี่ยวข้อง :
      -

คะแนนความน่าสนใจ

233295

คลิกที่ สุดยอด! เพื่อโหวตให้กับบทความนี้หากคิดว่าน่าสนใจ

บทความอื่นๆในหมวดลองทำเว็บไซต์ แบบง่ายๆ (12 เรื่อง)

บทนำ HTML

บทนำ HTML

ที่มาของ HTML และพื้นฐานการใช้งาน HTML ในบทนี้จะเป็นต้องใช้โปรแกรมอย่าง Text editer ถ้าคุณยังไม่เคยใช้งานแนะนำให้อ่านหัวข้อ ลองทำเว็บแบบง่ายๆ ดูก่อนเพื่อเป็นพื้นฐานในการอ่านบทนี้

สร้างเมื่อ : 16-05-2010 9:01 | จำนวนครั้งที่เปิด : 91,261


โครงสร้างคำสั่งของ HTML

โครงสร้างคำสั่งของ HTML

ในบทนี้จะเป็นโครงสร้างคำสั่ง(tag) ของ HTML

สร้างเมื่อ : 16-05-2010 10:12 | จำนวนครั้งที่เปิด : 345,257


คำสั่งในการจัดหน้า

คำสั่งในการจัดหน้า

ในบทนี้จะเป็นคำสั่ง Tag พื้นฐานของ HTML ในส่วนของ body section ที่ใช้ในการจัดหน้าเช่น จัดย่อหน้า จัดให้ชิดซ้าย ชิดขวา

สร้างเมื่อ : 16-05-2010 8:18 | จำนวนครั้งที่เปิด : 121,824


คำสั่งในการกำหนดลักษณะตัวอักษร และแสดงสัญลักษณ์ต่างๆ

คำสั่งในการกำหนดลักษณะตัวอักษร และแสดงสัญลักษณ์ต่างๆ

ตัวเอียง ตัวหนา บทนี้จะบทคำสั่งที่เกี่ยวกับตัวอักษรทั้งหลายกัน รวมถึงสัญลักษณ์ต่างๆ

สร้างเมื่อ : 16-05-2010 8:18 | จำนวนครั้งที่เปิด : 115,183


เชื่อมต่อเอกสารของเราด้วย hyperlink

เชื่อมต่อเอกสารของเราด้วย hyperlink

เว็บไซต์ของเราประกอบด้วย web page มากมาย ซึ่งเราจะใช้ hyperlink ในการเชื่อมโยงเอกสารเหล่านั้น

สร้างเมื่อ : 16-05-2010 8:19 | จำนวนครั้งที่เปิด : 57,902


แบ่งหน้าจอโดยใช้ Frame

แบ่งหน้าจอโดยใช้ Frame

ปรกติเราจะแสดงเว็บเพจใน browser ได้ที่ละ 1 เว็บเพจ แต่ถ้าเราใช้ Frame เราจะสามารถแสดงเว็บเพจได้หลายๆเว็บเพจในหน้าเดียว โดยจะแบ่งหน้าของ browser ออกเป็นส่วนๆ โดยใช้ Frame

สร้างเมื่อ : 16-05-2010 9:59 | จำนวนครั้งที่เปิด : 85,041


Table คำสั่งที่สำคัญสุดในการทำเว็บเพจ

Table คำสั่งที่สำคัญสุดในการทำเว็บเพจ

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

สร้างเมื่อ : 16-05-2010 8:23 | จำนวนครั้งที่เปิด : 80,420


list จัดข้อมูลในเว็บเพจให้เป็นระเบียบ

list จัดข้อมูลในเว็บเพจให้เป็นระเบียบ

list tag ใช้ในการจัดข้อมูลเป็นชุดๆ หรือเป็นหัวข้อ ซึ่งจะทำให้ข้อมูลอ่านได้ง่ายขึ้น

สร้างเมื่อ : 16-05-2010 8:23 | จำนวนครั้งที่เปิด : 38,891


การสร้างแบบฟอร์ม

การสร้างแบบฟอร์ม

เว็บไซต์นั้นต่างจากเอกสารธรรมดา ตรงที่สามารถตอบโต้กับผู้ใช้งานได้ เช่นการใช้ search (ค้นหา) ในเว็บไซต์ hellomyweb.com ช่องรับค่าของ search นั้นก็คือแบบฟอร์มใน html นั่นเอง

สร้างเมื่อ : 16-05-2010 8:37 | จำนวนครั้งที่เปิด : 69,681


การใส่รูปในเว็บเพจ

การใส่รูปในเว็บเพจ

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

สร้างเมื่อ : 16-05-2010 8:24 | จำนวนครั้งที่เปิด : 58,287


การใส่ภาพพื้นหลัง ให้เว็บเพจ

การใส่ภาพพื้นหลัง ให้เว็บเพจ

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

สร้างเมื่อ : 16-05-2010 10:17 | จำนวนครั้งที่เปิด : 320,977


การใช้งานสีในเว็บเพจ

การใช้งานสีในเว็บเพจ

สีสันนั้นอยู่คู่กับเว็บเพจอยู่แล้ว เพราะนอกจากจะทำให้เว็บดูสวยงามน่าสนใจแล้ว ยังช่วยให้การอธิบายข้อความดีขึ้นอีก ในบทความนี้เราจะมีดูการใช้งานสีกัน

สร้างเมื่อ : 16-05-2010 8:26 | จำนวนครั้งที่เปิด : 49,399