วิธีการใช้งาน
FONT
COLORIZER
หลังจากที่คุณได้ดาวน์โหลดไฟล์ชื่อ fontcolor.zip มาแล้วให้ unzip เก็บในโฟลเดอร์ชื่อ HTML Font colorizer จากนั้นให้ก๊อบปี้ไฟล์ชื่อ hfc.exe เพื่อทำชอร์ตคัทไว้ใช้งานบนเดสท์ท็อป ลองดับเบิ้ลคลิกเรียกใช้งานดูซิครับ จะพบหน้าตาของโปรแกรมแบบนี้
เราจะทดลองใช้งานโปรแกรมกันเลย โดยเริ่มจาก
- ส่วนกำหนดสีที่ต้องการไล่เฉดต่าง ๆ Color list (ค่าปกติมี 4 สี สามารถเพิ่มลดได้ จากปุ่ม เครื่องหมาย + / - ทางด้านขวา)
- ส่วนป้อนข้อมูลตัวอักษร Input Text สามารถป้อนตัวอักษรลงไปได้ทั้งภาษาไทยและภาษาอังกฤษ (ข้อแนะนำไม่ควรยาวเกินกว่า 20 ตัวอักษรครับ เพราะจะได้ Tag ยาวเกินไป)
- ส่วนแสดง HTML Code เมื่อป้อนตัวอักษรและสั่งเปลี่ยนสีแล้ว จะมี Tag ไว้ให้เราก๊อบปี้ไปใช้ได้ทันที
- ส่วนแสดงผล Fade preview หลังจากการสั่งเปลี่ยนสีแล้วจะดูผลได้จากช่องนี้
- ปุ่มคำสั่งกำหนดพื้นสีฉากหลัง (ปุ่มบนสุดด้านขวามือ) เพื่อใช้ดูผลในช่อง Preview ว่าใช้ได้ตามที่ต้องการหรือไม่เมื่อนำไปใช้จริง (ไม่มีผลต่อพื้นหลังของงานโฮมเพจ)
- ปุ่มคำสั่งให้เปลี่ยนสี/แสดงผลในช่อง Preview (รูปดินสอสี) เมื่อคลิกแล้ว ในช่อง preview จะเปลี่ยนแปลง HTML Code ตามค่าที่กำหนดใหม่
- ปุ่มคำสั่งคัดลอก HTML Code ไปไว้ยังคลิปบอร์ด (รูปกระดาษ) เพื่อนำไปวางใน ไฟล์ HTML ต่อไป
- ปุ่มคำสั่งกำหนดรูปแบบฟอนต์ให้เป็นฟอนต์ภาษาไทย (อะไรก็ได้ เพื่อให้สามารถดู preview ได้) โดยคลิกที่อักษร A ตัวบนจากเครื่องมือด้านขวา
- ปุ่มคำสั่งกำหนดขนาดฟอนต์ (อักษร A ตัวล่าง) กำหนดได้ตั้งแต่ขนาด 1-6
- ปุ่มคำสั่งกำหนดรูปแบบของ HTML Code ที่ต้องการ (รูปเฟือง) เมื่อคลิกจะมีกรอบ ข้อมูลให้เลือก ได้แก่
Include fontname (ใส่ Tag ชื่อฟอนต์ด้วยหรือไม่) ไม่ควรเลือกเพราะเราจะกำหนดเองใน body tag
Include fontsize (ใส่ tag ขนาดฟอนต์ด้วยหรือไม่) ควรเลือก
Use " around text (ใส่เครื่องหมาย " ครอบรหัสสี) ควรเลือก
Auto colorize (ใส่ค่าสีอัตโนมัติ) ต้องเลือกอยู่แล้ว
- ประกาศความเป็นเจ้าของโปรแกรม (รูปหนังสือ) เผื่ออยากจะแจ้งข้อบกพร่อง หรือ Link ไปยังเว็บไซต์ของผู้ผลิตโปรแกรม
หลังจากกำหนดค่าต่าง ๆ ตามที่ต้องการแล้ว ก็ลองป้อนตัวอักษร ทดลองเปลี่ยนสีสันดู และนำไปวางในไฟล์ HTML ดูซิครับจะใช้ได้ง่ายดังใจนึกหรือไม่
|