About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

ว่าด้วยเรื่อง Tag Selectors ของ Dreamweaver [Article ID : 130]


เรื่อง : แนะนำการใช้ Tag Selectors ใน Dreamweaver

Tag Selectors มีประโยชน์อย่างมากในการใช้งานโปรแกรม ในการใช้โปรแกรม Dreamweaver พัฒนาเว็บไซต์ แต่ทว่า คนใช้โปรแกรม Dreamweaver กลับไม่ค่อยมีคนใช้ หรือไม่รู้จักมันเสียเท่าไหร่ บทความนี้จึงขอนำมาแนะนำ

Tag Selectors คืออะไร ?

Tag Selectors คือ Option ที่ใช้ในการเลือก Tag ของ HTML ที่ต้องการ โดยเราจะใช้เมื่อต้องมีการทำงานกับ Tag นั้น ซึ่ง Tag Selectors จะอยู่ที่แทบด้านล่างซ้ายมือของหน้าจอโปรแกรม Dreamweaver ดังรูป Tag Selector Dreamweaver

สำหรับการใช้งาน ก็โดยการที่เรานำเอา Cursor ไปวางไว้ยังตำแหน่งบนหน้าเว็บเพจเราในจุดที่ต้องการ จากนั้นที่ Tag Selector จะแสดง Tag ที่ใช้กำกับข้อมูลในส่วนนั้นให้เราทราบ

ที่ Tag Selectors ทำอะไรได้บ้าง ?

Tag Selectors มีประโยชน์มากมาย ในการใช้ Dreamweaver พัฒนาเว็บ เช่น เมื่อเราต้องมีเหตุที่จะต้องเข้าไปแก้ไขโค้ด หรือต้องการเลือก TAG ที่จำเป็นต้องใช้งาน ยกตัวอย่าง เช่น

ผมต้องการนำเอา TAG บาง TAG ออกจากส่วนประกอบของหน้าเว็บที่ผมต้องการ ผมก็เพียงแค่ Click ขวาไปที่ TAG ที่ผมต้องการลบออก แล้วเลือกที่ Remove TAG โดยผมไม่จำเป็นต้องเข้าไปดูที่ Code View ของโปรแกรมเลย ดังรูป

หรือหากเราต้องการจะทำการ Set CSS Class ให้แก่ TAG ใดของหน้าเว็บเรา เราก็เพียงแค่ Click ขวา แล้วเลือกที่ Set Class ดังรูป

หรือหากเราต้องทำการเขียนโค้ดแทรกกับ TAG ต่าง ๆ ก็สามารถกระทำได้โดยเลือกไปที่ Quick Tag Editor ดังรูป


โปรแกรมจะแสดง TAG ที่เราได้ทำการเลือกขึ้นมา เพื่อให้เราทำการแก้ไขโค้ดตามที่เราต้องการ ดังรูป


Request for MySQLi Database Connector

Tag Selectors มีประโยชน์อย่างมากในการพัฒนาเว็บกับ Dreamweaver โดยเฉพาะเมื่อต้องมีการทำงานในส่วนของโค้ด HTML อย่างไรก็ลองฝึกใช้งานกันดูนะครับ.
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



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

การ Insert ไฟล์ Flash Video มาใช้กับเว็บ (FLV)

เรื่อง : การ Insert ไฟล์ Flash Video มาใช้งานกับเว็บเพจด้วย Dreamweaver Dreamweaver สามารถนำไฟล์ Media...  

การตั้งไซต์งานใหม่ (New Site, Site Setup)

เรื่อง : เริ่มต้นใช้งานโปรแกรม Dreamweaver ต้องทำ Site Setup ก่อน ก่อนที่เราจะใช้งานโปรแกรม Dreamweaver...  

การติดตั้ง Extension (How to install extension)

เรื่อง : การติดตั้ง Extension ให้กับโปรแกรม Dreamweaver Dreamweaver Extension คือ โปรแกรมช่วยเสริมและขยา...  

สร้างจุด Link ภายในเว็บเพจเดียวกัน (Named Anchor)

เรื่อง : การสร้างจุด Link ภายในเว็บเพจเดียวกันด้วย Dreamweaver Web Page เราสามารถกำหนดจุด หรือตำแห...  


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

*
*
*