การสร้างคำสั่งแบบกำหนดเอง
หนึ่งในคุณสมบัติที่มีประโยชน์ที่สุดของ Dreamweaver คือแผงประวัติ จากแผงประวัติ Dreamweaver สามารถสร้างลำดับคำสั่งใหม่ได้ หากต้องการสร้างคำสั่ง เพียงทำตามขั้นตอนที่คุณต้องการบันทึก จากนั้นในแผงประวัติ ให้เลือกขั้นตอนที่คุณต้องการบันทึก คลิกไอคอน "บันทึกเป็น" ที่มุมขวาล่าง ตั้งชื่อ จากนั้นคลิกตกลง ณ จุดนี้ คำสั่งที่คุณกำหนดเองจะปรากฏในเมนู "คำสั่ง" และสามารถใช้งานได้ตามต้องการ
การสร้างออบเจ็กต์แบบกำหนดเอง
"แผงออบเจ็กต์" มีประโยชน์มากสำหรับการแทรกรายการลงในเพจอย่างรวดเร็ว เช่น แบบฟอร์ม กรอบ ฯลฯ หากต้องการสร้างออบเจ็กต์แบบกำหนดเอง ขั้นแรกให้สร้างไฟล์ที่มีโค้ดที่คุณต้องการแทรกลงในเอกสาร ตัวอย่างเช่น หากต้องการสร้างกล่องข่าวสำหรับ "CNET Builder.com" ขั้นแรกให้ดาวน์โหลดโค้ดนี้และบันทึกเป็น "newsletters.htm" จากนั้น หากต้องการสร้างแผงใหม่ในหน้าต่างออบเจ็กต์ ให้ไปที่ "ConfigurationObjects" ใน Dreamweaver ไดเร็กทอรีการติดตั้ง สร้างโฟลเดอร์ภายใต้โฟลเดอร์นั้นสามารถตั้งชื่อได้ตามต้องการ เช่น เรียกว่า "My Objects" วางไฟล์ "newsletters.htm" ลงในไดเร็กทอรีนี้ ในเวลาเดียวกัน จำเป็นต้องมีไฟล์ไอคอนเพื่อแสดงออบเจ็กต์ใหม่ คุณสามารถสร้างไฟล์ไอคอนได้ด้วยตัวเอง หรือให้ Dreamweaver แทรกไอคอนปกติก็ได้ หากคุณสร้างไอคอนด้วยตัวเอง โปรดอย่าลืมสร้างไฟล์ GIF ขนาด 18×18 พิกเซล บันทึกไฟล์กราฟิกในไดเร็กทอรีเดียวกันโดยใช้ชื่อเดียวกันกับออบเจ็กต์ใหม่
ตอนนี้ ให้รีสตาร์ท Dreamweaver หรือเลือกที่จะโหลดซ้ำในส่วนขยาย (กดปุ่ม Ctrl แล้วคลิกเมนูป๊อปอัปของหน้าต่างวัตถุ) คุณจะเห็นหน้าฟังก์ชันใหม่ในหน้าต่างวัตถุ และไอคอนจะเป็นไอคอนที่คุณตั้งค่าไว้ คุณสามารถลากออบเจ็กต์ใหม่นี้ลงบนหน้าได้เหมือนกับออบเจ็กต์อื่นๆ
หากคุณคุ้นเคยกับ Javascript คุณสามารถสร้างออบเจ็กต์ที่ซับซ้อนยิ่งขึ้นและส่วนขยายอื่นๆ ได้ เช่น แผงแบบลอย ลักษณะการทำงาน และอื่นๆ หรือคุณสามารถดาวน์โหลดออบเจ็กต์สำเร็จรูปจาก Macromedia Exchange
การเปลี่ยนสถานะเมาส์ของผู้ดู
ทำได้โดยการแก้ไขสไตล์ชีต CSS วิธีการเฉพาะคือ: เลือก "ข้อความ > สไตล์ CSS > แก้ไขสไตล์ชีต" หน้าต่างแก้ไขสไตล์ชีตจะปรากฏขึ้น และคลิกปุ่ม "ใหม่" ในนั้น จากนั้นเลือก "สร้างสไตล์ที่กำหนดเอง" ตั้งชื่อสไตล์ชีตแล้วคลิกตกลง แก้ไขสไตล์ชีต เลือกรายการ "ขยาย" ทางด้านซ้าย และเลือกเอฟเฟกต์ตัวชี้เพื่อให้ปรากฏในรายการ "เคอร์เซอร์" ทางด้านขวา
ใช้แท็ก Anchor ของ Dreamweaver เพื่อสร้างลิงก์ข้ามในหน้า
การใช้ "แท็ก Anchor" ของ Dreamweaver ทำให้เราสามารถบรรลุฟังก์ชันนี้ได้ วิธีการเฉพาะคือ เลื่อนเคอร์เซอร์ไปยังตำแหน่งที่คุณต้องการข้ามไป เลือก "แทรก > ชื่อ Anchor" ในเมนู แล้วป้อนชื่อของจุดยึด จากนั้น ป้อน "#ชื่อบุ๊กมาร์ก" ในช่องเป้าหมายลิงก์ที่คุณต้องการเรียกลิงก์ เพื่อให้ลิงก์ข้ามภายในหน้าพร้อม ในที่นี้หากเรากรอกชื่อหน้าเว็บก่อนชื่อ Anchor ก็จะข้ามไปที่ bookmark ในหน้าอื่นๆ ตัวอย่างเช่น หากเราป้อน "index.htm#top" ในลิงก์ เมื่อผู้ชมคลิกลิงก์นี้ ลิงก์จะข้ามไปที่จุดยึด "บนสุด" ในหน้าดัชนี
ลบช่องว่างระหว่างรูปภาพกับตาราง
เพื่อให้แน่ใจว่าไม่มีช่องว่างระหว่างรูปภาพกับตาราง คุณยังต้องตั้งค่าทั้งสองช่องให้เป็น "0" ด้วย ด้านข้างของเซลล์บนแผงคุณสมบัติของตาราง คุณสมบัติถูกตั้งค่าเป็น "0" (เช่น cellspacing="0" และ cellpadding="0")
ใช้รูปภาพติดตามเพื่อช่วยระบุตำแหน่งของแต่ละองค์ประกอบในหน้าเว็บ
"การติดตามรูปภาพ" เป็นคุณลักษณะที่มีประสิทธิภาพมากของ Dreamweaver ซึ่งช่วยให้ผู้ใช้สามารถใช้แบบร่างการออกแบบกราฟิกต้นฉบับเป็นพื้นหลังเสริมในหน้าเว็บได้ ด้วยวิธีนี้ ผู้ใช้สามารถค้นหาข้อความ รูปภาพ ตาราง เลเยอร์ และองค์ประกอบอื่นๆ ของเว็บเพจบนเพจได้อย่างง่ายดาย การใช้การติดตามรูปภาพโดยเฉพาะมีดังต่อไปนี้: ขั้นแรกให้ใช้ซอฟต์แวร์วาดภาพต่างๆ เพื่อสร้างไดอะแกรมเค้าโครงหน้าเว็บในจินตนาการ จากนั้นบันทึกไดอะแกรมนี้เป็นรูปแบบรูปภาพเครือข่าย (รวมถึง gif, jpg, jpeg และ png) ใช้ Dreamweaver เพื่อเปิดหน้าเว็บที่คุณกำลังแก้ไข เลือก "แก้ไข > คุณสมบัติหน้า" ในเมนู จากนั้นป้อนตำแหน่งของรูปแบบเค้าโครงหน้าเว็บที่คุณเพิ่งสร้างขึ้นในรายการ "ติดตามรูปภาพ" ในกล่องโต้ตอบป๊อปอัป . จากนั้นตั้งค่าความโปร่งใสของรูปภาพการติดตามใน Image Transparency ตกลง ด้วยวิธีนี้ คุณสามารถค้นหาตำแหน่งของแต่ละองค์ประกอบหน้าเว็บในหน้าเว็บปัจจุบันได้อย่างง่ายดาย หน้าเว็บที่ใช้รูปภาพการติดตามจะไม่แสดงรูปแบบพื้นหลังอีกต่อไปเมื่อแก้ไขด้วย Dreamweaver แต่สิ่งที่ตรงกันข้ามจะเกิดขึ้นเมื่อเรียกดูด้วยเบราว์เซอร์ รูปภาพการติดตามจะหายไปและสิ่งที่คุณเห็นคือหน้าเว็บที่แก้ไข (แน่นอนว่ารูปแบบพื้นหลังอาจเป็นได้) แสดง)
เกี่ยวกับ "แปลงความกว้างของตารางเป็นพิกเซล" และ "แปลงความกว้างของตารางเป็นเปอร์เซ็นต์"
"แปลงความกว้างของตารางเป็นพิกเซล" และ "แปลงความกว้างของตารางเป็นเปอร์เซ็นต์" เป็นสองฟังก์ชันที่สำคัญของ Dreamweaver สำหรับการตั้งค่าความกว้างของตาราง เมื่อคุณเปิดเว็บเพจที่มีตาราง ให้เลือกตาราง แล้วคุณจะเห็นปุ่มสองปุ่มนี้ในแผงเครื่องมือคุณสมบัติตารางที่จะแสดงในภายหลัง ตามชื่อที่แนะนำ "แปลงความกว้างของตารางเป็นพิกเซล" คือการแสดงความกว้างของเซลล์ทั้งหมดในตารางเป็นพิกเซล ในขณะที่ "แปลงความกว้างของตารางเป็นเปอร์เซ็นต์" คือการแสดงความกว้างของเซลล์ทั้งหมดในตารางเป็นเปอร์เซ็นต์ คิดอย่างรอบคอบเกี่ยวกับบทบาทของพวกเขา หากความกว้างของตารางแสดงเป็นพิกเซล เมื่อขยายหน้าต่างการเรียกดู ตารางจะไม่ขยายความกว้างของเซลล์ตามนั้น การใช้ "แปลงความกว้างของตารางเป็นพิกเซล" ทำให้ตารางกว้าง 100% ที่คุณสร้างที่ความละเอียด "640×480" ยังคงรักษาความกว้าง 100% ที่ความละเอียดสูงกว่าได้ ดังนั้นการใช้ฟังก์ชันทั้งสองนี้อย่างเต็มที่จะทำให้การจัดวางหน้าเว็บมีประสิทธิภาพมากขึ้น