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



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

การสร้างจุด Link ด้วยรูปภาพ (Image Link)

เรื่อง : การสร้าง Link ในแบบ Image Link ในบทความก่อนได้แนะนำการสร้างลิงค์ด้วยข้อความกันไปแล้ว มาในบทความนี้ จะมาแนะนำการ...  

การรวมเซลของตาราง หรือการ Merges Cells

เรื่อง : การรวมเซลของตาราง (Merges Cells) บางครั้งเมื่อเราสร้างตาราง (Table) ขึ้นมาซึ่งประกอบด้วยเซล (Cell) หลาย ๆ เซล ...  

การแทรกวัน-เวลาเพื่อแสดงบนเว็บเพจ (Insert Date)

เรื่อง : การพิมพ์วันที่-เวลาเพื่อแสดงผลที่หน้าเว็บเพจ หลายครั้งการสร้าง Web Page ขึ้นมา เราต้องการบันทึกวัน-เวลาลงไปแสด...  

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

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


Copyright ©2003-2016 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

*
*
*