แหล่งเรียนรู้
⭕WORKSHOPที่1 ข้อความวิ่งจากซ้ายมาขวาแล้วหยุด
การทำตัวหนังสือวิ่ง คลิก! : http://vrisad.blogspot.com
⭕WORKSHOPที่2การใส่ลิงก์ฝังโดยสามารถขนาดความละเอียดของข้อความได้
⭕WORKSHOPที่3 QR CODE สามารถใส่เพลง ติ๊กตอกได้ สแกนได้
⭕WORKSHOPที่4 โค้ดการ์ตูนตกแต่งเว็บไซต์
ตัวอย่างโค้ด <a href="http://www.mycutespace.com" target="_blank"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/1mycutespace/commentimages/kawaiiglitter18.gif" border="0"></a><br><a href="http://www.photobucket.com/register.php?pbaffsite=13" target="_blank"><img src="http://i31.photobucket.com/albums/c364/carrielynne1/pblogo.gif" border="0" alt="Free Image Hosting @ Photobucket.com!"></a
⭕WORKSHOPที่5 โค้ดปฏิทินสวยๆ สำหรับติดเว็บไซต์ หรือ Blog
ตัวอย่างโค้ด <!-------Do not change below this line-------><div align="center"><iframe src="//widget.calendarlabs.com/v1/calendar.php?cid=1002&ver=1.2&uid=5270316023&c=26&l=en&cbg=000000&cfg=FFFFFF&hfg=FFFFFF&hfg1=FFFFFF&ct=80&cb=1&cbc=FFFFCC&cf=verdana&cp=top&sw=0&hp=t&ib=1&ibc=990000&i=https://1.bp.blogspot.com/-gzBth65CCYs/U2oOwejlOuI/AAAAAAAAK8M/5vsGjnVj8so-p4LygAdeRG_fbodZpoIqACPcBGAYYCw/w640-h480/wall-fresh_water_-_windows_7.jpg" align="center" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe></div><!-------Do not change above this line------->
⭕WORKSHOPที่6 การทำปุ่มกด
ตัวอย่างโค้ด <button onClick = “window.open(‘ไฟล์.html’)”> ข้อความ </button>
⭕WORKSHOPที่7 เทคนิคการสอน
