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

Dreamweaver

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

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

รูปที่ใช้ทำพื้นหลัง



เว็บเพจที่ใส่พื้นหลังเรียบร้อยแล้ว



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

    1.เปิดหน้าเว็บเพจที่ต้องการปรับแต่ง

    2.ไปที่ Menu เลือก Modify > Page Properties

    3.จะมีหน้าต่างขึ้นมาดังรูปด้านล่าง

    4.ที่ categoty ทางซ้ายมือเลือก appearance จะมีหน้าจอให้ปรับดังรูป



    5.Background image ใช้กำหนดภาพพื้นหลังของเว็บเพจ โดยคลิกที่ Browse จะมีหน้าต่างให้เลือกภาพที่จะใช้แสดงเป็นพื้นหลัง

    6.Repeat ใช้กำหนดการแสดงผลของภาพพื้นหลัง โดยมีคำสั่งดังนี้

        1.no-repeat ให้แสดงผลภาพพื้นหลังเพียงครั้งเดียว

        2.repeat ให้แสดงผลภาพพื้นหลังซ้ำกันหลายๆครั้งจะเต็มพื้นที่เว็บเพจ

        3.repeat-x ให้แสดงผลภาพพื้นหลังซ้ำกันเฉพาะในแนวนอนเท่านั้น

        4.repeat-y ให้แสดงผลภาพพื้นหลังซ้ำกันเฉพาะในตั้งนอนเท่านั้น

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

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

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

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

55912

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

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

การบีบอัดไฟล์รูป

การบีบอัดไฟล์รูป

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

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


การใส่รูป และการจัดตำแหน่งของรูป

การใส่รูป และการจัดตำแหน่งของรูป

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

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


เครื่องมือที่ใช้ปรับแต่งภาพของ Dreamweaver

เครื่องมือที่ใช้ปรับแต่งภาพของ Dreamweaver

ในบทความนี้จะเป็นเรื่องเครื่องมือของ Dreamwerver ที่ใช้ในการตัดแต่งภาพ เช่น ปรับขนาดภาพ , ปรับความคมชัดของภาพ , ปรับแสง และเครื่องมือที่ใช้ในการบีบอัดไฟล์รูป [br]

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


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

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

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

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


Image map

Image map

image map เป็นการสร้างจุด (hot spot) บนรูปภาพ และให้จุดเหล่านั้นเป็นลิงค์ โดยเราจะสร้างกี่จุดในรูปก็ได้ ตัวอย่างการใช้งาน เช่น รูปการตูนที่มีหลายตัวละครในภาพเดียว เราจะทำ hot spot ให้กับรูปตัวละครแต่ละตัวแล้วให้ลิงค์ไปยังรายละเอียดของตัวละครนั้น

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