20 เคล็ดลับสร้างเว็บเพจด้วย Dreamweaver
ผู้เขียน:Eve Cole
เวลาอัปเดต:2009-06-01 01:02:13
1) จะรวม Dreamweaver เข้ากับเบราว์เซอร์ IE ได้อย่างไร
โปรแกรมติดตั้ง Dreamweaver จะเพิ่มคำสั่ง "แก้ไขด้วย Dreamweaver" ลงในเมนูบริบท นอกจากนี้เรายังสามารถแก้ไขรีจิสทรีของ Windows เพื่อรวมเข้ากับ IE ได้ เช่นเดียวกับ MS Word, Frontpage และ Notepad Dreamweaver ถูกเรียกให้เปิดหน้าเว็บปัจจุบันผ่านปุ่มแก้ไขบนแถบเครื่องมือ IE
เปลี่ยนบรรทัดสุดท้ายของข้อความต่อไปนี้เป็นพาธการติดตั้ง Dreamweaver ของคุณเอง บันทึกเป็นไฟล์ *.reg แล้วดับเบิลคลิกเพื่อเพิ่มข้อมูลลงในรีจิสทรี
Regedit4
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]
@="C:Program filesMacromediaDreamweaver 3dreamweaver.exe %1"
หากคุณต้องการตั้งให้เป็นตัวแก้ไขเริ่มต้นสำหรับ IE ให้เปิด "ตัวเลือกอินเทอร์เน็ต" ของ IE แล้วระบุบนแท็บโปรแกรม
2) เพื่อที่จะใช้สคริปต์บางอย่าง มักจะจำเป็นต้องเพิ่มลิงก์ว่างให้กับกราฟิกหรือข้อความ อย่างไรก็ตาม เมื่อคุณคลิกที่วัตถุที่มีลิงก์ว่างระหว่างการเรียกดู มันจะข้ามไปที่ด้านบนของหน้าได้อย่างไร นี้?
เนื่องจากเบราว์เซอร์คิดว่าลิงก์ไปยังหน้าเดียวกัน แต่ไม่พบบุ๊กมาร์กที่กำหนดไว้ (จุดยึด) จึงยังคงอยู่ที่ด้านบนของหน้า แทนที่ " # " ของลิงก์ว่างด้วย " javascript:void(null) " เพื่อแก้ไขปัญหานี้
3) เมื่อใช้ CSS และเลเยอร์ เอฟเฟกต์ในเบราว์เซอร์ที่แตกต่างกันจะแตกต่างกัน และบางครั้งก็เกิดการวางแนวที่ไม่ตรง วิธีแก้ปัญหา
ในแง่ของความเข้ากันได้กับเบราว์เซอร์ที่แตกต่างกัน Dreamweaver ทำงานได้ดี แต่ไม่ได้หมายความว่าหน้าเว็บที่สร้างด้วย Dreamweaver จะเหมือนกันทุกประการใน IE และ Netscape ภายใต้สถานการณ์ปกติ ลักษณะของหน้าเว็บเดียวกันที่ถูกเรียกดูโดยเบราว์เซอร์ที่แตกต่างกันจะต้องไม่เหมือนกันทุกประการ ซึ่งจะถูกกำหนดโดยเบราว์เซอร์ของผู้ผลิตที่แตกต่างกัน
โดยทั่วไป พยายามใส่ใจกับปัญหาต่อไปนี้:
อย่าผสมเลเยอร์และเค้าโครงตาราง หากมีความสัมพันธ์แบบพาเรนต์-รอง เช่น ตารางในเลเยอร์ ก็ไม่อยู่ในขอบเขตของหลักการนี้
CSS แบบอินไลน์มักทำให้เกิดปัญหาใน Netscape Navigator ใช้การผูกมัดหรืออินไลน์
บางครั้งจำเป็นต้องแทรกตารางหรือรูปภาพโปร่งใสในเลเยอร์ว่างเพื่อให้แน่ใจว่าได้ผลใน Netscape Navigator สำหรับเลเยอร์ที่มีความกว้างหรือสูงเพียงไม่กี่พิกเซล ให้ใช้รูปภาพแทน
หลีกเลี่ยงการใช้คุณสมบัติการพิมพ์ที่องค์กร W3C ไม่แนะนำ และใช้ CSS แทน
4) เหตุใดเมื่อคัดลอกข้อความจากเอกสารอื่นไปยัง Dreamweaver ทุกย่อหน้าจึงอัดแน่นกัน และมีโค้ดการจัดรูปแบบภายใน Dreamweaver
การคัดลอกและวางข้อความใน Dreamweaver มีสองประเภท วิธีมาตรฐานในการคัดลอกวัตถุพร้อมกับคุณสมบัติและใช้เนื้อหาของคลิปบอร์ดเป็นโค้ด HTML ส่วนวิธีอื่นจะคัดลอกหรือวางข้อความเท่านั้นโดยไม่สนใจรูปแบบ html เมื่อทำการคัดลอกและ วาง จากนั้นวางโค้ด html เป็นข้อความ กดปุ่ม "Shift" อีกหนึ่งปุ่ม (Ctrl+Shift+C/Ctrl+Shift+V) เพื่อดำเนินการในลักษณะหลัง
5) เหตุใดจึงสามารถเรียกดูหน้าเว็บได้ตามปกติโดยใช้ IE แต่ไม่ตรงตามข้อกำหนดหรือแม้กระทั่งเกิดข้อผิดพลาดเมื่อใช้ Netscape Navigator และเหตุใดจึงไม่สามารถแก้ไขได้ดีในหน้าต่างเอกสารของ Dreamweaver
กรุณาตรวจสอบรหัส เนื่องจากคุณใช้โปรแกรมแก้ไขแบบ WYSIWYG เพื่อแก้ไขบางส่วนของเพจซ้ำๆ บางครั้งโค้ดที่ซ้ำซ้อนอาจเหลืออยู่ เช่น ลิงก์ที่ซ้ำซ้อน จึงไม่สามารถมองเห็นโค้ดเหล่านี้ได้ในหน้าต่างเอกสาร Dreamweaver และ IE จะเพิกเฉยต่อโค้ดเหล่านี้ อย่างไรก็ตาม Netscape Navigator มีข้อกำหนดโค้ดที่เข้มงวดกว่า และปรากฏการณ์ที่น่าทึ่งเกิดขึ้นระหว่างการแสดงตัวอย่าง
6) ใน Netscape Navigator บุ๊กมาร์ก (จุดยึด) บางตัวไม่ทำงาน และบางอันดูเหมือนจะหายไปใช่หรือไม่
บุ๊กมาร์กของ Netscape Navigator คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ ในนาวิเกเตอร์ บุ๊กมาร์กในตารางที่ซ้อนกันหลายชั้นจะหายไป วางบุ๊กมาร์กไว้นอกตาราง
7) หน้าต่างเอกสาร Dreamweaver เต็มไปด้วยพาเนลต่างๆ มากมาย กว่าจะแก้ไขเอกสารได้ ฉันต้องทำอย่างไร?
หน้าจอความละเอียด 800X600 นั้นเล็กเกินไปสำหรับ Dreamweaver จริงๆ แต่แม้แต่ 1024X768 ก็ไม่สามารถพอดีกับแผงทั้งหมดได้ สิ่งสำคัญคือการจัดระเบียบให้ดี
ปิดแผงที่ไม่ได้ใช้ชั่วคราวในการแก้ไขและรวมแผงที่ใช้กันทั่วไปเข้าด้วยกันเพื่อประหยัดพื้นที่หน้าจอ
ยกเว้นกรณีที่คุณต้องการใช้ตอนนี้ ให้ปิด "HTML Source Inspector" นอกจากจะใช้พื้นที่หน้าจอแล้ว ยังใช้ทรัพยากรระบบจำนวนมากอีกด้วย
กด F4 เพื่อซ่อนแผงที่เปิดอยู่ทั้งหมดและดูเอกสารทั้งหมด จากนั้นกดอีกครั้งเพื่อแสดงแผง
มีคำสั่ง "Arrange Floating Palettes" ในเมนู "Windows" ใช้คำสั่งนี้เพื่อวางแผงที่เปิดอยู่ทั้งหมดรอบหน้าต่างโดยไม่ทับซ้อนกัน
การใช้ปุ่มลัดบ่อยๆ และการเรียนรู้อย่างเชี่ยวชาญเป็นวิธีที่ดีในการปรับปรุงประสิทธิภาพการทำงาน
เมื่อเพิ่มวัตถุที่มองไม่เห็น Dreamweaver จะเพิ่มไอคอนที่เกี่ยวข้องที่ด้านบนของหน้าในหน้าต่างเอกสาร หากมีไอคอนมากเกินไป อาจขัดขวางการแก้ไข คุณสามารถซ่อนและแสดงได้โดยกด "Ctrl+Shift+I" (เมนูหลัก ดู|องค์ประกอบที่มองไม่เห็น) คุณยังสามารถตั้งค่าไม่ให้ไอคอนเหล่านี้ปรากฏได้ แต่ไม่แนะนำ เนื่องจากจะช่วยเลือกวัตถุสำหรับการแก้ไข
8) แผงวัตถุ Head สามารถเพิ่มเนื้อหาได้เท่านั้น เนื้อหาของแท็ก <head> สามารถแก้ไขได้ในหน้าต่างเอกสารหรือไม่
สามารถ. มีวิธีที่ใช้งานง่ายมาก โดยกด "Ctrl+Shift+W" (เมนูหลัก ดู|เนื้อหาส่วนหัว) แถวของไอคอนจะปรากฏใต้แถบเมนูหลักของหน้าต่างเอกสาร คลิกไอคอนเหล่านี้เพื่อแก้ไข
9) จะเลือกรูปภาพที่มีขนาดเล็กมากในตารางและเลเยอร์ เช่น 1X1px ได้อย่างไร
คลิกในเซลล์ตาราง จากนั้นกดปุ่ม "Shift" ค้างไว้แล้วเลื่อนโดยใช้ปุ่มลูกศรเพื่อเลือก
คุณยังสามารถเลือกเซลล์ตาราง (กดปุ่ม Ctrl แล้วคลิกเซลล์ที่เกี่ยวข้องด้วยเมาส์) หรือเลเยอร์ก่อน จากนั้นเลือก <img src="..."> ในโค้ดที่ไฮไลต์ในแผง "HTML Source Inspector" เพื่อกลับไปยังหน้าต่างเอกสารและเลือกรูปภาพแล้ว
10) จะแก้ไขชื่อ (Title) ของระบบเฟรมเวิร์กได้อย่างไร?
กด "Ctrl+F10" เพื่อเปิดแผง "Frames" คลิกที่กรอบด้านนอกสุด แล้วกด "Ctrl+J" (เมนูหลัก Modify|Page Properties)
11) จะเปลี่ยนเหตุการณ์เริ่มต้นของ "พฤติกรรม" ได้อย่างไร?
ไฟล์การตั้งค่าเหตุการณ์จะอยู่ในโฟลเดอร์ "ConfigurationBehaviorsEvents" ในไดเร็กทอรีการติดตั้ง Dreamweaver ตัวอย่างเช่น สำหรับเบราว์เซอร์เวอร์ชัน 4.0 ขึ้นไป ให้เปิดไฟล์ "4.0 และใหม่กว่า Browsers.htm"
< A onClick = "*" onDblClick = "" onKeyDown = "" onKeyPress = "" onKeyUp = "" onMouseDown = "" onMouseOut = "" onMouseOver = "" onMouseUp = "">
ย้าย "*" ใน " onClick="*" " ไปที่ " onMouseOver="" " และเปลี่ยนเป็น: < A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown= " " onMouseOut="" onMouseOver="*" onMouseUp="">
รีสตาร์ท Dreamweaver เหตุการณ์เริ่มต้นประเภทนี้จะกลายเป็น "onMouseOver" การเปรียบเทียบอื่น ๆ
12) เมื่อเปิดเพจ สามารถเปิดหน้าต่างเล็ก ๆ พร้อม ๆ กันโดยใช้ Dreamweaver ได้หรือไม่?
ใช่โดยไม่ต้องเขียนโค้ดแม้แต่บรรทัดเดียว ใช้สคริปต์ "เปิดหน้าต่างเบราว์เซอร์" ในตัวในแผง "พฤติกรรม" เพื่อตั้งค่าหน้า ขนาดหน้าต่าง และคุณสมบัติ ดังแสดงในภาพ:
13) เมื่อแทรกตาราง จะมีช่องว่าง (< td> < /td>) อยู่เสมอในเซลล์ตาราง
สิ่งนี้สร้างขึ้นโดยอัตโนมัติโดย Dreamweaver อย่าลบมัน หากไม่มีสิ่งใดในเซลล์ของตาราง Netscape Navigator จะไม่แสดงเซลล์นั้น
14) แท็ก <head> ของเอกสารเทมเพลตไม่สามารถแก้ไขได้ยกเว้นธีมของหน้าเว็บ ฉันจะเพิ่มลักษณะการทำงานให้กับหน้าเว็บตามเทมเพลตนี้ได้อย่างไร
ใช้แผง "ตัวตรวจสอบแหล่งที่มา HTML" เพื่อเพิ่มแท็กที่แก้ไขได้ก่อน "</head>" ของเอกสารเทมเพลต ดังนี้:
< !-- #BeginEditable "Javascript" -->
<ภาษาสคริปต์ = "จาวาสคริปต์">
</สคริปต์>
< !-- #สิ้นสุดแก้ไขได้ -->
15) เมื่อร่วมมือกันในการพัฒนาและจัดการเว็บไซต์โดยใช้ระบบการลงทะเบียน/การตรวจสอบของ Dreamweaver สิทธิ์การเข้าถึงที่แตกต่างกันจะถูกเพิ่มลงในไฟล์ที่เกี่ยวข้องกับเว็บไซต์บนเซิร์ฟเวอร์ระยะไกลหรือไม่
การเช็คอิน/เช็คเอาท์เป็นกลไกการจัดการที่ใช้ภายในโดย Dreamweaver และไม่เกี่ยวข้องกับแอตทริบิวต์ของไฟล์ "เช็คเอาต์" หมายความว่าไฟล์กำลังถูกใช้โดยฉันและผู้อื่นไม่สามารถแก้ไขได้ "เช็คอิน" หมายความว่าไฟล์นั้นสามารถเช็คเอาท์และแก้ไขโดยเพื่อนร่วมงานคนอื่นได้ และไฟล์ในเครื่องจะกลายเป็นแบบอ่านอย่างเดียวเพื่อป้องกันตัวเองจาก เปลี่ยนเนื้อหา
Dreamweaver ใช้ฟังก์ชันเช็คอิน/เช็คเอาท์โดยสร้างไฟล์ ".lck" ที่เกี่ยวข้องบนเซิร์ฟเวอร์ท้องถิ่นและระยะไกล ไฟล์เหล่านี้จะไม่แสดงในหน้าต่าง "ไซต์" Dreamweaver สามารถอ่านไฟล์เหล่านี้ได้เท่านั้น ไม่มีการเพิ่มแอตทริบิวต์ลงในไฟล์ หากคุณใช้เครื่องมือและโปรแกรมแก้ไข Ftp อื่น คุณยังคงสามารถเปิดได้
16) เมื่อสร้างเว็บเพจ เมาส์จะบินไปรอบๆ ซึ่งมักจะเปลี่ยนขนาดของรูปภาพที่ตั้งไว้ สามารถแก้ไขได้โดยไม่ต้องดูภาพซ้ำหรือไม่?
หากขนาดรูปภาพไม่ตรงกัน ค่าจะกลายเป็นตัวหนาในแผงคุณสมบัติ กดปุ่ม "รีเฟรช" บนแผงควบคุมเพื่อคืนค่าเป็นขนาดจริง
17) ฉันจะคลิกลิงค์และเปลี่ยนหลายเฟรมพร้อมกันได้อย่างไร?
วิธีที่ตรงที่สุดคือการสร้างระบบเฟรมสำหรับลิงค์
การใช้พฤติกรรม "ไปที่ URL" ของ Dreamweaver ง่ายกว่า กล่องโต้ตอบจะแสดงเฟรมทั้งหมด เพียงกรอกหน้าที่เกี่ยวข้องในคอลัมน์ "URL" ด้านล่าง
18) ฉันต้องการเพิ่มลักษณะการทำงานให้กับข้อความ แต่รายการในแผงลักษณะการทำงานทั้งหมดมืดมัวและไม่สามารถเลือกได้ ฉันควรทำอย่างไร?
เมื่อเจอสถานการณ์นี้มาก่อน ฉันมักจะแทรกรูปภาพไว้ข้างข้อความและเพิ่มลักษณะการทำงานที่จำเป็นลงในรูปภาพ จากนั้นแก้ไขโค้ด เลื่อนไปเหนือข้อความ และลบรูปภาพออก
วิธีการข้างต้นยุ่งยากกว่า วิธีที่สะดวกคือการเชื่อมโยงข้อความกับ "javascript:void(null)" แล้วพฤติกรรมเหล่านั้นจะถูกเปิดเผยอย่างตรงไปตรงมา
19) เมื่อวางเลเยอร์โดยใช้พฤติกรรมลงในไลบรารี Dreamweaver จะไม่ปล่อยให้พฤติกรรมของเลเยอร์ตามมา ฉันควรทำอย่างไร?
ใช้เทมเพลต
20) สคริปต์ที่ตรวจสอบปลั๊กอิน Flash และการเปลี่ยนเส้นทางบางครั้งผิดปกติ มีวิธีอื่นอีกหรือไม่
เมื่อสร้างหน้าเว็บ Flash ผู้คนจะคุ้นเคยกับการใช้พฤติกรรม "ตรวจสอบปลั๊กอิน" ของ Dreamweaver เพื่อเปลี่ยนเส้นทาง แต่บางครั้งมันจะรายงานไม่ถูกต้อง โดยบอกว่าติดตั้ง Plug-in ไว้ชัดเจนแล้ว แต่มันบอกว่าไม่ได้ติดตั้ง นี่เป็นวิธีที่ดีในการเปลี่ยนเส้นทาง
สร้างโฮมเพจใหม่เป็นหน้าเปลี่ยนเส้นทาง ใช้ "แทรกการรีเฟรช" ในแผงออบเจ็กต์ "head" เพื่อนำทางไปยังหน้าเว็บที่ไม่ใช้เทคโนโลยี Flash ดังแสดงในรูป มันจะเพิ่มโค้ดต่อไปนี้ที่ส่วนหัวของหน้า: < meta http-equiv="refresh" content="4;URL=noflash.htm">
สร้างวิดีโอ Flash ขนาดเล็กอีกรายการและเพิ่มลักษณะการทำงาน "รับ url" ในเฟรมแรกเพื่อชี้ไปยังหน้าเว็บที่ใช้เทคโนโลยี Flash ฝังวิดีโอสั้นๆ นี้ลงในหน้าแรกของคุณเพื่อวัตถุประสงค์ในการกำหนดเป้าหมาย
แน่นอนว่าหน้าที่เปลี่ยนเส้นทางนี้มีความน่าเชื่อถือมาก