Dreamweaver CS

ทดลองใช้ Dreamweaver ทำเว็บเพจ (ตอนที่ 4)

สร้าง layout ให้เว็บไซต์ด้วยคำสั่ง table

สอนทำเว็บไซต์ด้วย Dreamweaver ต่อจากตอนที่ 3

หลังจากที่สร้างตารางขนาด 800px ในตารางเดิมแล้วจะมีผลเป็นดังรูป



ปรับขนาดตารางโดยนำเมาส์ไปอยู่ที่ขอบตารางดังรูปปรับขนาดให้หลักซ้ายมือยาว 230px และ ขวามือยาว 570px



รวมตารางที่จะต้องสร้างตารางทั้งหมด



สามารถดูตัวอย่าง index.html ได้ โดยคลิกที่นี่
(ตัวอย่างที่แสดงจะกำหนด border ของตารางให้เท่ากับ 1 เพื่อทำให้ดูง่ายขึ้น)

4.การใส่รูปในเว็บเพจ

การใส่รูปในเว็บเพจนั้นทำได้โดย ไปที่ panel ทางขวามือเปิด images folder ขึ้นมาแล้วลากภาพที่ต้องการไปยังตารางที่ต้องการใส่รูปได้ทันที



การใส่พื้นหลังให้เว็บเพจ ทำได้โดยคลิกที่ตารางที่ต้องการใส่พื้นหลัง panel ด้านล่างจะเปลี่ยนไป หาช่องที่เขียนว่า bg จะมีวงกลมด้านหลังช่องนั้น ให้ลากวงกลมนั้นไปที่พื้นหลังที่ต้องการ หรือจะใช้วิธีพิมพ์เองก็ได้



คลิกที่นี่เพื่อดูการใส่รูปภาพในตารางทั้งหมด
(ตัวอย่างที่แสดงจะกำหนด border ของตารางให้เท่ากับ 1 เพื่อทำให้ดูง่ายขึ้น)

5.การใส่เนื้อหา

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



สามารถดูตัวอย่าง index.html ได้ โดยคลิกที่นี่
(ตัวอย่างที่แสดงจะกำหนด border ของตารางให้เท่ากับ 1 เพื่อทำให้ดูง่ายขึ้น)

5.ใส่ link ในเว็บเพจ

ทำ hyperlink ในเว็บเพจ ทำได้ง่ายๆมากโดยคลุมดำ อักษรที่ต้องการให้เป็น hyperlink แล้วไปที่ช่อง link กรอก url ลงไปเช่น http://www.hellomyweb.com หรือ ดึงวงกลมด้านหลังไปที่ไฟล์ที่ต้องการ ดังรูป


เลื่อนขึ้นด้านบน