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



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

วิธีเปลี่ยน CSS Designer ใน Dreamweaver CC เป็น CSS Styles Panel ในแบบดั่งเดิม

เรื่อง: เปลี่ยน CSS Designer ใน Dreamweaver CC เป็น CSS Styles Panel แบบ CS6 การใช้ CSS...  

สร้างปุ่มกด Submit ของ Form ด้วยรูปภาพ

เรื่อง : การสร้างปุ่ม Submit แบบใช้รูปภาพด้วย Dreamweaver เห็นตามเว็บบอร์ดต่าง ๆ มักมีผู้สนใจอยากจะทำปุ่ม Submit ของ Form โ...  

การออกแบบเว็บเพจให้ชิดขอบของ Web Browser

เรื่อง : วิธีทำให้ Web Page ชิดขอบของ Web Browser หากการออกแบบ Web Page แล้วมีปัญหาในเรื่องของการแสดงผลว่า...ทำไมเว็บเพจ...  

การติดตั้ง Dreamweaver Extension ในแบบ Command Line

เรื่อง : วิธีการติดตั้ง Extension ในแบบ Command Line Dreamweaver CC 2015 (หรือเวอร์ชั่นที่สูงกว่า) ท่าน...  


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

*
*
*