> กำหนดที่ตั้งของเว็บไซต์
> การเช็ดไทยใน Dream4
> การเช็ดไทยใน DreamMX
+ บันทึก-เรียกดูเว็บเพจ
- การบันทึก
- การเรียกดู
+ อุปกรณ์เบื้องต้น
- ตอนที่ 1
- ตอนที่ 2
+ ตัวอักษร
- เริ่มใช้งาน
- Tip & Trick
- การจัดรูปแบบอักษร
+ พื้นหลัง (ฺBackground)
- Text & Link
- Margin
+ การนำภาพลงเว็บเพจ
- วิธีทำ
- สาเหตุภาพไม่ปรากฏ 1
- สาเหตุภาพไม่ปรากฎ 2
- Rollover Image
- Navigation bar
+ ตาราง
- สร้างตาราง
- การเลือกตาราง
- คุณสมบัติตาราง
- cell colum row
- การรวม Cell
- การแบ่ง Cell
+ Layer
- การใช้เลเยอร์
- เลเยอร์ที่สร้างแล้ว
- ปัญหา layer ซ้อนทับกัน
- Layer Perference
+ การทำจุดเชื่อมโยง (Link)
- link ให้ตัวอักษร
- link ด้วยภาพ
- link hotspot
+ Flash
- การแทรก Flash
- ทำให้พื้นหลังโปร่งใส่
- Flash button
+ เฟรม (frame)
- ตอนที่ 1
- ตอนที่ 2
- ตอนที่ 3
- ตอนที่ 4

+ JumpMenu
- ตอนที่ 1
- ตอนที่ 2
+ css
- การสร้าง css
- กำหนดตัวอักษร
+ Behaviors
- ข้อความที่ Status bar
- เรียก Pop up

การจัดรูปแบบอักษร

Format การจัดรูปแบบตัวอักษร
การจัดรูปแบบตัวอักษรหรือเรียกว่า Format ใน Dreamwearver มีการใช้คำสั่งเหมือนกับ Microsoft word การ Format text ใน Dreamweaver มีสองรูปแบบคือ HTML Tags กับ Style Sheet โดย Css หรือ Style Sheet จะใช้เฉพาะ Browser 4.0 ขึ้นไปเท่านั้น แต่จะขอแนะนำให้ใช้ค่า Css จะดีกว่าการใช้ค่า Css มาช่วยในการทำเวบเพื่อช่วยประหยัดเวลาในการเซ็ท Font ทีละย่อหน้า และเป็นการบังคับให้ผู้ชมเวบใช้ Font ที่เรากำหนดเท่านั้น

Formatting text wirh html tags
คือการเขียน Tags HTML เพื่อช่วยจัดย่อหน้า และขนาดหัวเรื่องเท่านั้นเองการนำไปประยุกต์ใช้งานค่อนข้างจำกัด แต่มีข้อดีคือ Browser ทุกรุ่นจะสามารถ Format ด้วย Tags เหล่านี้ได้

การเรียกใช้ Formatting text with HTML tags
ให้ทดลองพิมพ์ข้อความอะไรก็ได้ลงในหน้าเวบเพจ แล้วลองมาจัดระเบียบด้วยวิธีนี้

- พิมพ์ข้อความ ป้ายทับข้อความที่ต้องการจัด
- การเรียกใช้ โดยการเลือกที่เมนู Text > Styles หรือคลิกขวาที่ข้อความ
- Align เป็นการจัดข้อความให้ชิดซ้าย กลาง หรือขวา

Style เป็นลักษณะของตัวอักษรเหมือนกับ word เช่น ตัวหนา ตัวเอียง ขีดเส้นใต้ หรือว่าอาจจะใช้ Property inspector สามารถเรียกใช้โดย กด Ctrl + F3 จะปรากฎภาพดังรูปนี้ครับ

** ส่วนมากนั้นผมก็ใช้ตัวนี้เป็น หลักครับ **

Format with Style sheets
Style sheets ก็เหมือนการเก็บค่า Format ในรูปแบบสไตล์ของเราเอาไว้หลาย ๆ แบบไม่ว่าจะ Font, ขนาด, สีที่ใช้, การจัดย่อหน้า (ใช้จดจำโค้ด HTML บางอย่างได้อีกด้วย) เมื่อเราเก็บไว้หลาย ๆ แบบย่อหน้านี้ เราต้องการสไตล์ไหนก็คลิกเลือกได้เลย เมื่อเวบเพจเขียนเสร็จแล้วจะดึงมาเฉพาะค่า Css ที่เราเรียกใช้เท่านั้น Cssจึงนำมาช่วยการออกแบบให้สะดวกมากขึ้น

<< Back :: ^ top ^