วันพุธที่ 3 มิถุนายน พ.ศ. 2552

มาใส่สีตัวอักษรกันดีฝ่า

หายไป 3 วันไม่ได้หลบไปเที่ยวไหนนะครับ พอดีที่บ้านกำลังรื้อระบบไฟใหม่ เลยถูกตัดการเชื่อมต่อจากโลกไซเบอร์ *-* ตอนนี้ก็กลับเข้าสู่ภาวะปกติแล้ว (ประมาณ 80%) เอาละครับ ตามที่ตกลงกันไว้ว่า คราวนี้เราจะมาเรียนรู้การใส่สีตัวอักษร พร้อมๆกันเล๊ยยย

การใส่สีตัวอักษรมีหลายวิธีการ แต่ที่จะนำเอามาบอก เล่าสู่กันฟังมีอยู่ 2 วิธีการคือ

  • ใส่สีทั้งหน้าเพจ
  • ใส่สีให้ตัวอักษรบางกลุ่ม
เรามาลองดูวิธีการที่
1.ใส่สีตัวอักษรทั้งหน้าเพจกันก่อน สิ่งที่จำเป็นต้องรู้ในวรยุทธ์นี้คือ <BODY> ที่เคยเจอกันในบทแรกๆนั่นแหละครับ ยังจำได้ไหมว่ามันเอาไว้ทำอะไร ถ้าลืมก็กลับไปอ่านก่อน คลิกที่นี่

ขั้นตอนต่อมาคือการเพิ่ม แอทริบิว(attribute) TEXT="#ค่าสี" เข้าไปใน TAG BODY ลองมาดูวิธีการเขียนจริงๆกัน

<BODY Text="#ค่าสี">
......
<BODY>

แล้วค่าสีนั้นเอามาจากที่ไหน
  • ตารางค่าสี (ซื้อมาก็ได้)
  • โปรแกรมแต่งภาพต่างๆ Photoshop, Illustrator (เข้าที่โหมดเลือกสี)
  • Add-on ของ FireFox ColorZilla
  • เขียนชื่อแทนโค้ทสี เช่น สีแดงก็ red, darkred, maroon, crimson etc.
  • และอีกหลายวิธีการ ฯลฯ
อ่ะลืมถาม ยังจำเรื่องค่าสี RGB กันได้ไหมเนี๊ยะถ้าลืมก็กลับไปอ่านก่อน เด๋วจะไม่เข้าใจนะจ๊ะ

ค่าสี RGB

*** หมายเหตุ ***
ค่าสีปกติคือสีดำ ถ้าจะใช้สีดำเป็นตัวอักษรหลักก็ไม่จำเป็นต้องใส่โค้ทตัวนี้แต่อย่างใด
งงกันไหมอ่ะ ค่อยๆทำความเข้าใจกันไปนะไม่ยากหรอก ต่อไป มาดูการใส่สีแบบที่2กัน

การใส่สีให้ตัวอักษรบางกลุ่มด้วย <FONT> + Attribute Color

เช่นการที่เราจะเน้นข้อความให้มีสีสันที่ หัวข้อ/บทความ/ชื่อผู้แต่ง ฯลฯ
สมมุติผมเขียนบทความมาอันนุง และจะให้เน้นสีเฉพาะคำว่า โค้งอันตราย

รูปแบบจะออกมาเป็นแบบนี้

<Font color="red"> โค้งอันตราย </Font>
หรือ
<Font color="#FF0000"> โค้งอันตราย </Font>

ก็ได้ อันนี้ไม่ยากเลยเหมือนกับการใส่ Link ใส่ ภาพนั่นเอง
ทีนี้ลองไปทำให้ตัวอักษรคำว่า โค้งอันตราย เป็นสีแดง + กระพริบ + ตัวหนา กันดูนะทำได้ป่าว

โค้งอันตราย

วันนี้แค่นี้ก่อนนะครับ ถ้ายังงงๆ สงสัยก็ถามเอาไว้ได้นะใน คอมเมนท์ แล้วจะมาตอบให้

ไม่มีความคิดเห็น: