เรื่อง :: การนำ CODE ภาษาแทรกลงใน webpage

บางครั้งเมื่อเราไปสมัครขอ Counter เพือนับจำนวนผู้ชม หรือ ไปขอ Free Guestbook, Free Webboard ต่าง ๆ กับผู้ให้บริการของฟรีเหล่านั้นตามเว็บไซค์ต่าง ๆ เมื่อเราทำการ Register เสร็จ เว็บผู้ให้บริการเหล่านั้นก็จะให้ Code ซึ่งเป็นภาษา HTML หรือ อาจจะเป็น ภาษา Java Script ก็ได้ ปัญหาอย่างหนึ่งที่ผู้เริ่มจัดทำเว็บใหม่ ๆ คือ ไม่รู้ว่าจะนำเอาโค้ดที่ได้จากผู้ให้บริการเหล่านั้น ไปติดไว้ที่ไหนบนหน้าเว็บเพจของเรา เพราะว่าอาจจะเพิ่งมาจับโปรแกรมในการทำเว็บเพจ แต่ตัวเองไม่เคยเขียนโปรแกรม หรือ ไม่รู้จักภษา HTML มาก่อน ครั้งจะเปิดเข้าไปดูโค้ดต่าง ๆ เหล่านี้ก็งงเหลือเกินไม่เข้าใจ
      ในบทความนี้จึงเขียนขึ้นมาเพื่อให้ผู้ใช้ Dreamweaver ซึ่งไม่รู้ภาษา HTML มาก่อนได้ทำความเข้าใจเกี่ยวกับการนำเอา code ที่กล่าวไปข้างต้น มาใส่หรือติดไว้ในเว็บเพจของเราได้..

---

วิธีการแทรก code

1. เมื่อเราได้ไปสมัครเป็นสมาชิกเพื่อใช้งาน Counter จากผู้ให้บริการรายใด ๆ แล้ว (หรือ guestbook, webboard, หรืออื่น ๆ ) ผู้ให้บริการนั้นก็จะแจกโค้ดภาษา HTML ให้กับเรา เช่น <img src="http://www.counter.com/freecount.pl?mem=yourname" border='0' height='30' width='50'> เป็นต้น เมื่อเราได้โค้ดในรูปแบบดังกล่าวมาแล้ว ให้เราทำการ copy มาเก็บไว้ จะเก็บไว้โดยการไป paste ที่โปรแกรม Notepad ก่อนก็ได้

2. หลังจากก็อปปี้มาแล้ว ต่อไปให้เราทำการเปิดโปรแกรม Dreamweaver ขึ้นมา พร้อมกับเปิดไฟล์เว็บเพจที่เราต้องการจะติด Counter ที่เราขอไว้ขึ้นมา

3. เมื่อเราเปิดไฟล์เว็บเพจของเราขึ้นมาแล้วต่อไป ให้เราทำการนำเอา Cursor (ที่เป็นขีด ๆ แล้วกระพริบ ๆ ตอนพิมพ์งานนะแหละ) ไปวางไว้ในตำแหน่งที่เราต้องการจะติด Counter นั้น

4. หลังจากนั้นให้เรา Copy โค้ดที่เราได้มา โดยการ Copy จากโปรแกรมที่เรานำเอาโค้ดไปวางไว้ตามข้อ 1 ที่ผ่านมา

5. จากนั้นไปที่ Menu Bar ด้านบน แล้วให้ click เลือกที่ Edit จากนั้นเลือกไปที่ Paste HTML ดังรูป Pic.1

Pic.1

 

5. ก็เป็นอันเสร็จสิ้นการนำเอาโค้ดมาใส่แล้วครับ หลังจากนั้นให้คุณทำการ Up Load เว็บเพจนี้ไปไว้บน Server ครับ แล้วก็ทดสอบเรียก webpage นั้นดู (Counter หรือ Stat ต้องเรียกดูเมื่อคุณ Online อยู่นะครับ) คุณก็จะเห็น Counter หรืออื่น ๆ ที่คุณใส่ไว้ครับ

P.S. อาจจะมีวิธีแทรกโค้ดที่ดีกว่านี้ครับสำหรับ Dreamweaver แต่เท่าที่ผมลองดูหลาย ๆ แบบแล้ววิธีนี้ดีที่สุดครับ เพราะง่ายที่สุดครับ