Dreamweaver MX 2004 ตั้งแต่เริ่มต้น (3)
ผู้เขียน：Eve Cole
เวลาอัปเดต：2009-05-31 21:02:57
ใช้กรอบงานเพื่อสร้างหน้าเว็บ <BR> หลังจากที่เราเข้าสู่ฟอรัมบางแห่ง เราจะเห็นชื่อของแต่ละพื้นที่สนทนาทางด้านซ้าย คลิกที่พื้นที่สนทนาใดก็ได้เพื่อดูเนื้อหาของพื้นที่สนทนาที่เกี่ยวข้องในพื้นที่ด้านขวา แต่ ส่วนซ้ายและขวาจะแสดงแยกกัน เช่น การลากแถบเลื่อนทางด้านซ้ายจะไม่ส่งผลต่อการแสดงผลทางด้านขวา อันที่จริงนี่คือการใช้เทคโนโลยีเฟรมในเพจ ดังนั้น พื้นที่แสดงผลของเบราว์เซอร์จึงสามารถแบ่งออกเป็นหลายส่วน และแต่ละส่วนสามารถแสดงเนื้อหาหน้าเว็บได้อย่างอิสระ และการรวมหลายเฟรมเข้าด้วยกันเพื่อสร้างชุดเฟรมสามารถช่วยให้เพจมีเอฟเฟกต์ที่สมบูรณ์ยิ่งขึ้น
1. สร้างเฟรมและเฟรมเซ็ต
ขั้นตอนที่ 1: สร้างเพจใหม่ใน Dreamweaver MX 2004 หลังจากรันคำสั่ง "View→Visual Aids→Frame Borders" คุณจะเห็นเส้นขอบปรากฏขึ้นในหน้าต่างแก้ไข หลังจากคลิกเส้นขอบด้วยเมาส์ คุณจะเห็นจุด แสดงว่าเพจที่สร้างใหม่มีเฟรมมาด้วย
ขั้นตอนที่ 2: กดปุ่ม "Alt" แล้วลากเส้นขอบด้วยเมาส์ หลังจากปล่อยเมาส์ คุณสามารถแบ่งหน้าต่างออกเป็นสองส่วน ซึ่งจะแบ่งหน้าออกเป็นสองเส้นขอบ ตัวอย่างเช่น การลากขอบซ้ายและขวาสามารถแบ่งหน้าต่างออกเป็นส่วนซ้ายและขวาได้ และการลากขอบบนและล่างสามารถแบ่งหน้าต่างออกเป็นส่วนบนและส่วนล่างได้ นอกจากนี้ ยังสามารถลากมุมทั้งสี่ของหน้าต่างได้ เพื่อให้สามารถแบ่งหน้าต่างออกเป็นสี่ส่วนได้โดยตรง (รูปที่ 1) เมื่อหน้าต่างถูกแบ่งออกเป็นหลายเฟรม แต่ละเฟรมจะสามารถแก้ไขได้เป็นหน้าเว็บอิสระ หรือสามารถกำหนดเพจที่มีอยู่ให้กับเฟรมได้โดยตรง
รูปที่ 1
ขั้นตอนที่ 3: อนุญาตให้ซ้อนเฟรมได้ ตัวอย่างเช่น หากต้องการสร้างเฟรมที่แสดงในรูปที่ 2 คุณสามารถแบ่งเฟรมออกเป็นสองแนวนอนก่อนด้วยวิธีด้านบน แต่คุณไม่สามารถลากเส้นขอบได้โดยตรง ไม่เช่นนั้นคุณจะได้เฟรม แสดงในรูปที่ 1 วิธีที่ถูกต้องคือคลิกเฟรมด้านขวาในแผงเฟรมที่มุมขวาล่างก่อน จากนั้นกดปุ่ม "Alt" เพื่อลากเส้นขอบ
รูปที่ 2
เคล็ดลับ: หากคุณลากเส้นขอบโดยไม่ได้ตั้งใจ เพียงใช้เมาส์ลากเส้นที่ต้องการลบไปยังเส้นขอบของเฟรมหลักเพื่อลบออก
2. การแก้ไขกรอบการทำงาน
หน้าต่างๆ มักจะผสมเฟรมและเฟรมเซ็ตเข้าด้วยกัน และการตั้งค่าแอตทริบิวต์ที่แตกต่างกันสามารถทำได้โดยการเลือกออบเจ็กต์ที่แตกต่างกัน
ขั้นตอนที่หนึ่ง: คุณสมบัติของเฟรมเซ็ต หลังจากเลือกเฟรมเซ็ตแล้ว คุณจะเห็นแผงออบเจ็กต์คุณสมบัติ (ดังแสดงในรูปที่ 3) รายการ "เส้นขอบ" สามารถตั้งค่าได้ว่าจะแสดงเส้นขอบหรือไม่ ส่วน "ความกว้างของเส้นขอบ" สามารถกำหนดความกว้างของเส้นขอบได้ และ "สีของเส้นขอบ" "สามารถกำหนดสีขอบได้. . นอกจากนี้ คุณยังสามารถกำหนดขนาดของแต่ละเส้นขอบได้ ในตอนนี้ ให้เลือกแถวหรือคอลัมน์ในภาพขนาดย่อทางด้านขวาของแผง จากนั้นป้อนค่าในช่องป้อนข้อมูล "Alue" ที่อยู่ติดกัน แล้วเลือก พิกเซลหรือเปอร์เซ็นต์เป็นหน่วย
รูปที่ 3
ขั้นตอนที่ 2: คุณสมบัติของเฟรม หากคุณเลือกเฟรมใดๆ ในแผงเฟรม กรอบที่เลือกจะแสดงโดยมีขอบสีดำ ในขณะนี้ คุณสามารถทำการตั้งค่าที่เกี่ยวข้องได้ในแผงคุณสมบัติ (รูปที่ 4) ตัวอย่างเช่น ที่นี่คุณสามารถตั้งค่าไฟล์หน้าเว็บในเฟรมผ่านแถบที่อยู่ "Src" "เลื่อน" ระบุว่าจะเพิ่มแถบเลื่อนหรือไม่ "เส้นขอบ" สามารถกำหนดได้ว่าจะแสดงเส้นขอบหรือไม่ "ไม่มีการปรับขนาด" อนุญาตให้ ขนาดเฟรมที่จะเปลี่ยนในเบราว์เซอร์ และ " "ความกว้างของขอบ" และ "ความสูงของขอบ" จะกำหนดความกว้างและความสูงของเส้นขอบตามลำดับเพื่อกำหนดระยะห่างระหว่างเนื้อหาในกรอบและเส้นขอบ
รูปที่ 4
ขั้นตอนที่ 3: ป้อนเนื้อหาในเฟรม หลังจากคลิกเฟรมใดๆ ด้วยเมาส์ คุณสามารถแทรกเนื้อหาข้อความ รูปภาพ ภาพเคลื่อนไหว Flash เพลงพื้นหลัง และองค์ประกอบอื่นๆ ของหน้าเว็บได้ เช่นเดียวกับการแก้ไขหน้าปกติ
ในความเป็นจริง การใช้เฟรมเวิร์กสามารถวางแผนการจัดวางหน้าเว็บได้อย่างเหมาะสม ซึ่งมีความสำคัญอย่างยิ่งในช่วงเริ่มต้นของการออกแบบเว็บไซต์ ดังนั้น ทุกคนจึงต้องฝึกฝนมากขึ้นในการใช้งานประจำวัน ซึ่งมีประโยชน์มากสำหรับการสร้างเว็บไซต์ที่ยอดเยี่ยม!
