Photo Album
วันอังคารที่ 29 พฤศจิกายน พ.ศ. 2559
Tech &Tips
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
Diary
Diary
1.การศึกษา
ประถมศึกษา เรียนอยู่ที่โรงเรียนเทศบาลวัดชัยชุมพล
มัธยมศึกษา เรียนอยู่ที่โรงเรียนสตรีทุ่งสง
อุดมศึกษา มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตตรัง
2.กิจกรรมยามว่าง
เมื่อมีเวลาว่างก็จะปลูกต้นกระบองเพชรเเละดูแลต้นไม้ที่ปลูกไว
เมื่อถึงตอนเย็นก็จะไปออกกำลังกายที่ฟิตเนส กี่ฬาที่เล่นคือเวท เทรนนิ่ง
3.สิ่งที่ชอบ
สัตว์เลี้ยงที่ชอบ: สุนัข งู ปลา กุ้ง
ต้นไม้ที่ชอบ: กระบองเพชร ไม้เลื้อย ไม่ผลต่างๆ
เกมส์ที่ชอบ: FIFA ONLINE , PointBlank , GTA V
สถานที่ท่องเที่ยวที่ชอบ: ทะเล ป่า เเละสถานที่ธรรมชาติต่างๆ
ประวัติส่วนตัว
ประวัติส่วนตัว
ชื่อ: นาย สุรพัศ สันทัดการ
ชื่อเล่น: กัน
เกิด: วันพฤหัสบดี 21 กันยายน พ.ศ.2538
สัญชาติ: ไทย
ศาสนา: พุทธ สถานภาพ: โสด
ภูมิลำเนา: 17 ถ.เอเซีย ต.ปากแพรก อ.ทุ่งสง จ.นครศรีธรรมราช
มีพี่น้อง 4 คน:ชาย 3 คน หญิง 1 คน เป็นบุตรคนที่ 4
โทรศัพท์: 085-7906051
สมัครสมาชิก:
บทความ (Atom)