หน้าเว็บ

Tech&Tips


การทำโฆษณาแบบพับเก็บได้

            การทำโฆษณาแบบพับเก็บได้(close)บนหน้าเว็บนั้นสามารถทำได้หลายวิธี และหลายแบบด้วยกัน เช่นรูปภาพ หรือ Flash ซึ่งในปัจจุบันเป็นที่นิยมกันอย่างแพร่หลาย
ขั้นตอนการทำมีดังนี้
เตรียมรูปภาพ โดยอาจจะวาด หรือเขียนปุ่มปิดไว้ในรูปด้วยโปรแกรมให้เรียบร้อย ดังภาพตัวอย่าง
จากนั้นวาด Layer ลงในเว็บเพจ 1 Layer พร้อมตั้งชื่อ " ads " ดังภาพ
จากนั้นนำรูปภาพที่เตรียมไว้วางใส่ลงไปใน Layer โดยใช้ Hotspot สร้างส่วนที่จะให้ผู้ใช้กดปุ่มปิดหน้าต่าง           ดังภาพ และใช้ Hotspot สร้างส่วนที่จะให้ผู้ใช้ click แล้ว link ไปยังเว็บไซต์ที่ต้องการ
เลือกเครื่องมือ Behaviors (Shift+F3) ใช้ Action เครื่องมือ Show-Hide Layers สั่งให้ซ่อน Layer " ads "
ถ้า Show-Hide Layers ไม่ขึ้นให้เลือกที่จุด Hotspot ที่เราสร้างไว้ตอนแรกก่อน
จากนั้นให้สังเกตุที่เครื่องมือ Behaviorsสถานะของ Mouse อยู่ที่ onMouseOver ให้เราทำการเปลี่ยนเป็นonClick ดังภาพ
ถ้าไม่มีให้เลือกให้ไปแก้ที่โค้ดแทนก็ได้ 
  6 กดปุ่ม F12 บนคีบอร์ด เพื่อแสดงผลกับบราวเซอร์ จะได้ผลลัพท์ดังภาพ





- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - -  - - - -


         การทำ Search Engineการทำ Search Engine

1.  ใส่ Keyword ใน Title ของหน้าเว็บการใส่ keywords ใน title นี้จะช่วยทำให้ Search Engine ต่างๆ รู้ว่า เว็บเราทำเรื่องเกี่ยวกับอะไร
การใส่ Key Word

ที่ต้องการในส่วนด้านบนของเว็บไซต์และการเน้นด้วยตัวหนาใส่ keywords ที่เราต้องการให้ระบบของ google จับไปว่า เว็บไซต์ของเราทำเรื่องเกี่ยวกับอะไรนั้น ก็ควรใส่keywords นั้นๆ เป็นตัวหนา เป็น head1 head2

3  หลีกเลี่ยงการออกแบบเว็บไซต์ด้วย Flash หรือรูปภาพเยอะ Search Engine ต่างๆ จะอ่านไม่ออกนะเพราะ Search engine มันอ่านได้แต่ตัวอักษรหรือ html ปกติเท่านั้น
4  หลีกเลี่ยงใช้ออกแบบเว็บไซต์ด้วยเฟรม
5  ใช้ keyword ที่บริเวณ ลิงค์เชื่อมโยงมาตรฐาน (Standard Text Link)
 การใช้ Text link เป็นตัวเชื่อมโยง แล้วแทรก Keyword ผสมเข้าไปด้วย
6  ควรตั้งชื่อไฟล์รูปภาพ และใส่คำอธิบายให้กับภาพการตั้งชื่อไฟล์รูปภาพ
7  จด Domain name ด้วย Keyword
การใช้ Keyword หลักของเว็บในการจด Domain name
8  เรียก Robot เข้ามาเยี่ยมชมเว็บไซต์
เราสามารถเรียก robot ของ google ให้เข้ามาเยี่ยมชมที่เว็บไซต์เราได้โดย เข้าไปที่ http://www.google.com/addurl/ เพื่อ add ชื่อเว็บไซต์ของเรา เพื่อให้ google เข้าไปเก็บข้อมูลและเนื้อหาของเราและใส่เว็บไซต์ของเราลงไปในฐานข้อมูลของ google
9  แลกลิงค์กับเว็บไซต์อื่นๆ
10 ทำ Site Map ให้กับเว็บไซต์ของคุณ เมื่อระบบของ google วิ่งมาในเว็บไซต์เราแล้ว รู้ว่า ควรจะไปทางไหน เหมือนกับเป็นแผนที่นำทาง พา google ไปเยี่ยมชมเว็บไซต์เราให้ครบทุกจุด




- - - - - - - - - - -  - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


การทำ 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

ไม่มีความคิดเห็น:

แสดงความคิดเห็น