วันอาทิตย์ที่ 24 มกราคม พ.ศ. 2553

การกำหนดขนาดตัวอักษรโดยใช้ Css Style

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

ขั้นตอนการทำ

1. สร้างเอกสารขึ้นมา แล้วพิมพ์ข้อความลงในเว็บเพจนั้น ดังภาพ

2. จากนั้นทำการสร้าง Css โดยเริ่มจากเข้าไปที่เมนู Define Styles (Ctrl+F6) จะแสดงหน้าต่าง ดังภาพ
* ถ้าไม่ได้ใช้ Template ที่ช่อง Style จะว่างเปล่า

3. จากนั้นกดปุ่ม ที่เมนูด้านล่างของหน้าต่าง Styles จะมีหน้าต่างขึ้นมา ดังภาพ

4. จากนั้นให้กำหนดชื่อของ Css ทีเราต้องการใช้ ในที่นี้ผมยกตัวอย่างเช่น ผมต้องการกำหนดขนาดตัวอักษร 12 point และจะใช้ Font : Tahoma ทำการกำหนด ดังภาพ

5. หลังจากที่สร้าง Css : Font 12 เรียบร้อยแล้วก็ถึงขั้นตอนการนำมาใช้ให้ทำการ Highlight ในส่วนของข้อความที่เราต้องการกำหนดขนาด ดังภาพ

6. จากนั้นทำการเลือก Class ที่ Properties ด้านล่าง ดังภาพ

7. เพียงเท่านี้เราก็สามารถกำหนดขนาดให้กับตัวอักษรภายในเว็บเพจได้แล้ว โดยที่สามารถเปิดดูที่เครื่องที่ไหนก็ได้จะมีขนาดเท่ากับ 12 point ทุกครั้ง

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

แสดงความคิดเห็น