บทที่ 6 การตกแต่งข้อความด้วย Dreamweaver


ทีนี้มาเริ่มใส่ตัวอักษร และแก้ไข ปรับแต่งตัวอักษรในหน้าเว็บไซต์เรากันบ้างดีกว่า สำหรับการแก้ไขปรับแต่งตัวอักษรใน Dreamweaver นี้ สามารถทำได้ง่ายมาก ค่ะ


หลักการพิมพ์ตัวอักษร
1. พิมพ์ตัวอักษรตามปกติ เมื่อต้องการขึ้นบรรทัดใหม่ ย่อหน้าใหม่ ก็กด Enter บนคีย์บอร์ดได้เลย (จะเป็นการเรียกใช้แท็ก p)
2. ถ้าหากเพื่อนๆต้องการขึ้นบรรทัดใหม่ โดยไม่เว้นช่องว่าง ให้กด Shift+Enter นะคะ (จะเป็นการเรียกใช้แท็ก br)
3. ถ้าหากต้องการปรับแต่งตัวอักษรส่วนไหน เช่น ปรับสี ปรับขนาด เลือกแบบฟอนต์ จัดตำแหน่ง ก็ให้ลากข้อความส่วนที่ต้องการแก้ไข แล้วคลิกที่เครื่องมือสำหรับแก้ไขได้เลยค่ะ





แถบเครื่องมือแต่ละอัน จะมีลูกศรีชี้ลง ให้เลือกได้ค่ะ





หมายเหตุ : ตอนสร้างหน้าเว็บไซต์ พื้นที่สีขาวๆ เปล่าๆ นั้น เอาไว้สร้างเว็บไซต์ค่ะ จะมีส่วนที่เป็นโค้ด กับส่วนที่เป็นผลลัพธ์ เราสามารถเลือกดูได้ 3 มุมมอง ปกติเราจะดูแบบ Split คือ ดูแบบโค้ด ควบกับผลลัพธ์ไปด้วยเลย หรือบางคนก็จะดูแบบ Design อย่างเดียว อันนี้แล้วแต่ความถนัดค่ะ สามารถคลิกเลือกดูได้ที่ปุ่มนี้ค่ะ

เรายังสามารถจัดรูปแบบข้อความ จากแถบเครื่องมือ Insert ในแท็บ Text ได้ด้วยนะคะ





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


และก็ยังมีอุปกรณ์สำหรับจัดรูปแบบข้อความซ่อนอยู่ ให้คลิกขวาตรงพื้นที่สร้างเว็บ จะพบเมนูเหมือนในภาพด้านล่างนะคะ ส่วนมากเราจะใช้ในส่วนของ Style ค่ะ เพื่อเลือกรูปแบบเพิ่มเติม ตามที่เราต้องการ





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


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



Create Date : 21 มกราคม 2553
Last Update : 21 มกราคม 2553 14:46:09 น. 2 comments
Counter : 9539 Pageviews.

 
แวะมาทักทายค่ะ


โดย: Elbereth วันที่: 21 มกราคม 2553 เวลา:20:29:11 น.  

 
ขอบคุณครับ


โดย: clubp_mark วันที่: 27 มกราคม 2553 เวลา:0:06:38 น.  

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

Buckethuy
Location :
Thailand United States

[ดู Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 26 คน [?]




Group Blog
 
<<
มกราคม 2553
 12
3456789
10111213141516
17181920212223
24252627282930
31 
 
21 มกราคม 2553
 
All Blogs
 
Friends' blogs
[Add Buckethuy's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.