ขั้นตอนที่ 1: กดและลากเมาส์ในสองเซลล์ด้านบนในคอลัมน์แรกของตาราง ในขณะนี้ สามารถเลือกสองเซลล์ได้ จากนั้นคลิกปุ่ม "ผสานเซลล์ที่เลือกโดยใช้ช่วง" ในเทมเพลตคุณสมบัติเพื่อรวมเซลล์ที่เลือกทั้งสองเซลล์ให้เป็นเซลล์เดียว ตามวิธีนี้ เซลล์สองเซลล์ทางด้านขวาของแถวแรกของตารางจะรวมเป็นเซลล์เดียว
เคล็ดลับ: หลังจากเลือกเซลล์แล้ว ให้คลิกปุ่ม "แยกเซลล์ออกเป็นแถวหรือคอลัมน์" ในแผงคุณสมบัติเพื่อแบ่งเซลล์ออกเป็นหลายแถวหรือหลายคอลัมน์
ขั้นตอนที่ 2: เลือกทั้งสามเซลล์ในคอลัมน์แรกของตาราง จากนั้นตั้งค่าสีพื้นหลัง (Bg) ในเทมเพลตแอตทริบิวต์เป็น "#FFFF00" เพื่อให้พื้นหลังของเซลล์ในคอลัมน์แรกของตารางกลายเป็นสีเหลือง .
ขั้นตอนที่ 3: ป้อนข้อความที่เกี่ยวข้องในตาราง เพื่อความสวยงาม คุณสามารถตั้งค่าไว้ตรงกลางในแผงคุณสมบัติได้
ขั้นตอนที่ 4: เพื่อให้ตารางสร้างเอฟเฟกต์สามมิติ คุณสามารถเลือกทั้งตาราง จากนั้นตั้งค่าความกว้างของเส้นขอบตาราง (เส้นขอบ) เป็น 7 ในแผงคุณสมบัติ และตั้งค่าสีเส้นขอบ (สีของเส้นขอบ) เป็นสีฟ้า
เคล็ดลับ: โดยปกติแล้ว การเลือกทั้งตารางเป็นเรื่องยาก ต่อไปนี้เป็นวิธีการที่ใช้กันทั่วไปสี่วิธี: 1. เลื่อนเมาส์ไปนอกขอบขวาของตาราง กดเมาส์แล้วลากไปทางซ้ายเพื่อเลือกทั้งตารางอย่างรวดเร็ว 2. เรียกใช้คำสั่ง "Modify→Table→Insert Table" เพื่อเลือกทั้งตาราง 3. คลิกขวาที่เมาส์ในเซลล์แล้วเลือกคำสั่ง "ตาราง→แทรกตาราง" จากเมนูป๊อปอัปเพื่อเลือกทั้งตาราง 4. คลิกเซลล์ใดก็ได้ด้วยเมาส์ จากนั้นกดปุ่มผสม "Ctrl+A" สองครั้งเพื่อเลือกทั้งตาราง
หลังจากเสร็จสิ้นการดำเนินการข้างต้นแล้ว เราสามารถปรับแต่งแบบฟอร์มระดับมืออาชีพใน Dreamweaver MX 2004 ได้
3. การวางตำแหน่งตาราง
ในความเป็นจริง การวางตำแหน่งหน้าเว็บของแบบฟอร์มส่วนใหญ่จะแบ่งเนื้อหาหน้าเว็บออกเป็นหลายส่วน จากนั้นกรอกเนื้อหาที่เกี่ยวข้องลงในตารางต่างๆ ตามลำดับ ซึ่งจะทำให้หน้าเว็บมีมาตรฐานและเป็นมืออาชีพ มาดูกันว่าเว็บไซต์ที่แสดงในรูปที่ 2 ถูกนำมาใช้ผ่านตารางอย่างไร
1. ชื่อเรื่องและพื้นที่การนำทาง
ส่วนบนสุดของหน้าเว็บประกอบด้วยตารางขนาดใหญ่ 2 ตาราง ตารางด้านบนเป็นพื้นที่รูปภาพ และตารางด้านล่างเป็นพื้นที่การนำทาง พื้นที่รูปภาพแบ่งออกเป็นแถวและคอลัมน์ ใช้คำสั่ง "แทรก→รูปภาพ" เพื่อแทรกรูปภาพชื่อและไอคอนโลโก้ของเว็บไซต์ พื้นที่การนำทางเป็นตารางที่มีหนึ่งแถวและเก้าคอลัมน์ ป้อนชื่อของแต่ละคอลัมน์ย่อยตามลำดับ จากนั้นใช้คำสั่ง "แทรก→ไฮเปอร์ลิงก์" เพื่อสร้างลิงก์สำหรับแต่ละคอลัมน์การนำทาง
2. พื้นที่ข้อความ
โดยทั่วไป พื้นที่ข้อความจะถูกสร้างขึ้นจากตารางขนาดใหญ่ที่มีหนึ่งแถวและสามคอลัมน์ แต่ละคอลัมน์จะถูกแทรกลงในตารางแยกกันหรือแยกออกเป็นหลายพื้นที่และป้อนข้อมูลที่เกี่ยวข้อง ตัวอย่างเช่น สามารถแทรกตารางที่มี 5 แถวและ 1 คอลัมน์ลงในคอลัมน์ซ้ายสุดเพื่อแสดงไอคอนโลโก้และเนื้อหาข้อความที่เกี่ยวข้อง คอลัมน์กลางสามารถแบ่งออกเป็น 3 ถึง 4 เซลล์ โดยแต่ละเซลล์ใช้เพื่อแสดงเนื้อหาหลักของเซลล์ที่แตกต่างกัน คอลัมน์คำแนะนำเนื้อหา คอลัมน์ทางด้านขวาสามารถแบ่งออกเป็น 5 ส่วนเพื่อแสดงเนื้อหาที่แตกต่างกัน ด้วยวิธีนี้ เซลล์เล็กๆ หลายเซลล์จะถูกแบ่งออกเป็นตารางขนาดใหญ่เพื่อสร้างเนื้อหาหลักของหน้าเว็บ สำหรับการทำงานของเซลล์โดยเฉพาะ ฉันจะไม่ลงรายละเอียดที่นี่ คุณสามารถลองเองได้
แม้ว่าการวางตำแหน่งเว็บเพจขั้นพื้นฐานที่สุดสามารถทำได้ผ่านตาราง แต่วิธีนี้ก็ไม่ใช่ข้อบกพร่องที่ใหญ่ที่สุดคือการดาวน์โหลดเนื้อหาตารางนั้นใช้เวลานาน มักจะจำเป็นต้องรอให้เนื้อหาทั้งหมดในตารางถูกดาวน์โหลด ก่อนที่จะสามารถแสดงเนื้อหาตารางได้ ดังนั้น ควรให้ความสนใจเป็นพิเศษกับการใช้ตารางแบบซ้อน และพยายามอย่าซ้อนตารางมากเกินไปเพื่อให้ส่งผลต่อความเร็วในการดาวน์โหลดของเพจ