CSS

การทำ CSS โดย Dreamweaver

เปิดCSS ได้โดยไปคลิกที่เมนูวินโดว์แล้วเลือก CSS Styles แล้วจะปรากฏแถบของCSSขึ้นทางด้านขวาของจอ




1.การสร้างcss styles โดยคลิกปุ่ม+ที่ด้านล่างของแถบcssกำหนดชื่อ ลักษณะรูปแบบของสไตล์แล้วกดโอเค

2.กำหนดลักษณะต่างๆเช่น ฟอนต์ ขนาด ความหนา-บาง และอื่นๆ

3.กด โอเคสามารถใช้สไตล์ได้โดยลากเมาส์ครอบตัวอักษรแล้วดูที่แถบProperties>Stylesแล้วเลือสไตล์ที่ต้องการข้อดีแล้วข้อเสียของcss

ข้อดีของCSS



1.ตัวอักษรมีหลายลักษณะ

2.สามารถสร้างกรอบล้อมรอบได้ ทำให้ดูสนใจมากยิ่งขึ้น

ข้อเสียของCSS



1.มีcssในเว็บ ทำให้ไม่สามารถย่อหรือขยายcssได้2.ถ้าในเครื่องไม่มีฟอนต์ของcssก็ไม่สามารถดูฟอนต์นั้นได้

Frames

ข้อดีและข้อเสียของเฟรม/การนำเฟรมไปใช้
ข้อดีคือ

1.ใช้แบ่งเนื้อที่ของเพจ
2.สามารถเปิดเว็บในส่วนต่างๆของเพจได้

ข้อเสียคือ

1.ยิ่งเฟรมเยอะยิ่งจะทำให้โหลดโหลดเพจนานขึ้น
2.ถ้าเฟรมเยอะเกินไปจะทำให้ดูน่าเกลียด

ใช้เฟรมทำเว็บโดย

1.ใช้สร้างแทปเมนู
2.กำหนดเป็นเทมเพลต(ต้นแบบ)ของเว็บได้

การทำ Q&A

อย่างที่รู้ๆกันว่าจะต้องใช้โค้ดจากDreamwaverนะครับแต่ว่าในที่นี้มีวิธีทำที่ง่ายกว่าการก๊อฟโค้ดจากดรีมเวฟเวอร์ซึ่งก้คือเว็บhttp://www.internetraining.com/Templates/CKQuiz/index.html กระผมจะขอใช้ในเวบนี้แทนนะขอรับ ^^(ง่ายต่อการอธิบาย)
1. ก้เข้าไปในเวบข้างต้นแล้วเลือก Radio Buttons ตรง How many questions in the quiz? ให้ใส่จำนวนของคำถามที่ต้องการจะตั้งลงไปแล้วกด Submit
2. ตรง How many choices per question? ให้ใส่จำนวนตัวเลือกของคำถามที่ต้องการแล้วกดต่อด้วย Submit
3. ใส่หัวข้อคำถามและคำตอบลงไปทางด้านขวามือจะมีจุดขาวๆอยู่ให้เลือกกดจุดตรงคำตอบที่ถูกต้อง
4. เมื่อพิมพ์เสร็จหมดแล้วให้กด See The Code Below แล้วจัดการ Copy Code
5. เปิดเข้าไปในปรับแต่งเทมเพลตเลือดเพิ่มองค์ประกอบของหน้าเลือกหัวข้อ HTML/Java Script
6. ใส่ชื่อหัวข้อแล้ว Paste Code ลงตรงกรอบเนื้อหา
7. กดบันทึกการเปลี่ยนแปลงก็เป็นอันเสร็จ
(ถ้าเป็นFormsจะเป็น
Text Field-ใส่ข้อความ
Textarea-ใส่ข้อความ
Check Box-เลือกตัวเลือก
Radio Button-เลือกตัวเลือก
Radio Group-เลือกตัวเลือก
List/Menu-เลือเมนู แทน)