About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

การนำ Code ภาษา HTML/JavaScript แทรกลงใน Web Page [Article ID : 17]


เรื่อง : นำโค้ด HTML หรือ JavaScript แทรกลงในเว็บเพจด้วย Dreamweaver

บ้างครั้งเราทำเว็บไซต์ อาจจะต้องมีการไปสมัครเป็นสมาชิกใช้บริการจากเว็บไซต์อื่น ๆ เพื่อนำบริการบางอย่างของเขามาติดที่หน้าเว็บของเรา หรืออาจจะต้องการนำข้อมูลบางอย่างที่เขามีมาแสดงที่เว็บของเรา เช่น ไปสมัครเว็บเก็บสถิติคนเยี่ยมชม หรืออาจจะเข้าไปที่ YouTube แล้วต้องการนำคลิปวีดีโอบางคลิปมาใส่ไว้ที่หน้าเว็บของเรา เป็นต้น ซึ่งส่วนใหญ่เว็บเหล่านั้น ก็จะให้บริการเป็น Code ภาษา อาจจะเป็น HTML หรือ JavaScript เมื่อได้มาแล้ว จะนำมาวางที่หน้าเว็บของเราได้อย่างไร ? บทความนี้จะมาแนะนำกัน

วิธีการนำโค้ดมาวางที่หน้าเว็บด้วยโปรแกรม Dreamweaver

HTML/JavaScript เป็นภาษาที่ใช้ในการพัฒนาเว็บไซต์ ซึ่งเมื่อเราได้โค้ดเหล่านี้มาแล้ว หากต้องการนำมาใช้กับหน้าเว็บ สามารถกระทำได้ ดังนี้

1. ทำการ Copy โค้ดจากผู้ให้บริการ ดังรูป จากรูปเป็นการ Copy โค้ดจากเว็บ youtube.com เพื่อนำคลิปวีดีโอมาแสดงที่หน้าเว็บ

2. จากนั้นมาที่เว็บเพจที่เราต้องการนำโค้ดไปใช้ ซึ่งได้เปิดรอไว้แล้วกับโปรแกรม Dreamweaver
3. ที่หน้าเว็บเพจให้เราเลือกตำแหน่งที่ต้องการนำโค้ดไปวาง หรือตำแหน่งที่ต้องการให้โค้ดนั้นแสดงผล เมื่อเลือกได้แล้วนำเมาท์หรือ Cursor ไปวาง
4. จากนั้นทำการคลิกขวา (Right Click) เลือกที่ Insert HTML... ดังรูป 5. จะปรากฎช่องเป็น Popup เล็ก ๆ ที่ชื่อว่า Insert HTML: ขึ้นมาเพื่อให้พิมพ์โค้ดลงไป ให้เราลบโค้ดเริ่มต้นที่โปรแกรมแสดงขึ้นมา
(ลบ < >) ดังรูป 6. จากนั้นวาง (Paste) โค้ดที่เรา Copy มาจากข้อ 1 ลงไป ดังรูป 7. เมื่อวางโค้ดได้แล้ว ทำการกดที่ปุ่ม Enter ของคีย์บอร์ด หรือคลิกไปยังตำแหน่งอื่นที่หน้าเพจ โปรแกรมจะทำการแทรกโค้ดให้เรา ดังรูป ทั้งนี้การแสดงผลที่โปรแกรม Dreamweaver ของท่านอาจไม่เหมือนดังรูปข้างต้น ซึ่งขึ้นอยู่กับโค้ดที่นำมาวาง ว่าเป็นโค้ดอะไรแสดงผลอย่างไร

8. ทำการ Save และกด F12 เพื่อพรีวิวดูผลกับ Web Browser
เป็นอันเสร็จสิ้นการนำโค้ด HTML หรือ JavaScript ที่ได้นำมาวางไว้ในเว็บเพจของเรา อย่างไรลองใช้กันดูครับ
About the Author
Mr.Sittichai Raksasuk

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com



บทความอื่นที่คุณอาจสนใจ

เก็บ Code ที่ชื่นชอบไว้ใช้นาน ๆ (Snippets Panel)

เรื่อง : การเก็บโค้ดโปรแกรมไว้ใช้กับโปรแกรม Dreamweaver เคยมีแฟนเว็บบางท่านเข้ามาถามว่า "พี่มีวิธีเก็บโค้ดที่เร...  

สร้างระยะเยื้องให้บรรทัดแรกของข้อความย่อหน้า (text-indent)

เรื่อง : สร้างระยะเยื้องให้บรรทัดแรกของย่อหน้าด้วย Dreamweaver หลายท่านคงมีปัญหา เมื่อทำการพิมพ์ข้อความที่เป็นเนื้อหาของห...  

การเขียนโค้ดโปรแกรมด้วย PHP กับ Dreamweaver (PHP with Dreamweaver)

เรื่อง : PHP กับโปรแกรม Dreamweaver บทความนี้จะขอมาแนะนำการใช้งานโปรแกรม Dreamweaver กับการเขียนโปรแกรมด้วยภาษา PHP ครับ ...  

การ Optimize รูปภาพ ด้วย Dreamweaver

เรื่อง : การ Optimize รูปภาพโดยใช้โปรแกรม Dreamweaver การใช้งานรูปภาพประกอบหน้าเว็บเรานั้น สิ่งหนึ่งที่เราต้องคำนึงถึง...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*