การทำ ToolTip กับ Dreamweaver CS4
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
 |
QR CODE ทำได้ด้วยตัวเอง
1.ไปยังเว็บต์ไซด์
http://www.qrcodethai.com/maker.php
โดยเลือกคลิกแท็บรูปแบบข้อมูล
ที่ต้องการแปลงเป็น QR CODE ต่อมา กรอกชื่อเว็บต์ไซด์ในช่อง URL และเลือกขนาดของรูป QR CODE ที่ต้องการให้แสดงผล 
2.จากนั้นคลิก Generate ระบบจะแสดงผลรูป QR
CODE พร้อมลิ้งค์สำหรับนำ QR CODE
ไปใช้งานให้ Copy URL ที่ปรากฏในช่อง Link 
3.วิธีการติดตั้ง QR CODE ในเว็บต์ไซด์ สร้าง ไฟล์ HTML
ใน Notepad หรือ โปรแกรม
Dreamweaver ก็อบ CODE ไปไว้ที่โปรแกรมที่เราจะสร้าง ( ตัวอย่าง NOTEPAD ) 
4.เชื่อมโยง
QR
CODE ไปยังเว็ปต์ไซด์ ดังรูปภาพ
 
5.ก็จะได้ QR Code แล้วสามารถใช้อุปกรณ์ที่สามรถ scan QR code เพื่ออ่าน
สิ่งที่อยู่ภายใต้ QR
code ได้ด้วย
ตัวอย่าง
 |
ดึงข่าวเว็บอื่นมาติดเว็บไซต์ ตัวอย่าง
วิธีการทำนำ Code ด้านล่างไปไว้ในตำแหน่งที่ต้องการให้แสดงข่าวบันเทิง
<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>2. ข่าวบันเทิงต่าง
ประเทศ1.<iframe src ="http://www.zabzaa.com/news/ent/ent.php"2. marginwidth=0 marginheight=0
hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360></iframe>3. ข่าวการเมือง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>4. ข่าวกีฬา1.<iframe
src ="http://www.zabzaa.com/news/sport/sports.php"2.marginwidth=0 marginheight=0 hspace=0
vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>5. ข่าวอาชญากรรม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>6. ข่าวเทคโนโลยี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>
