1.สอนวิธีใช้ HTML5 Video
เราสามารถใส่ไฟล์เพลง, ไฟล์ video
หรือไฟล์
flash ลงไปในหน้าเว็บเพจได้ ด้วย element <embed> หรือ
<object>
<embed> ใช้แสดงการทำงานของโปรแกรม
plug-in โดยนำไปผนวกกับเอกสาร HTML และอาจใส่ tag <noembed> ควบคู่ไปด้วย
เผื่อเว็บเบราเซอร์์รุ่นเก่าที่ยังไม่ support tag <embed> นี้
<embed src="url ไฟล์" width="number | %" height="number | %" >
<noembed><img src="url ไฟล์รูปภาพที่ให้แสดงเมื่อใช้ embed ไมไ่ด้" ></noembed>
</embed>
<noembed><img src="url ไฟล์รูปภาพที่ให้แสดงเมื่อใช้ embed ไมไ่ด้" ></noembed>
</embed>
เว็บไซต์ที่ต้องการเปลี่ยนโทนสีเว็บให้เป็นสีเทา greyscale สามารถทำได้อย่างง่ายดายโดยไม่ต้องปรับรูปภาพหรือสีฟอนต์/องค์ประกอบของเว็บใดๆ
เลย ด้วยการเพิ่มคำสั่งใน CSS ที่ควบคุมหน้าเว็บทั้งหน้าด้วย filter greyscale
ตามตัวอย่างโค้ดด้านล่างนี้
body {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /* IE */
-webkit-filter: grayscale(1); /* Chrome, Safari */
filter: grayscale(1); /* Firefox */
}
ท่านที่ใช้ WordPress สามารถแทรกโค้ด Custom CSS อย่างเช่นด้านบนนี้ผ่านทาง
เมนู > รูปแบบบล๊อก > ปรับแต่ง > Custom CSS แล้วเพิ่มคำสั่งด้านบนลงไป
จะเป็นเหมือนการใส่แว่นตัดสีให้ทั้งเว็บ เห็นเป็นโทนสีขาว-ดำ ไล่โทนเทา greyscale
อย่างง่ายดาย
ลองทำดูนะครับ
ถ้าท่านคิดว่าสิ่งนี้มีประโยชน์ ก็อย่าลืมแชร์ความรู้นี้ให้เพื่อนๆ
ผ่านทางปุ่มแชร์ หรือ comment ด้านล่างนี้นะครับ
3.การใช้ภาพพื้นหลัง
ภาพพื้นหลังเป็นสิ่งที่ทำให้เว็บของเราดูดีขึ้น แต่เราต้องคำนึงถึงเรื่องต่อไปนี้ด้วย
1.การใส่ภาพพื้นหลังที่ใหญ่มาก จะทำให้เว็บของเราโหลดได้ช้าลง
2.การใส่ภาพพื้นหลังที่ไม่ดีจะทำให้อ่านข้อความได้ยาก
3.การใส่ภาพพื้นหลังอาจทำให้สับสนระหว่างภาพที่เราใช้สื่อความหมายกับภาพพื้นหลังได้
4.การใส่ภาพพื้นหลังทำให้ตัวอักษรอาจลดความเด่นชัดลงไป
code ที่ใช้ใส่ภาพพื้นหลัง
เราใส่ code อ้างอิงที่อยู่ของภาพ ได้แบบเดียวกับที่เราเขียนอ้างอิง hyperlink
3.การใช้ภาพพื้นหลัง
ภาพพื้นหลังเป็นสิ่งที่ทำให้เว็บของเราดูดีขึ้น แต่เราต้องคำนึงถึงเรื่องต่อไปนี้ด้วย
1.การใส่ภาพพื้นหลังที่ใหญ่มาก จะทำให้เว็บของเราโหลดได้ช้าลง
2.การใส่ภาพพื้นหลังที่ไม่ดีจะทำให้อ่านข้อความได้ยาก
3.การใส่ภาพพื้นหลังอาจทำให้สับสนระหว่างภาพที่เราใช้สื่อความหมายกับภาพพื้นหลังได้
4.การใส่ภาพพื้นหลังทำให้ตัวอักษรอาจลดความเด่นชัดลงไป
code ที่ใช้ใส่ภาพพื้นหลัง
<body background="logo.jpt">
<body background="http://www.hellomyweb.com/images/logo.jpg"> |
เราใส่ code อ้างอิงที่อยู่ของภาพ ได้แบบเดียวกับที่เราเขียนอ้างอิง hyperlink
ไม่มีความคิดเห็น:
แสดงความคิดเห็น