การใช้อย่างมหัศจรรย์ของคำอธิบายโดยละเอียดของตาราง DreamWeaver ของการผลิตโครงร่าง (1)

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-05-30 18:36:28

ใน DreamWeaver ตารางมักใช้ในการจัดวางหน้าเว็บและการวางตำแหน่งเนื้อหา ในความเป็นจริง นอกเหนือจากการประยุกต์ใช้ "ฟังก์ชันสำคัญ" เหล่านี้แล้ว ด้วยวิธีการที่ยืดหยุ่นต่างๆ แล้ว ตารางยังสามารถบรรลุผลหลายอย่างที่โดยทั่วไปแล้วทำได้ยากในการออกแบบ การผลิต "ไวร์เฟรม" ที่จะแสดงด้านล่างนี้เป็นตัวอย่างที่ดี แน่นอนว่าการใช้อย่างชาญฉลาดเป็นมากกว่านั้น

วัตถุ "Wireframe" มักพบเห็นในหน้าเว็บ เช่น เส้นบาง กล่อง ฯลฯ ในการผลิตเอฟเฟ็กต์บางอย่างร่วมกัน การดัดแปลง "ไวร์เฟรม" ถือเป็นสิ่งสำคัญ อย่างไรก็ตาม เป็นเรื่องน่าเสียดายที่เครื่องมือออกแบบเว็บไซต์กระแสหลักจำนวนมากไม่มีฟังก์ชันการสร้าง wireframe ที่ค่อนข้างตรงไปตรงมาและง่ายดาย ในกรณีนี้ การใช้องค์ประกอบอื่นๆ เพื่อให้บรรลุผลทางอ้อมเป็นสิ่งสำคัญอย่างยิ่ง

1> การผลิตเส้นขวางที่มีความกว้างบาง

ก่อนอื่น ฉันคิดว่าทุกคนควรเข้าใจแนวคิดของ "เส้นบางพาดผ่านความกว้าง" ที่นี่ และจุดที่สำคัญมากสะท้อนให้เห็นใน "เส้นบาง" ซึ่งเป็นสาเหตุที่เราต้องใช้ตารางเพื่อให้บรรลุเป้าหมาย

ชาวเน็ตที่เคยสัมผัสกับการออกแบบเว็บไซต์ต่างรู้ดีว่าใน HTML (Hypertext Transfer Language) มี

เครื่องหมายนี้ใช้สร้างวัตถุ "เส้นแนวนอน" ก็ต้องถามว่าเส้นแนวนอนเป็นเพียงเส้นบางไม่ใช่หรือ? เหตุใดจึงต้องใช้ตารางเพื่อทำสิ่งนี้?

แท้จริงแล้ว เส้นแนวนอนถูกใช้เพื่อสร้างเส้น รวมถึงแบนเนอร์และเอฟเฟกต์แนวตั้ง ซึ่งสามารถทำได้ แต่เมื่อพิจารณาจากแอปพลิเคชันปัจจุบัน เส้นแนวนอนไม่สามารถบรรลุความละเอียดที่เราต้องการได้ นั่นก็คือเอฟเฟกต์ที่แท้จริงของ Height=1pixels

นี่คือชุดภาพประกอบเส้นบางที่สร้างด้วยเส้นแนวนอน:

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

คลิกไอคอน "ตาราง" ในแผง "วัตถุ" หรือเลือกเมนู "แทรก" - "ตาราง" เพื่อแทรกวัตถุตารางที่มีความสูงและความกว้าง 1 ในตำแหน่งที่เหมาะสมในหน้าเว็บ ตามที่แสดงในภาพ