Tech & Tip เด็ดๆ สำหรับเว็บไซต์
1. การทำ ToolTip
ToolTip คือ ข้อความหรือกลุ่มของข้อมูลสั้น ๆ
ที่ใช้อธิบายคำหรือจุดที่ต้องการอธิบายเพิ่มเติมบนหน้าเว็บ เช่น
บนหน้าเว็บอาจจะมีข้อความเป็นศัพท์ทางเทคนิคอยู่
ถ้าคนทั่วไปอ่านแล้วอาจจะไม่เข้าใจในคำนั้น ก็อาจจะสร้างเป็นลักษณะTooltip ไว้สำหรับอธิบายคำนั้นบนหน้าเว็บก็ได้
วิธีการทำ
1. ขั้นตอนแรกให้ทำการเลือกบริเวณข้อความ หรือตำแหน่งที่ต้องการใช้ทูลทิปนี้
2. จากนั้นไปที่ Insert Bar -> Spry แล้วเลือกที่
icon Spry
Tooltip
3.โปรแกรมจะทำการแสดงกรอบข้อความสำหรับให้เราทำการพิมพ์ข้อความที่จะแสดงเป็น
Tooltip ให้เรา
4. ให้เราทำการพิมพ์ข้อความที่ต้องการลงไปตามต้องการ
หรือคุณจะทำการแทรกรูปภาพลงไปด้วยก็ได้
5. จากนั้นทำการเลือกที่กรอบ Spry
Tooltip: (กรอบสีฟ้า ๆ ล้อมรอบข้อความ) แล้วให้เราทำการกำหนดค่าที่ Properties
6. จากนั้นทำการ Saveไฟล์ ถ้าหากเป็นการบันทึกครั้งแรกที่มีการใช้งาน Tooltip โปรแกรมจะแสดงหน้าต่างดังรูป ให้เราทำการกดปุ่ม OK เพื่อให้เราทำการบันทึกไฟล์ที่เกี่ยวข้อง
ซึ่งไฟล์ทั้งหมดนี้ เมื่อเราจะนำไปใช้งานบน Hosting เราต้องทำการอัพโหลดขึ้นไปด้วย
7. กด F12 ทำการ
Preview แสดงผลกับ Browser
8. หากต้องการตกแต่งข้อความหรือกรอบของ Tooltip เราสามารถกำหนดได้จาก
CSS ที่ชื่อว่า Tooltip Content
2. การทำ RSS เพื่อดึงข่าวเว็บอื่นมาติดเว็บไซต์
นำ Code ด้านล่างไปไว้ในตำแหน่งที่ต้องการให้แสดงข่าว
วิธีการทำ
ข่าวบันเทิง
1.<iframe src
="http://www.zabzaa.com/news/entertain/entertain.php"
2.marginwidth=0 marginheight=0
hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360>
</iframe>
ข่าวบันเทิงต่างประเทศ
1.<iframe src
="http://www.zabzaa.com/news/ent/ent.php"
ข่าวการเมือง
1.<iframe src
="http://www.zabzaa.com/news/politic/politic.php"
2.marginwidth=0 marginheight=0
hspace=0 vspace=0 frameborder=0 scrolling=No width=468
height=350></iframe>
ข่าวกีฬา
1.<iframe src
="http://www.zabzaa.com/news/sport/sports.php"
2.marginwidth=0marginheight=0
hspace=0 vspace=0 frameborder=0 scrolling=No width=468
height=350></iframe>
ข่าวอาชญากรรม
1.<iframe src
="http://www.zabzaa.com/news/crime/crime.php"
2.marginwidth=0 marginheight=0
hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>
ข่าวเทคโนโลยี
1.<iframe src
="http://www.zabzaa.com/news/technology/technology.php">
2.marginwidth=0 marginheight=0
hspace=0 vspace=0 frameborder=0 scrolling=No width=468
height=360></iframe>
ตัวอย่าง
3. การทำ กล่องข้อความจำกัดกลุ่มผู้เข้าใช้งาน
บางเว็บไซด์จะมีการจำกัดอายุการใช้งาน
เพื่อป้องกันกลุ่มคนที่ไม่เหมาะสมเข้าใช้งาน
วิธีการอย่างหนึ่งที่ใช้ก็คือการสร้างกล่องข้อความเพื่อให้ระบุอายุของผู้ใช้
เมื่อสิ่งที่กรอกเข้ากับเงื่อนไขของเว็บ ก็จะสามารถเข้าใช้งานได้
แต่หากไม่เข้าเงื่อนไข ก็จะทำให้ผู้ใช้ไม่สามารถเข้าใช้เว็บไซด์ได้
การสร้างกล่องจำกัดอายุทำได้ไม่ยาก เพียงแค่นำ Code ต่อไปนี้ไปใส่ในส่วนของ <head>
<script
language="javascript">
varagePrompt=prompt("ระบุข้อความเพื่อให้ใส่อายุของผู้เข้าใช้งาน");
if (agePrompt>=ตัวเลขอายุที่จำกัดไว้)
alert('ข้อความแสดงให้ผู้เข้าใช้สามารถเข้าใช้ได้')
else {
alert('ข้อความแสดงให้การปฏิเสธการใช้งานไปยังผู้เข้าใช้')
document.location="ระบุเว็บไซด์เพื่อนำทางให้ผู้ใช้งานไปยังเว็บไซด์อื่น";
}
</script>
ตัวอย่างการใช้งาน
กล่องข้อความระบุให้ใส่อายุ
หากอายุที่ระบุเข้าเงื่อนไขที่ให้เข้าใช้เว็บไซด์ได้
ก็จะสามารถเข้าใช้งานเว็บไซด์ดังกล่าวได้
