About DwThai.Com 00

DwThai.Com

Tip and Trick Dreamweaver

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

Go to Post-iT Sign Guestbook

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

การใส่สัญลักษณ์พิเศษให้กับข้อความบนหน้าเว็บเพจ [Article ID : 129]

เรื่อง : การใส่สัญลักษณ์พิเศษเพื่อแสดงยังหน้าเว็บเพจ

สำหรับการใส่สัญลักษณ์พิเศษ เช่น © ¥ ™ ƒ ÷ หรืออื่น ๆ โปรแกรม Dreamweaver สามารถสร้างให้เราได้ครับ โดยใช้เครื่องมือ และขั้นตอนต่าง ๆ ดังนี้

วิธีการใส่สัญลักษณ์พิเศษด้วย Dreamweaver

1. ที่ Insert เลือกที่ Character (Insert -> Text -> Character, สำหรับเวอร์ชั่น CC เลือก Insert -> Common -> Character ) ดังรูป

ในรูปเป็น Dreamweaver CC

2. กดไปที่เครื่องหมายสามเหลี่ยมข้าง ๆ รูป Icon เพื่อเลือก Character ที่คุณต้องการ ดังรูป

จากรูปข้างต้น เป็นการเลือกที่สัญลักษณ์ Copyright ซึ่งจะแสดงผลเป็น ©

3. เมื่อเลือกได้แล้ว โปรแกรมจะทำการ Insert สัญลักษณ์ที่เลือกนั้นบนหน้าเว็บเพจ ตรงตำแหน่งที่ Cursor วางอยู่ในปัจจุบัน ดังรูป

สัญลักษณ์พิเศษอื่น ๆ

สำหรับสัญลักษณ์พิเศษอื่น ๆ ที่โปรแกรมไม่ได้แสดงเป็นไอคอนให้เราได้เลือกกับรายการนั้น เราก็สามารถใส่เข้าไปได้ครับ ดังนี้

1. คลิกเลือกไปที่รายการ Other Characters เพื่อเลือกสัญลักษณ์อื่น ๆ ได้ ดังรูป

2. ที่หน้าต่าง Insert Other Characters นี้ หากเรายังไม่พบสัญลักษณ์ที่เราต้องการ เราสามารถพิมพ์โค้ดของสัญลักษณ์ที่เราต้องการลงไปได้ที่ช่อง Insert ดังรูป

รูปข้างต้นได้ทำการพิมพ์โค้ดรหัส &hearts; ซึ่งเป็นโค้ดสำหรับแสดงรูปหัวใจ เมื่อกดที่ปุ่ม OK จะได้ ดังรูป

** โค้ดรหัสสัญลักษณ์ต่าง ๆ ท่านอาจจะดูได้จากเว็บไซต์นี้ http://www.ascii.cl/htmlcodes.htm
หวังว่าบทความนี้จะเป็นประโยชน์ให้กับผู้ที่ต้องการสร้างสัญลักษณ์พิเศษลงหน้าเว็บเพจของตนเองบ้างครับ

About the Author

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 (Text Link)

การสร้าง Link ในแบบ Text Link Link หรือ ลิงค์ เป็นจุดเชื่อมโยงที่ปรากฎบนหน้าเว็บ เพื่อให้ผู้ใช้งานเว็บสามารถคลิกหรือกด...

การทำ Rollover Image (เปลี่ยนรูปภาพเมื่อ MouseOver)

เรื่อง : การทำ Rollover Image กับโปรแกรม Dreamweaver หลายท่านคงเคยพบหรือเคยใช้งานเทคนิคที่เราเรียกกันว่า Rollov...

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

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

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

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