บทช่วยสอนกระชับ Dreamweaver 4 (2. ความเข้าใจเบื้องต้นของ Dreamweaver)

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

2. ความเข้าใจเบื้องต้นเกี่ยวกับ Dreamweaver

การเริ่มต้น Dreamweaver

ขั้นตอนการติดตั้ง Dreamweaver นั้นง่ายมาก เมื่อติดตั้งสำเร็จแล้ว คุณจะพบตัวเลือก Dreamweaver ในเมนูเริ่ม:

แก้ไขหน้าต่าง

เมื่อคุณเริ่ม Dreamweaver เป็นครั้งแรก สิ่งแรกที่คุณเห็นคือหน้าต่างแก้ไข Dreamweaver อย่ากลัวกับหน้าต่างลอยน้ำที่หนาแน่นด้านบน

1 เมนูหลัก: คุณจะพบฟังก์ชันส่วนใหญ่ของหน้าต่างแก้ไขได้ที่นี่
2 แถบเครื่องมือ: เป็นคุณลักษณะใหม่ของ Dreamweaver4;
3 แผงวัตถุ (ออบเจ็กต์): ในระหว่างกระบวนการแก้ไขเว็บเพจ ให้คลิกปุ่มของแผงออบเจ็กต์เพื่อเพิ่มองค์ประกอบที่เกี่ยวข้องให้กับเว็บเพจ เช่น รูปภาพ ตาราง เลเยอร์ และ Flash เราเรียกองค์ประกอบเหล่านี้ว่าวัตถุ คลิกลูกศรลงบนแผงวัตถุเพื่อแทรกวัตถุประเภทอื่นๆ เช่น อักขระพิเศษ (อักขระ) แบบฟอร์ม (จาก) ฯลฯ

④ แผงคุณสมบัติ: ใช้เพื่อแสดงคุณสมบัติขององค์ประกอบหน้าเว็บที่เลือก และสามารถแก้ไขได้บนแผงคุณสมบัติ เมื่อคุณเลือกองค์ประกอบหน้าเว็บที่แตกต่างกัน เนื้อหาที่แสดงในแผงคุณลักษณะจะแตกต่างกันด้วย ตัวอย่างเช่น คุณลักษณะที่แสดงในรูปภาพและตารางจะแตกต่างกัน นอกจากนี้ ให้คลิกสามเหลี่ยมเล็กๆ ที่มุมขวาล่างของแผงคุณสมบัติเพื่อย่อหรือขยายแผงคุณสมบัติตามความต้องการในการใช้งาน ขอแนะนำให้ตั้งค่าเป็นโหมดขยายภายใต้สถานการณ์ปกติ
⑤ กลุ่มแผง (หรือที่เรียกว่าแผงลอยแบบเชื่อมต่อได้): Dreamweaver ยังมีแผงลอยอื่นๆ อีกมากมาย เราสามารถรวมแผงลอยต่างๆ เข้าด้วยกันใหม่ได้ตามความต้องการของเราเอง นี่คือกลุ่มแผงที่เรียกว่า ใน Photoshop มีแนวคิดที่คล้ายกัน
⑥ แถบเปิดใช้ด่วน (เรียกอีกอย่างว่าแผงเปิดใช้): แผงลอยที่ใช้เพื่อแสดงหรือซ่อนการตอบกลับ แผงเปิดใช้และแถบเปิดใช้ขนาดเล็กที่มุมขวาล่าง

การติดต่อแบบตัวต่อตัว;

คือการเปลี่ยนมาใช้ผู้จัดการไซต์

คือการสลับไปที่แผงพฤติกรรม

คือการดูซอร์สโค้ดของหน้าเว็บ
⑦ พื้นที่การแก้ไข: แสดงเนื้อหาของหน้าเว็บที่แก้ไขในลักษณะ "สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ":

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

[เคล็ดลับ 2] ต่อไปนี้คือปุ่มลัดที่ใช้กันทั่วไปหลายปุ่มสำหรับการเปิดและปิดแผงลอยอย่างรวดเร็ว จำไว้เนื่องจากจะใช้บ่อยในระหว่างกระบวนการผลิต:

แผงคุณสมบัติ: Crtl+F3
แผงสไตล์สไตล์ CSS: Shift+F11
แผงพฤติกรรม: Shift+F3
แผงวัตถุวัตถุ: Crtl+F2
หน้าต่างไซต์

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

ในกระบวนการสร้างเว็บเพจในอนาคต คุณจะสลับระหว่างหน้าต่างแก้ไขและหน้าต่างไซต์บ่อยครั้ง