1.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 ไปยังเว็ปต์ไซด์ ดังรูปภาพhttps%3A%2F%2Fwww.facebook.com%2Fpages%2FWeb-design-PSU-Trang-53- Group- 3%2F317967628295715&s=6
5.ก็จะได้ QR Code แล้วสามารถใช้อุปกรณ์ที่สามรถ scan QR code เพื่ออ่าน สิ่งที่อยู่ภายใต้ QR code ได้ด้วย
2.การทำ counter แบบตัวอักษร
การทำ counter แบบตัวอักษร ที่สามารถแยกนับแต่ละหน้าเว็บได้ สำหรับผู้ที่ทำเว็บเพจ การใช้counter ฟรีที่มีให้บริการตามที่ต่าง ๆ ก็ดูสวยดี แต่หากต้องการที่จะทำการนับ จำนวนผู้ที่เข้าชม เว็บเพจของเราในแต่ละหน้าแยกจำนวนออกจากกัน จะทำอย่างไร พอดีไปเจอ CGI ทำ counter แบบง่าย ๆ และเห็นว่าน่าใช้งานดี เลยถือโอกาสนี้ นำมาฝากกัน ก็สำหรับผู้ที่ใช้โฮสต์แบบที่รองรับ CGI เช่นHypermart.net เท่านั้นนะครับ โดยผมได้นำมาจากhttp://www.utilmind.comซึ่งมีความสามารถพิเศษคือ เป็น counter แบบตัวเลขที่ทำงานโดยการเรียก CGI โดยไม่ต้องระบุอะไรมากนัก โปรแกรมจะทำการตรวจสอบชื่อของไฟล์ html ที่เรียกและสร้างฐานข้อมูลสำหรับการนับ พร้อมทั้งแสดงผลเป็นตัวเลขได้ทันที ดูตัวอย่างการทำงานได้ จากการนับ จำนวนผู้เข้าชม ในแต่ละหน้าที่ด้านล่างขวามือ นี่แหละครับ การใช้งานและติดตั้งก็ง่ายมาก ๆ โดยทำตามขั้นตอนต่อไปนี้
1. ดาวน์โหลด source code และทำการ unzip เก็บไว้ในโฟล์เดอร์ /cgi-bin/counter/
2. ไฟล์ข้างในจะประกอบด้วย
counter.cgi คือไฟล์ที่เป็น cgi สำหรับรัน
counter.txt คือไฟล์สำหรับเก็บข้อมูลการนับ
index.html คือตัวอย่างการใส่ code สำหรับการเรียก counter.cgi
3. ทำการ upload ทั้งหมดไปเก็บไว้ที่ Server ของ hypermart โดยใช้ FTP Program
4. ไฟล์ counter.cgi ขณะที่ Upload ต้องเลือก mode แบบ ASCII ด้วยและเปลี่ยน mode เป็น755 ก่อน
5. ที่หน้าเว็บเพจไหน หากต้องการทำการนับจำนวน ให้หาที่ว่าง ๆ ใส่ code นี้ลงไป
จำนวนผู้เข้าชม <!--#include virtual="/cgi-bin/counter/counter.cgi"--> ครั้ง
หรือดูตัวอย่างจากไฟล์ index.html ที่ดาวน์โหลดไปก็ได้
6. ตรวจสอบใน source code ของไฟล์ html ก่อนนะครับว่าไม่มีสัญญลักษณ์ต่าง ๆ ปะปนอยู่ด้วย
7. หลังจากนั้น โปรแกรมจะทำงานโดยอัตโนมัติเมื่อมีผู้เรียกดูหน้าเว็บเพจ โดยที่เราไม่ต้องระบุชื่อไฟล์html เลย
8. สามารถตรวจสอบจำนวนของ counter ได้โดยการเรียกดูไฟล์ /cgi-bin/counter/counter.txt
3.ทำ ALBUM รูปภาพ แบบมีปุ่มเลือกรูปถัดไปและย้อนกลับ
- นำ CODE ด้านล่างไปไว้ที่ <head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function changeImage()
{
mainimage.src =
list.options[list.selectedIndex].value;
}
function prevImage()
{
if(list.selectedIndex
== 0)
{
list.selectedIndex
= list.options.length-1;
}
else
{
list.selectedIndex--;
}
changeImage();
}
function nextImage()
{
if(list.selectedIndex
== list.options.length-1)
{
list.selectedIndex
= 0;
}
else
{
list.selectedIndex++;
}
changeImage();
}
// End -->
</script>
- ต้องการให้แสดง ALBUM ที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่น <body>
<div align="center">
<img name="mainimage"
border="1">
<br>
<input type="button" value="ภาพที่แล้ว" onclick="javascript:prevImage()"
style="font-family: Microsoft Sans Serif; font-size: 10pt; color: #000080;
border: 1px dashed #FF0000; background-color: #FFFFCC">
<select id="list"
onchange="javascript:changeImage()">
<!-- วิธีการเพิ่มรูปภาพใน ALBUM
COPY CODE ด้านล่างนี้ไปวางไว้ต่อจากบรรทัดของ ภาพที่ 4
<option value="urlpic.jpg">ภาพที่ ....</option>
-->
<option value="../../../images/dove.gif">ภาพที่ 1</option>
<option
value="../../../images/ywings.gif">ภาพที่ 2</option>
<option
value="../../../images/spider.gif">ภาพที่ 3</option>
<option value="../../../images/xray.gif">ภาพที่ 4</option>
</select>
<input type="button" value="ภาพถัดไป" onclick="javascript:nextImage()"
style="font-family: Microsoft Sans Serif; font-size: 10pt; color: #000080;
border: 1px dashed #FF0000; background-color: #FFFFCC">
</div>
