14/01/581

ผู้พัฒนา อะโดบีซิสเต็มส์ ( เริ่ม พัฒนาโดย แมโครมีเดีย ) รุ่นเสถียร ล่าสุด CS3 (9.0) รุ่นทดลอง ล่าสุด (27 มีนาคม พ. ศ. 2550) โอเอส Windows Mac OS X ชนิด โปรแกรมแก้ไข HTML ลิขสิทธิ์ Closed source เว็บไซต์ macromedia.com/../dream weaver 14/01/582

การเปลี่ยน Title ของเว็บเพจ 1. ทำการเปลี่ยนโดยใช้ Dreamweaver สร้าง / เปิดเอกสารที่ เราต้องการแก้ไข จากนั้นเปลี่ยน Title ได้จากเมนู Title ด้านบนได้เลย ดังภาพ 14/01/583

2. แก้ไขโดย Text Editor ในที่นี้ใช้โปรแกรม Edit Plus ให้ใช้โปรแกรม Edit Plus เปิดไฟล์เอกสาร Html หรือไฟล์เว็บเพจชนิด อื่นๆ จากนั้นแก้ไขได้จาก Tag Title ดังภาพ 14/01/584

การกำหนดขนาด ตัวอักษรโดยใช้ CSS Style 1. พิมพ์ข้อความที่เรา ต้องการกำหนดลงในหน้าที่ เราต้องการ ดังรูป 2. Click ขวา ที่หน้าเอกสาร เลือกเมนู CSS Styles -> New Style 14/01/585

3. หลังจากที่เราเลือกคำสั่ง New Style... แล้วจะ ปรากฎหน้าต่างให้เรากำหนดชื่อ ของรูปแบบ ตัวอักษรในที่นี้ผมต้องการ Font ขนาด 12 เราก็ตั้งชื่อให้สอดคล้องกับขนาด ตัวอักษรที่เราต้องการ หลังจากนั้นกด OK ดังภาพ 4. หลังจากนั้นเราก็ทำการเลือก Font และขนาดตามที่ ราต้องการในที่นี้ผมจะใช้ Font Tahoma ขนาด 12 ตามที่เราได้ตั้งชื่อไว้ แต่แรก ดังรูปด้านล่าง 14/01/586

5. การนำไปใช้ ให้เรานำ Mouse เลือกข้อความที่เราพิมพ์ไว้ click ขวาที่ข้อความ เลือกที่เมนู CSS Styles -> font12 ตามที่เรา ได้ตั้งชื่อไว้ ข้อสังเกต ถ้าเราทำถูกต้องตาม ขั้นตอนขนาดของตัวอักษรจะมีการ เปลี่ยนแปลง ดังรูป 6. เพียงเท่านี้เราก็สามารถ กำหนดขนาดตัวอักษรโดย ใช้ CSS Styles 14/01/587

การใส่สีให้กับตัวอักษร ใน Dream 1. เปิดหน้าต่างที่เราพิมพ์ ข้อความไว้ดังรูป 2. นำ mouse เลือกข้อความ ที่เราต้องการเปลี่ยนสี 14/01/588

3. หลังจากนั้นเลือกสีที่ Properties ดังรูป 4. เพียงเท่านี้เราก็สามารถเปลี่ยนสี ให้กับ ตัวอักษรได้แล้ว 14/01/589

การสร้างตารางใน Dream 1. เปิดเอกสารที่เราต้องการสร้างตาราง พร้อมกับเลือกเครื่องมือที่ใช้ในการสร้าง ตารางดังรูป 2. หลังจากที่เราเลือกเครื่องมือจะมี หน้าต่างปรากฎขึ้นมาเพื่อให้เราใส่ รายละเอียดในการสร้างตาราง 14/01/5810

3. จากภาพด้านบน ผมได้ กำหนดให้ตารางที่เราสร้างมี 5 แถว 3 คอลัมน์ ความกว้างของ ตาราง 300 Pixels ระยะห่างระหว่างเซลล์ 3 pixels หลังจากนั้นกด OK เราจะได้ ตารางดังภาพ 4. หลังจากที่เราได้สร้างตาราง ตามที่เราต้องการแล้ว เรา สามารถพิมพ์ข้อความที่เรา ต้องการลงในตาราง ได้เลย หรือจะใส่รูปภาพตามแต่ เราต้องการ 14/01/5811

การใส่สี Background ลงใน Cell 1. ให้เราสร้างตารางที่เรา ต้องการใส่สีขึ้นมาก่อน ตัวอย่าง ดังภาพ 2. หลังจากที่เราสร้างตารางเสร็จแล้ว ถ้าเราต้องการใส่สี Background ให้กับ Cell ต่างๆ ให้ เรา Click เลือกที่ Cell ที่เราต้องการใส่สีแล้วเลือกสีจาก Properties ที่หัวข้อ BG ดังภาพ 14/01/5812

3. หลังจากที่เราเลือกสีที่เรา ต้องการ สีนั้นก็จะถูก ใส่ลงไปในตาราง ดังภาพ การใส่สี Background ให้กับตาราง 4. * ความเดิม หลังจากที่เรา สร้างตารางแล้วให้เรา Click ที่ขอบของตาราง แล้ว เลือกสีจาก Properties หัวข้อ BG ดัง ภาพ 14/01/5813

5. หลังจากที่เราได้ทำการเลือกสี แล้ว สีจะถูกเทลง ในตารางทั้งหมดที่เราเลือก Tip - แต่เรายังสามารถใส่สีลงใน Cell ต่างได้เหมือน เดิมเพียงนำขั้นตอนแรกมา ประยุกต์ 14/01/5814

การแทรก รูปภาพ 1. เริ่มแรกให้เราสร้าง เอกสารเปล่าขึ้นมาก่อน เข้าไปที่เมนู File --> New 2. หลังจากนั้นให้เราเลือกเครื่องมือ Insert Image เมื่อเราเลือกจะมีหน้าต่างขึ้นมาให้ เราเลือก รูปภาพที่เราต้องการ 14/01/5815

การสร้าง Link 1. สร้างเอกสารที่เราต้องการจะ สร้าง Link 2. ให้เราเลือกที่เครื่องมือ Insert Link จะมีช่องให้เรากรอกข้อมูล ดัง ภาพ 3. เราจะได้ข้อความพร้อม Link หลังจากนั้นลองกด F12 ดู 14/01/5816

โปรแกรมนี้เป็นโปรแกรมที่ช่วยในการทำเว็บเพจ สามารถที่ จะทำเว็บเพจได้ง่ายและรวดเร็ว ไม่จำเป็นจะต้องจำ Code html มาใช้ในการทำ และยัง สามารถตกแต่งหน้าเว็บเพจให้สวยงามได้อย่างง่ายดาย ซึ่ง ถือเป็นการเรียนรู้ เพิ่มเติมความรู้ใหม่ สามารถนำมา ประยุกต์ใช้กับการทำงานต่างๆ 14/01/5817

eaver&hl=th 14/01/5818

จัดทำโดย นางสาวกรรณิการ์ ขวัญชุม sc 16A B02 เอกจุลชีววิทยา ID จัดทำโดย นางสาวกรรณิการ์ ขวัญชุม sc 16A B02 เอกจุลชีววิทยา ID /01/5819