CSS - Cascading Style Sheet

CSS หรือ Cascading Style Sheet คือสิ่งที่คล้ายๆกับโครงสร้างที่กำหนดหลายๆสิ่งไว้ด้วยกันเช่นฟอนท์, สีฟอนท์, สีแบ็คกราวด์ฯลฯ

วิธีใช้คือ จากDreamweaver เหมือนเดิมนะครับ กดที่แถบเมนู Window แล้วCSS Styles

อย่างที่เห็นจะมีหน้าต่างใหม่เปิดขึ้นมาทางด้านขวาๆของจอ ให้กดปุ่มเล็กๆที่เป็นรูป + เพื่อสร้างCSS อันใหม่ วินโดวส์จะมห้กำหนดชื่อ และสร้างชีทอันใหม่ขึ้นมาทันที โดนเราสามารถแก้ไขฟอนท์ บอร์ดเดอร์ ตาราง ฯลฯ ได้ทันที

ส่วนการนำไปใช้ให้ไฮไลท์ข้อความที่ต้องการ แล้วคลิกขวาที่Style Sheet ของเราแล้วกดapply

เป็นอันเสร็จสิ้นครับ

ข้อดีและข้อเสีย...

-ไฟล์จะเล็กลง เพราะมีcodeน้อยกว่าเดิม

-ปรับแต่งได้ง่าย

-สามารถใช้กับเว็บเพจหลายๆหน้าได้ด้วยชีทเพียงอันเดียว

~ผู้ที่ไม่มีฟอนท์ในชีทของเรา จะมองไม่เห็นฟอนท์

Frames, Good or Bad?

คราวนี้จะมาคุยเกี่ยวกับข้อดีและข้อเสียของเฟรมกัน

เริ่มจากข้อดีก่อนนะครับ

เฟรมนั้นใช้สำหรับแยกหน้าเว็บเพจออกเป็นหลายๆส่วน เพื่อการใช้งานที่ง่ายขึ้น และการแยกออกเป็นหลายๆหัวข้อ หรือแยกออกมาเป็นเมนูได้อย่างสะดวก

ข้อเสีย

ถ้าใช้เฟรมไม่เป็น จะทำให้หน้าต่างของเฟรมดูไม่เรียบร้อย และถ้าใส่เฟรมเยอะไป จะทำให้หน้าเว็บเพจเปิดช้าลง

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

ถ้าให้เลือก ผมจะใช้สำหรับการทำเมนู เพื่อเป็นความสะดวกของเว็บเพจของตน

Frames

กลับมาอีกครั้งกับDreamweaverนะครับ คราวนี้ทดลองเกี่ยวกับการใช้เฟรม หรือโครงนั่นเอง

ถ้าให้อธิบายง่ายๆ เฟรมคืออุปกรณ์ที่ใช้แยกหน้าออกเป็นหลายๆส่วน เพื่อความสะดวกในการมอง และแยกหัวข้อออกจากกันฯลฯ

คราวนี้จะมาอธิบายเกี่ยวกับการใช้นะครับ รับรองว่าไม่ยาก

คราวนี้ไม่มีภาพประหอบเนื่องจาก... ภาพใหญ่ไปไม่มีเวลาย่อ

อธิบายคร่าวๆ การสร้างเฟรมสร้างได้จากtab Layout

พอกดแล้ว จะมีออพชั่นให้เลือกเกี่ยวกับเฟรม ว่าจะไว้ด้านไหน อย่างไร และใส่ชื่อของเฟรม

แค่นี้ก็ได้เฟรมอย่างง่ายแล้วครับ

เมื่อสร้างเฟรมเสร็จแล้วจะสามารถเปลี่ยนสี, ขนาดบอร์เดอร์ และสีแบ็คกราวด์ได้ต่างๆ

ลิงค์ต่างๆที่ใส่ในเฟรมสามารถเลือกให้เมื่อกดแล้วจะไปเปิดหน้าต่างใหม่ที่ใดได้เช่นกัน

Quized

สัปดาห์นี้ได้ทำหลายอย่างมาก แต่จะอธิบายรวมๆนะครับ

ตอนแรกได้ลองใช้ Dreamweaver อย่างเคย ในการเรียนรู้เกี่ยวกับคำสั่งต่างๆที่เกี่ยวกับการใช้ Form

หลังจากนั้นได้ลองใช้ Functions ต่างๆที่เกี่ยวกับแบบสอบถามเช่น ปุ่ม, กรอบ, Dropdown Menu, Check Box ฯลฯ

Text Field และ Hidden Field คือการใส่กรอบสำหรับเขียนตัวอักษร ส่วนHidden นั้นจะทำการซ่อนเอาไว้

Text Area คือกรอบใหญ่ๆสำหรับใส่ข้อความที่เยอะๆ

Checkbox, Radio Button, Radio Group คือกล่องสำหรับเช็กถูก, จุดหรือวงสำหรับคลิกเพื่อแสดงว่าตอบข้อใด ฯลฯ, Radio Button หลายๆอันในForm เดียวกัน ตามลำดับนะครับ

ส่วนใหญ่มีแค่นี้ล่ะครับ วันนี้ขอจบแค่นี้ก่อน