Dreamweaver เป็นเครื่องมือออกแบบเว็บไซต์ที่ชาวเน็ตจำนวนมากชื่นชอบมาโดยตลอด นอกเหนือจากความสามารถในการสร้างเอฟเฟกต์ไดนามิกอันทรงพลังแล้ว อินเทอร์เฟซการทำงานที่สะดวกและกระชับยังมีเอกลักษณ์เฉพาะตัวอีกด้วย ด้านล่างนี้เราจะยกตัวอย่าง Dreamweaver4 และถามคำถามอย่างเป็นระบบ ขอแนะนำปัญหาและเทคนิคที่มักพบในกระบวนการออกแบบ
หมายเหตุ: เพื่อความสะดวก เราจะลดการแสดง Dreamweaver ทั้งหมดเป็น DW ด้านล่าง
1> จะเว้นวรรคใน DW ได้อย่างไร?
ปัญหาการป้อนช่องว่างดูเหมือนจะกลายเป็นปัญหาที่พบบ่อยใน DW เราอาจเคยเห็นมาแล้ว N ครั้งในหนังสือหรือบทความหลายเล่มที่แนะนำการใช้ DW
ข้อจำกัดในการป้อนช่องว่างใน DW มีไว้สำหรับสถานะข้อความ "ครึ่งความกว้าง" ดังนั้นจึงสามารถหลีกเลี่ยงได้โดยการปรับวิธีการป้อนข้อมูลเป็นโหมดเต็มความกว้าง วิธีการคือ: เปิดวิธีการป้อนข้อมูลภาษาจีน (ใช้ ABC ปัญญาประดิษฐ์เป็น เช่น) ให้กด Shift +Space เพื่อสลับเป็นสถานะเต็มความกว้าง ตอนนี้ก็น่าจะใช้ได้แล้ว
นอกจากนี้ คุณยังสามารถบรรลุวัตถุประสงค์ของการป้อนช่องว่างด้วยวิธีการ "แก้ไขปัญหา" มากมาย ตัวอย่างเช่น วิธีที่ใช้กันทั่วไปคือ:
การเพิ่มโค้ด HTML " " โดยตรง ซึ่งแสดงถึงช่องว่างในซอร์สโค้ด หลังจากป้อนออบเจ็กต์ข้อความของบางรายการ ความยาวแล้วปรับสีของข้อความ เหมือนกับสีพื้นหลังปัจจุบัน เป็นต้น แต่โปรดทราบว่าสีหลังอาจแสดงปัญหาในบางเบราว์เซอร์ (ฮ่าฮ่า อันที่ฉันใช้ตอนนั้นถูกค้นพบโดย Wang Chenyun!)
2> จะเพิ่มไอคอนขนาดเล็กที่ปรับแต่งเองไว้ด้านหน้าแถบที่อยู่ของเบราว์เซอร์ได้อย่างไร?
คุณจำได้ไหมว่าบางครั้งเมื่อเรียกดูหน้าแรกของเว็บไซต์ NetEase ไอคอนขนาดเล็กที่มีคำว่า "ง่าย" จะปรากฏขึ้นด้านหน้า WWW.163.COM ตามค่าเริ่มต้น ไอคอนนี้เป็นรูปภาพที่กำหนดของเบราว์เซอร์ IE ดังที่แสดงในภาพ:
อันที่จริง นี่ไม่ใช่เทคโนโลยีที่ซับซ้อน เพียงแค่เพิ่มไฟล์เฉพาะลงในไดเร็กทอรีของเว็บไซต์
ขณะนี้เราต้องสร้างไฟล์ไอคอนไว้ล่วงหน้า โดยมีขนาด 16*16 พิกเซล นามสกุลไฟล์คือ ico จากนั้นอัปโหลดไปยังไดเร็กทอรีที่เกี่ยวข้อง เพิ่มโค้ดต่อไปนี้ระหว่างไฟล์ต้นฉบับ HTML "<head></head>":
<Link Rel="SHORTCUT ICON" href="http://The address of the image (โปรดทราบว่าตอนนี้มันสอดคล้องกับไดเร็กทอรีในขณะนี้) ">
" ไอคอนทางลัด" คือชื่อของไอคอน แน่นอนว่าหากผู้ใช้ใช้ IE5 ขึ้นไปในการเรียกดู มันจะง่ายยิ่งขึ้นไปอีก เพียงอัปโหลดรูปภาพไปยังไดเร็กทอรีรากของเว็บไซต์ จากนั้นรูปภาพก็จะได้รับการยอมรับโดยอัตโนมัติ!
3> เหตุใดหน้าเว็บที่ออกแบบอย่างดีแต่เดิมของฉันจึงน่าเกลียดและน่าอายเมื่อหน้าต่างเบราว์เซอร์ถูกย่อเล็กสุด
นี่ควรเป็นเรื่องที่ควรค่าแก่ความสนใจของทุกคน กล่าวอีกนัยหนึ่ง ไม่มีปัญหาเลยเมื่อเรียกดูเนื้อหาเว็บในโหมดเต็มหน้าจอ ปัญหาจะเกิดขึ้นอย่างช้าๆ เมื่อเราใช้คำสั่งย่อขนาดหน้าต่างหรือปรับขนาดหน้าต่างด้วยตนเอง เนื้อหาของหน้าเว็บจะใช้หน้าต่างปัจจุบันเป็นช่วงการแสดงผลและตกตามลำดับ ตัวอย่างเช่น ความแตกต่างระหว่าง "การตัดบรรทัดอัตโนมัติ" และ "ไม่มีการตัดบรรทัด" ใน Notepad จะเหมือนกันทุกประการ
เพื่อแก้ไขปัญหานี้ เราต้องเริ่มต้นด้วยเค้าโครงของหน้าเว็บ ภายใต้สถานการณ์ปกติ การวางตำแหน่งเนื้อหาเว็บส่วนใหญ่จะทำได้ผ่านตาราง ดังนั้น "ความผิด" ของปัญหาจึงอยู่ที่รูปแบบ
โปรดดูที่การแสดงแผงคุณสมบัติของตารางด้านล่าง:
คุณอาจสังเกตเห็นว่ามีตัวเลือกการตั้งค่าความสูงและความกว้างของตาราง เปอร์เซ็นต์ และพิกเซลให้เลือกสองประเภทที่แตกต่างกัน การใช้เปอร์เซ็นต์จะทำให้เกิดปัญหาดังที่กล่าวไปแล้ว เพียงแก้ไขให้มีขนาดตามจริงของหน่วย Pixels
4> จะเปลี่ยนข้อความแจ้งที่ด้านบนเมื่อหน้าเว็บแสดงได้อย่างไร?
เมื่อเรียกดูหน้าเว็บ ข้อมูลแจ้งที่ด้านบนมักจะแสดงถึงเนื้อหาสำคัญของหน้าเว็บ ช่วยให้ผู้เยี่ยมชมเข้าใจเนื้อหาของหน้าเว็บล่วงหน้า ก่อน DW4 การดำเนินการนี้ไม่ได้ระบุไว้ในฟังก์ชันโดยตรง เรามักจะดำเนินการให้เสร็จสิ้นโดยใช้แอตทริบิวต์ "Title" ในซอร์สโค้ด การเข้าสู่ DW4 นั้นง่ายกว่ามาก
เพียงพิมพ์ข้อมูลข้อความที่ต้องการลงในช่องป้อนข้อมูล "ชื่อเรื่อง" โดยตรงที่ด้านบนของหน้าต่างแก้ไข
5> ฉันจะเพิ่มเส้นขอบของสีที่ระบุให้กับรูปภาพได้อย่างไร?
สำหรับรูปภาพที่ไม่มีเส้นขอบ เอฟเฟกต์การแสดงผลจะค่อนข้างแย่เมื่อแทรกลงในเว็บเพจโดยตรง โปรดจำไว้ว่าการเพิ่มเส้นขอบที่น่าพอใจให้กับรูปภาพใน Microsoft FP นั้นค่อนข้างลำบาก
อย่างไรก็ตาม ใน DW นั้นง่ายกว่ามาก เนื่องจากมีคุณสมบัติ "เส้นขอบ" ที่ให้คุณตั้งค่าความกว้างของเส้นขอบได้โดยตรง ดังภาพ:
หลังจากกำหนดความกว้างแล้วคงถามแน่นอนว่าสีล่ะ? ไม่มีตัวเลือกสีบนแผง! ฮ่าๆ จริงๆ แล้วมีทริคอยู่นะ ใช้เมาส์เลือกวัตถุรูปภาพ ระวังอย่าคลิกเพื่อเลือก แต่ให้ลากเพื่อเลือก เพียงทำแบบเดียวกับการตั้งค่าสีข้อความ
6> จะเพิ่มข้อมูลพร้อมท์สำหรับรูปภาพและข้อความลิงก์ได้อย่างไร?
เมื่อเราเรียกดูเว็บเพจ เมื่อเมาส์อยู่บนวัตถุรูปภาพหรือลิงก์ บางครั้งกล่องข้อความแจ้งจะปรากฏขึ้นที่ด้านขวาล่างของเมาส์ แสดงความคิดเห็นเกี่ยวกับเป้าหมาย ในบางกรณีบทบาทของมันมีความสำคัญมาก
ขั้นแรกเรามาดูการเพิ่มข้อมูลพร้อมท์รูปภาพกันก่อน เลือกวัตถุรูปภาพแล้วคุณจะพบช่องป้อนข้อมูล "Alt" ในแผงคุณสมบัติ ตามค่าเริ่มต้น กล่องป้อนข้อมูลนี้จะว่างเปล่า เพียงป้อนเนื้อหาพร้อมท์ที่จำเป็นที่นี่
ดังนั้นการสร้างข้อความแจ้งลิงก์จึงไม่ใช่เรื่องง่าย เนื่องจากฟังก์ชันนี้ไม่ได้ระบุไว้ใน DW โดยตรง เราจึงต้องเพิ่มโค้ด HTML เพื่อให้บรรลุผลดังกล่าว
เพิ่มแอตทริบิวต์ "Title" ใน <a href="" > Title=เนื้อหาพร้อมท์ก็เพียงพอแล้ว
7> จะทำให้ผู้อื่นดาวน์โหลด ZIP ของคุณเองหรือไฟล์ประเภทอื่น ๆ ได้อย่างไร
ในสายตาของผู้สร้างหน้าเว็บรุ่นเยาว์หลายคน ดูเหมือนว่าการดาวน์โหลดด้วยการคลิกเมาส์ให้เสร็จสิ้นเป็นสิ่งที่ "ลึกลับ" มาก แต่ในความเป็นจริงแล้ว ยังห่างไกลจากสิ่งนั้น ในเมื่อไฟล์รูปแบบใดๆ ใน DW ที่เบราว์เซอร์ไม่รู้จัก (นอกเหนือจาก HTM, HTML, ASP, PHP.PERL, SHTML ฯลฯ) ถูกใช้เป็นเป้าหมายลิงก์ การดำเนินการเริ่มต้นคือ ดาวน์โหลด
ในเวลานี้คุณจะต้องดาวน์โหลดเบราว์เซอร์เท่านั้น เขียนชื่อไฟล์ แล้วสร้างลิงค์ไปยังไฟล์เป้าหมาย ระวังอย่าให้ผิดพลาดในไดเร็กทอรี
8> เราจะมั่นใจได้อย่างไรว่าข้อความใน หน้าเว็บไม่เปลี่ยนแปลงตามการตั้งค่าขนาดตัวอักษรของเบราว์เซอร์ อย่างที่
เราทุกคนทราบกันดีว่าในเบราว์เซอร์ IE มีฟังก์ชั่นที่ให้คุณกำหนดขนาดตัวอักษรของเนื้อหาหน้าต่างได้อย่างอิสระ นิสัยของผู้เยี่ยมชมที่แตกต่างกัน หน้าเว็บที่นำเสนอให้พวกเขาบางครั้งอาจแตกต่างกัน
ตัวอย่างเช่น เดิมทีคุณอาจใช้แบบอักษรขนาด 2 ในการออกแบบของคุณ แต่เนื่องจากการตั้งค่าเบราว์เซอร์เพิ่มเติมของผู้ใช้ แบบอักษรจึงมีขนาดใหญ่ขึ้น ในขณะนี้ จะมีปัญหากับเอฟเฟกต์การแสดงผล
วิธีแก้ไขคือบังคับเนื้อหาหน้าเว็บให้มีขนาดที่เหมาะสมในเชิงคุณภาพ นั่นคือเขาไม่ได้รับอนุญาตให้เปลี่ยนแปลง ข้อกำหนดนี้สามารถทำได้โดยการควบคุมแบบอักษรแบบบังคับผ่านสไตล์ชีต CSS
9> เปิดลิงก์เป้าหมายเป็นหน้าต่างใหม่หรือไม่
เปิดในหน้าต่างใหม่ตามชื่อ หมายถึงการเปิดหน้าต่างเบราว์เซอร์อื่นโดยไม่บังหน้าต่างปัจจุบัน คุณสามารถ <a href="">เพิ่ม "Target=_blank" ลงในรหัสการเชื่อมต่อได้โดยตรง
หาก HTML ของคุณไม่ดี การตั้งค่านี้จะถูกจัดเตรียมไว้ในแผงคุณสมบัติ DW ด้วย เมื่อคุณพิมพ์ WWW URL ในกล่องป้อนข้อมูลลิงก์ กล่องแบบเลื่อนลงเป้าหมายด้านหลังก็จะเปิดใช้งานพร้อมกันด้วย
เพียงเลือก "ว่าง" ที่ด้านบนตามที่แสดง
ในภาพ
10> วิธีป้องกันไม่ให้หน้าต่างโฆษณาปรากฏขึ้นเมื่อโหลดหน้าเว็บ เช่นเดียวกับเว็บไซต์เชิงพาณิชย์หลายแห่ง
ซึ่งมักพบเห็นได้ในเว็บไซต์เชิงพาณิชย์ขนาดใหญ่หลายแห่ง สามารถนำไปใช้งานใน DW ได้อย่างง่ายดายผ่านพฤติกรรมพฤติกรรม
เนื่องจากกำลังโหลด เราจึงถือว่าเนื้อหาหน้าเว็บทั้งหมดเป็นออบเจ็กต์เหตุการณ์ได้ คลิกแท็ก "<body>" ที่มุมซ้ายล่างของหน้าต่างแก้ไข DW ในขณะนี้ คุณจะสังเกตเห็นว่าเนื้อหาเว็บทั้งหมดถูกเลือกแล้ว
คลิกปุ่ม "พฤติกรรม" ใน "Quick Launchpad" เพื่อเข้าสู่แผงลักษณะการทำงาน ดังแสดงในรูป:
เลือกรายการ "เปิดหน้าต่างเรียกดู" ในเวลานี้ คุณยังสามารถปรับแต่งสไตล์หน้าต่าง เช่น ขนาด การคงไว้ได้ ของปุ่มเครื่องมือ ฯลฯ อีกประเด็นหนึ่งคืออย่าลืมว่าเหตุการณ์ที่เกี่ยวข้องคือ "Onload"
11> ไม่มี "ไทม์ไลน์" ใน Quick Launch Pad ฉันควรทำอย่างไร?
หลังจากที่ DW ได้รับการอัปเกรดเป็นเวอร์ชัน 4 แล้ว ก็มีการเพิ่มโปรเจ็กต์ใหม่หลายโปรเจ็กต์ลงใน Quick Launch Pad เช่น สินทรัพย์ และอื่นๆ ในเวลานี้ ปุ่ม Timelins ซึ่งเดิมอยู่ด้านบนถูกบีบลง
แน่นอนว่าหากคุณอยากใช้งานตอนนี้ คุณยังสามารถค้นหามันได้จากเมนู "Windows"-"Timelines" แต่ท้ายที่สุดแล้วไม่สะดวกเท่ากับการวางไว้ใน Launchpad ในตอนนี้เราสามารถเพิ่มผ่านการตั้งค่าได้!
"แก้ไข"-"การตั้งค่า" เข้าสู่หน้าต่าง เลือก "พาเนล" ในรายการโครงการทางด้านซ้าย ดังแสดงในรูป
คลิกปุ่ม "+" ด้านบน และเลือก "ไทม์ไลน์" จากรายการแบบเลื่อนลง ในขณะนี้ ไทม์ไลน์ได้ถูกเพิ่มลงในเนื้อหารายการ "แสดงใน Launcher" ปัจจุบันโดยอัตโนมัติ ตกลง แผง "Launcher" ที่เปลี่ยนแปลงจะแสดงในรูป
ในเวลาเดียวกัน คุณยังสามารถเลือกตัวเลือกปุ่มที่ปรากฏในแผงควบคุมได้อย่างอิสระตามความต้องการของคุณเพื่อปรับปรุงประสิทธิภาพการทำงาน
12> สร้างหน้าเว็บเพื่อให้สามารถรีเฟรชอัตโนมัติทุกๆ 5 นาที
เมื่อท่องอินเทอร์เน็ตเรามักจะพบหน้าเว็บบางหน้า หากไม่มีการตอบสนองหลังจากช่วงระยะเวลาหนึ่ง ระบบจะรีเฟรชโดยอัตโนมัติ นอกเหนือจากการให้บริการโดยมีจุดประสงค์ในการเตือนผู้เยี่ยมชมแล้ว เมื่อที่อยู่การรีเฟรชใหม่ไม่ใช่ URL ปัจจุบัน ฟังก์ชันการข้ามอัตโนมัติก็จะถูกนำมาใช้
ไม่ว่าจะเป็นการรีเฟรชซ้ำหรือการกระโดดอัตโนมัติ ในการออกแบบเว็บไซต์ ล้วนเป็นการใช้งานจริงอย่างยิ่ง ด้านล่างนี้เราจะแนะนำวิธีทำ
เลือกส่วน "Head" ของแผง DW "Object" โปรดทราบว่าตามค่าเริ่มต้น "เนื้อหา" ของ Common จะปรากฏขึ้น ดังแสดงใน
รูปคลิกปุ่ม "รีเฟรช" ด้านบน และหน้าต่างป๊อปอัปจะเป็นดังนี้:
พิมพ์เวลาหน่วงเวลาการรีเฟรช (หน่วย: วินาที) ในช่องป้อนข้อมูล "ล่าช้า" และ "การกระทำ" คือ URL เป้าหมาย ระบุไว้สำหรับการรีเฟรช เนื่องจากเรากำลังรีเฟรชหน้าปัจจุบัน เพียงเลือกตัวเลือกเมนู "รีเฟรชเอกสารนี้"
13> จะกำหนดคีย์เวิร์ด (Keyname) ของหน้าเว็บได้อย่างไร?
เมื่อผู้ใช้ใช้เครื่องมือค้นหาเพื่อค้นหาหน้าเว็บที่มีเนื้อหาที่เหมาะสม คำหลักจะมีบทบาทที่ไม่สามารถละเลยได้ เซิร์ฟเวอร์การค้นหาส่วนใหญ่จะตรวจจับโดยอัตโนมัติว่ามีการสร้างหน้าเว็บใหม่บนเครือข่ายในช่วงเวลาปกติหรือไม่ และบันทึกด้วยคำหลักเพื่ออำนวยความสะดวกในการสืบค้นของผู้ใช้
แน่นอนว่าคุณต้องการให้หน้าเว็บของคุณปรากฏในรายการค้นหาของเครื่องมือค้นหา ในขณะนี้ คำจำกัดความของคำหลักมีความสำคัญอย่างยิ่ง
นอกจากนี้ในแผง "Head" ให้คลิก
ปุ่ม "คำหลัก" ดังแสดงในรูป จากนั้นหน้าต่างคำจำกัดความจะปรากฏขึ้นดังนี้:
เพียงป้อนคำหลักที่ต้องกำหนดทีละคำ โปรดทราบว่าคำหลักแต่ละคำจะถูกคั่นด้วย เครื่องหมาย ";" และไม่จำกัดจำนวน
14> จะซ่อนป้ายกำกับที่ไม่จำเป็นในหน้าต่างแก้ไขได้อย่างไร
เมื่อผู้ใช้แทรกองค์ประกอบที่มองไม่เห็นมากเกินไปลงในหน้าเว็บ แถวของป้ายกำกับที่เกี่ยวข้องจะปรากฏที่ด้านบนของหน้าต่างแก้ไข เพื่ออำนวยความสะดวกให้ผู้ใช้สามารถค้นหาได้ตลอดเวลา แม้ว่าแท็กเหล่านี้จะไม่ส่งผลต่อเอฟเฟกต์การแสดงผลในเบราว์เซอร์ แต่หากมีมากเกินไป เนื้อหาของหน้าเว็บก็มักจะต้องไม่ตรงแนว ซึ่งเป็นอุปสรรคต่อการปรับภาพของหน้าเว็บในระดับหนึ่ง เราจะกำจัดสิ่งเหล่านี้ได้อย่างไร?
เข้าสู่แผง "Preperence" และเลือก "Invisibel Elements" จากรายการดังแสดงในรูป:
เพียงทำเครื่องหมายที่ "เครื่องหมายถูก" ด้านหน้ารายการที่คุณไม่ต้องการแสดง เช่น สคริปต์ ฯลฯ
15> จัดเรียง การแสดงเบราว์เซอร์ที่ไม่รองรับเนื้อหา "เฟรม"?
เรารู้ว่าปัจจุบันมีเบราว์เซอร์หลายประเภท ดังนั้นสิ่งแรกที่เราพิจารณาเมื่อออกแบบหน้าเว็บมักจะเป็น "สิ่งนี้จะแสดงผลได้ดีในเบราว์เซอร์ต่างๆ หรือไม่" เฟรมเป็นตัวอย่าง!
แต่เพื่อหลีกเลี่ยงปัญหานี้ ง่ายมาก คุณเพียงแค่ต้องเพิ่มเนื้อหาต่อไปนี้ลงในซอร์สโค้ด
< BODY><noframes> --- หน้าเว็บนี้มีโครงสร้างเฟรม หากคุณไม่สามารถแสดงผลได้ตามปกติ โปรดดาวน์โหลดเบราว์เซอร์เวอร์ชันใหม่หรือเปลี่ยนเป็นเบราว์เซอร์หลัก --- < /noframes></ BODY>
16> วิธีการป้องกัน คนอื่นไม่ให้ใส่หน้าเว็บของคุณไว้ในกรอบ?
บางคนที่มีเจตนาไม่ดีมักจะขโมยผลงานของผู้อื่น เช่น การใส่หน้าเว็บที่จัดทำขึ้นอย่างพิถีพิถันของผู้อื่นลงในเฟรมของตนเองในรูปแบบของหน้าย่อย
แล้วจะป้องกันไม่ให้เนื้อหาเว็บของคุณถูก "ขโมย" ได้อย่างไร?
คุณจะต้องเพิ่มเนื้อหาโค้ดต่อไปนี้ระหว่าง <head></head> ของซอร์สโค้ดของหน้าเว็บ:
<script language="javascript"><!--
ถ้า (self!=top){top.location=self.location;}
-->< /script>
17> จะเพิ่มความคิดเห็นได้อย่างไร?
เนื้อหาคำอธิบายประกอบดังที่ชื่อแนะนำ จะปรากฏเป็นเนื้อหาที่อธิบายเท่านั้น ดังนั้นจะไม่ปรากฏบนหน้าเว็บเมื่อเรียกดู หน้าที่ของมันคือทำเครื่องหมายรหัสที่สำคัญหรือซับซ้อนบางอย่างตามความจำเป็นเพื่อให้สามารถค้นหาได้ง่ายและรวดเร็วยิ่งขึ้น
เข้าสู่ส่วน "Invisibel" ของแผง "Object" (นั่นคือองค์ประกอบที่มองไม่เห็น) และเลือกปุ่มแทรก "ความคิดเห็น" หน้าต่างจะเป็นดังนี้:
พิมพ์ข้อมูลที่จำเป็นใน "ความคิดเห็น" หากคุณกลับมาที่ซอร์สโค้ดในเวลานี้ คุณจะเห็นว่าการดำเนินการเหล่านี้ไม่ได้เพิ่มอะไรมากไปกว่าโค้ดบางส่วนในรูปแบบต่อไปนี้:
<! --นี่คือเนื้อหาคำอธิบายประกอบที่ต้องเติม-->
18> เส้นแนวนอน ทำไมตั้งค่าสีไม่ได้
ใน DW เมื่อแทรกเส้นแนวนอนผ่านเมนู "แทรก" - "กฎแนวนอน" คุณจะพบว่าไม่มีการตั้งค่าสีของเส้นแนวนอนในแผงคุณสมบัติเนื่องจาก NC แรกสุดไม่รองรับแท็ก < hr> (รหัส HTML สำหรับเส้นแนวนอน) ) แอตทริบิวต์ COLOR ดังนั้น DW จึงไม่มีการตั้งค่าใดๆ
ดังที่แสดงในภาพ
หากจำเป็น เราสามารถป้อนไฟล์ต้นฉบับโดยตรงเพื่อทำการเปลี่ยนแปลงเท่านั้น
<hr color="Corresponding color code">
19> วิธีการตั้งค่าฟังก์ชันที่สามารถปิดหน้าต่างปัจจุบันได้?
ขั้นแรกเราสามารถป้อนข้อความที่ใช้ทำเครื่องหมาย "ปิดหน้าต่าง" แล้วลากด้วยเมาส์เพื่อเลือก พิมพ์ "/" ในช่องป้อนข้อมูล "ลิงก์" และตัดลงในหน้าต่างซอร์สโค้ดพร้อมกัน พิมพ์ เหตุการณ์ -onclick= ในโค้ดลิงก์ "javascript:window.close(); return false;"
รหัสที่สมบูรณ์คือ: < a href="/" onclick="javascript:window.close(); return false;">ปิดหน้าต่าง</a>
แน่นอน คุณยังสามารถแทนที่ข้อความ "ปิดหน้าต่าง" ด้วยวัตถุอื่น ๆ เช่น รูปภาพ, ปุ่ม เป็นต้น!
20> แล้วหน้าต่างที่ปิดอัตโนมัติตามเวลาที่กำหนดล่ะ?
ฟังก์ชั่นการปิดหน้าต่างดังที่กล่าวไว้ข้างต้น แล้วตอนนี้การปิดอัตโนมัติใช้งานอย่างไร?
เพิ่มโค้ดต่อไปนี้หลังซอร์สโค้ด <body>:
< script LANGUAGE="javascript"> <!--
setTimeout('window.close();', 10,000);
--> </script>
การตั้งค่า Timeout เป็นฟังก์ชันที่ใช้ในการตั้งเวลาหน่วง โดยที่ 10,000 หมายถึง 10 วินาที
21> จะเปลี่ยน "รูปร่าง" ของเมาส์ในเบราว์เซอร์ได้อย่างไร
โดยทั่วไปแล้วเมาส์จะปรากฏเป็นสไตล์ "ลูกศร" ในเบราว์เซอร์ แล้วเราจะเปลี่ยนเป็นสไตล์อื่นที่เราชอบได้หรือไม่
การเปลี่ยนรูปร่างของเมาส์จะดำเนินการใน DW ผ่าน "สไตล์ชีต CSS"
เมนู "ข้อความ" - "สไตล์ CSS" - "แก้ไขสไตล์ชีต" หน้าต่างแก้ไขของสไตล์ชีตจะปรากฏขึ้น คุณยังสามารถคลิกปุ่มสไตล์ CSS ในแผ่นเปิดใช้ด่วนเพื่อค้นหาได้ดังนี้:
คลิก " ใหม่ ปุ่ม " เลือกค่าเริ่มต้น "สร้างสไตล์ที่กำหนดเอง" และในขณะเดียวกันก็ทำให้สไตล์นั้นใช้กับเอกสารเว็บปัจจุบันเท่านั้นในส่วนกำหนดด้านล่าง "เอกสารนี้เท่านั้น"
เลือก "การขยาย" จากรายการทางด้านซ้ายของหน้าต่าง "คำจำกัดความของสไตล์" การตั้งค่าที่เกี่ยวข้องทางด้านขวาดังที่แสดง
ใน "เคอร์เซอร์" (เมาส์) ดึงลงเพื่อเลือกรูปร่างที่เหมาะสม กด F12 เพื่อเรียกดู สังเกตเอฟเฟกต์ในเครื่องมือ หากคุณไม่พอใจ คุณยังสามารถแก้ไขสไตล์ได้
22>จะลบขีดเส้นใต้ใต้ข้อความลิงก์ได้อย่างไร
หลังจากที่เราสร้างลิงก์เสร็จแล้ว เนื้อหาข้อความลิงก์มักจะถูกเพิ่มโดยอัตโนมัติด้วยการขีดเส้นใต้ด้านล่างเพื่อระบุว่าเนื้อหามีไฮเปอร์ลิงก์ เมื่อมีลิงก์จำนวนมากในหน้าเว็บ ดูเหมือนว่าจะรกเล็กน้อย จริงๆ แล้วเราสามารถลบลิงก์เหล่านั้นออกได้อย่างง่ายดาย
เข้าสู่หน้าต่าง "แก้ไขสไตล์ชีต" คลิก "ใหม่" เพื่อสร้างสไตล์ใหม่ดังที่แสดง
ด้านล่าง ในประเภท (ประเภท) คุณต้องเลือก "กำหนดแท็ก HTML ใหม่" และในเวลาเดียวกันให้เลือก "กำหนดใหม่" แท็ก HTML" ที่แสดงไฮเปอร์ลิงก์ในแท็กเฉพาะแท็ก a" แล้วคลิกตกลง
แก้ไขสไตล์นี้ เลือก "ประเภท" ในรายการทางด้านซ้าย และ
ทำเครื่องหมายที่ช่อง "ไม่มี" ใน "การตกแต่ง" ดังต่อไปนี้ ในขณะนี้ ข้อความที่ขีดเส้นใต้ของลิงก์ในหน้าเว็บทั้งหมดจะถูกลบออก
23> จะทำให้เมาส์ “โฮเวอร์” เหนือข้อความลิงก์ทำให้เกิดการเปลี่ยนสี การเสียรูป และผลกระทบอื่นๆ ได้อย่างไร
เมื่อเยี่ยมชมเว็บไซต์ หนึ่งในผลกระทบที่พบบ่อยที่สุดที่เราพบคือ "การตอบกลับเมื่อวางเมาส์เหนือ" สิ่งที่เรียกว่า "การตอบกลับเมื่อวางเมาส์เหนือ" ปรากฏในข้อความลิงก์ รวมถึงการเปลี่ยนสีและการแก้ไขเอฟเฟกต์ (ขีดเส้นใต้ เส้นศูนย์กลาง) และตัวเลือกอื่นๆ
เนื่องจากเอฟเฟกต์นี้มีบทบาทที่ดีมากในการเน้นเนื้อหาเป้าหมาย จึงถูกนำไปใช้กับทั้งเว็บไซต์ส่วนตัวและเว็บไซต์เชิงพาณิชย์ขนาดใหญ่บางแห่ง (เช่น Sina, Sohu, NetEase เป็นต้น)
ในคำถามก่อนหน้านี้ คุณรู้วิธีลบขีดเส้นใต้ลิงก์แล้ว ดังนั้นฉันจะไม่ลงรายละเอียดที่นี่ คำถามต่อไปนี้จะเป็นวิธีการเพิ่มกระบวนการของเหตุการณ์การตอบสนองของเมาส์
เข้าสู่หน้าต่าง "แก้ไขสไตล์ชีต" คลิก "ใหม่" เพื่อสร้างสไตล์ใหม่ ข้อแตกต่างคือตอนนี้เลือกรายการสุดท้ายในประเภทประเภท - "ใช้ตัวเลือก CSS" เลือก "a:hover" ใน "ตัวเลือก " เมนูดังต่อไปนี้
ตกลง เข้าสู่หน้าต่างรูปแบบการแก้ไขและตั้งค่าสีข้อความในรายการ "ประเภท" เป็น "สีแดง" แน่นอน คุณสามารถเพิ่มเอฟเฟกต์ขีดเส้นใต้เมื่อวางเมาส์ไว้ได้
24>จะป้องกันไม่ให้ภาพพื้นหลังของหน้าเว็บเลื่อนไปตามเนื้อหาได้อย่างไร
ภาพพื้นหลังเป็นสิ่งที่นักออกแบบเว็บไซต์จำนวนมากมักจะเพิ่ม เมื่อเนื้อหาของหน้าเว็บเกินหนึ่งหน้าจอ ภาพพื้นหลังจะเลื่อนไปพร้อมกับเนื้อหาที่ค่อนข้างนิ่งเมื่อดึงแถบเลื่อน ดังนั้นพื้นหลังสามารถล็อคและไม่เลื่อนได้ ตาม? แน่นอน คุณสามารถเข้าสู่หน้าต่าง "แก้ไขสไตล์ชีต" คลิก "ใหม่" เพื่อสร้างสไตล์ใหม่ เลือก "กำหนดแท็ก HTML ใหม่" ในประเภท เลือก "เนื้อหา" ในเมนูแท็ก และเลือก "พื้นหลัง" ในรายการ ทางด้านซ้าย
ตั้งค่า "Attachment" เป็น "fixed"
ดังนี้
โดยที่การเลื่อนแสดงถึงการแสดงการเลื่อนเริ่มต้น
25> คุณต้องรู้จักเพลงพื้นหลังจะเพิ่มได้อย่างไร?
ในเครื่องมือเว็บของ Microsoft - Frontpage มีฟังก์ชันการตั้งค่าเพลงพื้นหลัง แต่เห็นได้ชัดว่า DW ไม่ได้ทำเช่นนี้ ดังนั้นหากคุณต้องการใช้ คุณสามารถเพิ่มได้ด้วยตนเองในซอร์สโค้ดเท่านั้น
ก่อนที่จะใช้งานฉันขอเตือนทุกคนว่าเมื่อใช้เพลงพื้นหลังคุณต้องใส่ใจกับขนาดของไฟล์หน้าเว็บและอย่าละสายตาจากสิ่งหนึ่งสิ่งใด
รหัสจะเป็นดังนี้:
<EMBED src="music.mid" autostart="true" loop="2" width="80" height="30">
โดยที่ src ระบุตำแหน่งของไฟล์เพลง และ autostart คือ การดำเนินการหลังจากอัปโหลดไฟล์เพลงแล้ว จริง หมายถึงเริ่มเล่นโดยอัตโนมัติ เท็จไม่เล่น (ค่าเริ่มต้น)
26>จะใช้เส้นแนวนอนสร้างเส้นบางๆ กว้าง 1 ได้อย่างไร?
กรุณาคลิกที่นี่เพื่อดูวิธีการดำเนินการ (เพิ่มโดยบรรณาธิการ)
27> จะเพิ่มวันที่ที่เปลี่ยนแปลงไปยังหน้าเว็บโดยอัตโนมัติได้อย่างไร?
เพียงเพิ่มโค้ดต่อไปนี้ระหว่างไฟล์ต้นฉบับ <body></body>
< ภาษาสคริปต์ = "javascript"><!--
document.write(“อัปเดตล่าสุด:”+document.lastModified);
-->รูปแบบการแสดงของ < /script>
ในเบราว์เซอร์คือ: "อัปเดตล่าสุด: 2001/8/19"
28> จะควบคุมข้อมูลป๊อปอัปป๊อปอัปได้อย่างไร
บางครั้งเมื่อเราคลิกลิงก์ก็จะมีข้อมูลพร้อมท์อธิบายอย่างชัดเจน นั่นคือข้อความป๊อปอัป ตัวอย่างเช่น เมื่อลิงก์สร้างหน้าเนื้อหาเป้าหมายไม่เสร็จ คุณสามารถใช้ข้อมูล POPUP เพื่ออธิบายได้
ป้อนข้อความลิงก์ในตำแหน่งที่เหมาะสมบนหน้าเว็บ เลือกข้อความนั้น และสร้างลิงก์ในแผงคุณสมบัติ ขณะที่ยังเลือกอยู่ ให้คลิกปุ่ม "พฤติกรรม" ในแผงเปิดใช้ด่วน เช่น
คลิกเครื่องหมาย "+" ที่ด้านซ้ายบน เลือก "ข้อความ Popun" จากรายการ และป้อนข้อมูลที่ต้องได้รับแจ้งใน หน้าต่างถัดไป ดังแสดงในรูป
ตั้งค่าเหตุการณ์เมาส์ (เหตุการณ์) ของการกระทำนี้ให้คลิก (onclick) การแสดงตัวอย่างเอฟเฟกต์ในเบราว์เซอร์มีดังนี้
29> จะซ่อนข้อมูลที่อยู่ URL ในแถบสถานะของเบราว์เซอร์ได้อย่างไร?
เมื่อท่องเว็บ เมื่อวางเมาส์ไว้เหนือลิงก์ ที่อยู่เป้าหมายของลิงก์จะแสดงโดยอัตโนมัติในแถบสถานะด้านล่าง เมื่อพิจารณาถึงปัญหาด้านความปลอดภัย บางครั้งเราจำเป็นต้องรีเซ็ตเป็น "ศูนย์" กล่าวคือ ตั้งค่าให้ว่างเปล่า
ตอนนี้คุณเพียงแค่ต้องทำเทคนิคบางอย่างในโค้ดลิงก์เพื่อให้บรรลุ ดังต่อไปนี้
< a href=" http://www.pconline.com.cn/pcedu ";;;;;;; onmouseOver="window.status =' none';return true">Pacific Online Academy</a>
30>จะเปลี่ยนข้อความแจ้งในแถบสถานะได้อย่างไร?
ตามค่าเริ่มต้น เมื่อโหลดหน้าเว็บ ที่อยู่และข้อมูลอื่นๆ ของหน้าเว็บจะแสดงในแถบสถานะ คุณต้องการทำให้มันน่าสนใจยิ่งขึ้นหรือไม่?
ในแผงพฤติกรรม "พฤติกรรม" ของ DW คลิกเครื่องหมาย "+" เพื่อเลือกตัวเลือก "แถบข้อความสถานะ" ใต้ "ตั้งค่าชุดข้อความ" ดังแสดงในรูป
ให้ป้อนข้อความเช่น "ยินดีต้อนรับสู่ไซต์นี้" ในช่อง " หน้าต่างตั้งค่าข้อความของแถบสถานะ "เว็บไซต์ - ข้อความการจัดการเครือข่าย" และข้อมูลข้อความอื่น ๆ
31> จะสร้างวิธีการประมวลผลแบบฟอร์มสำหรับอีเมลได้อย่างไร
แบบฟอร์มควรเป็นองค์ประกอบที่ขาดไม่ได้ในฟังก์ชันโต้ตอบของหน้าเว็บ การทำงานของแบบฟอร์มเกิดจากการโต้ตอบของข้อมูล ดังนั้นการประมวลผลแบบฟอร์มจึงมักเกี่ยวข้องกับการใช้ค่าสูง ภาษาการเขียนโปรแกรมเครือข่ายระดับ คุณอาจพูดว่า ว้าว! ฉันไม่สามารถเขียนโปรแกรมได้! ที่จริงแล้ว การประมวลผลเนื้อหาแบบฟอร์มง่ายๆ บางอย่างก็สามารถทำได้ทางอีเมลเช่นกัน
อันดับแรก ดูที่โค้ดต่อไปนี้:
<FORM name="content" method="post" action="Handler to be used" ></FORM>
ด้านบนคือซอร์สโค้ด HTML ของแบบฟอร์มทั่วไป ซึ่ง METHOD จะกำหนดวิธีการ รวมทั้งมีสองประเภท: POST และ GET ACTION คือตัวจัดการที่เรากล่าวถึงข้างต้น ซึ่งโดยทั่วไปสามารถนำไปใช้งานผ่าน ASP/PHP/CGI
แล้วจะทำยังไงกับอีเมล์ล่ะ? action=mailto:[email protected] ดังนั้นเมื่อคลิกปุ่มส่ง หน้าต่างพร้อมท์จะปรากฏขึ้นดังนี้:
คลิก "ตกลง" และเนื้อหาของแบบฟอร์มจะถูกส่งไปยังกล่องจดหมายที่ระบุ
32> จะสร้างลิงค์อีเมลมาตรฐานได้อย่างไร?
สิ่งที่เรียกว่า "ลิงก์อีเมล" หมายความว่าเมื่อเราคลิกลิงก์นั้น เบราว์เซอร์จะเรียกโปรแกรมไคลเอ็นต์อีเมลเริ่มต้นโดยอัตโนมัติเพื่อส่งอีเมล
ป้อนคำว่า "PROBLEM MAIL ME" ลากเมาส์เพื่อเลือก สลับไปที่แผงคุณสมบัติ และพิมพ์คำสั่งต่อไปนี้ในกล่องป้อนข้อมูล LINK:
Mailto: [email protected] ? Subject=จดหมายจากชาวเน็ต&bc=other email address&bcc=other email address
ดังที่แสดงในภาพ:
Mailto เป็นโปรโตคอลของลิงก์อีเมล เรื่อง คือชื่อเรื่องของอีเมล bc คือที่อยู่อีเมลที่จะคัดลอกในเวลาเดียวกัน และ bcc แสดงถึงการคัดลอกแบบซ่อนเร้น
33> จะสร้าง "ลิงค์ว่าง" ได้อย่างไร?
ลิงก์ว่างคือลิงก์ที่ไม่มีออบเจ็กต์ลิงก์ ในลิงก์ว่าง URL เป้าหมายจะแสดงด้วย "#" กล่าวคือ เมื่อสร้างลิงก์ เพียงป้อนเครื่องหมาย # ในช่องป้อนข้อมูล LINK ของแผงคุณสมบัติ และมันจะเป็นลิงก์ว่าง
การปรากฏตัวของลิงค์ว่างนั้นเกี่ยวข้องกับหลายปัจจัย เช่น บางเพจที่ไม่ได้สร้างเสร็จเป็นประจำ และเพื่อรักษาความสอดคล้องในการแสดงเพจ (สไตล์ของลิงค์แตกต่างจากสไตล์ข้อความทั่วไป) คุณสามารถใช้มันได้
34> เมื่อคลิกลิงก์ว่าง หน้าเว็บมักจะรีเซ็ตไปที่ด้านบนของหน้า
ในเบราว์เซอร์ เมื่อเราคลิกลิงก์ว่าง มันจะรีเซ็ตหน้าปัจจุบันเป็นหน้าแรกโดยอัตโนมัติ ซึ่งส่งผลต่อเนื้อหาการอ่านปกติของผู้ใช้ แน่นอนว่าเราหวังว่ามันจะไม่เปลี่ยนแปลง
ในขณะนี้ คุณสามารถใช้โค้ด "javascript:void(null)" เพื่อแทนที่เครื่องหมาย "#" เดิม เมื่อมองย้อนกลับไป ปัญหาได้รับการแก้ไขแล้ว
35> จะปรับแต่งลิงค์ที่สามารถข้ามได้อย่างอิสระภายในหน้าได้อย่างไร?
หากคุณสมัครรับนิตยสารออนไลน์ฟรีบ่อยครั้ง คุณจะต้องคุ้นเคยกับ "ลิงก์แท็บ" ประเภทนี้ คุณสามารถข้ามไปยังส่วนใดส่วนหนึ่งของหน้าได้อย่างง่ายดายผ่านรายการแบบไดเร็กทอรี ออกแบบมาสำหรับหน้าเว็บที่มีเนื้อหายาวมาก
ขั้นแรกให้พิจารณาว่าลิงก์ชี้ไปที่ใด ซึ่งก็คือตำแหน่งที่จะคงอยู่หลังจากที่หน้าจอข้ามไป เข้าสู่ส่วน "Invisibles" ของแผง "Object" เลือกข้อความเป้าหมาย แล้วคลิกปุ่ม "Insert Named Anchor" หน้าต่างจะเป็นดังนี้
พิมพ์ชื่อแท็กใน "ชื่อแองเคอร์" แล้วคลิกตกลง เส้นประสีแดงจะปรากฏขึ้นใต้ข้อความโดยอัตโนมัติเพื่อแยกความแตกต่างจากเนื้อหาข้อความธรรมดา
จากนั้น คุณสามารถสร้างลิงก์และป้อน "#nchor Name (ชื่อเมื่อสักครู่นี้)" ในช่องป้อนข้อมูล LINK ของแผงคุณสมบัติ แน่นอน หากคุณต้องการชี้ไปยังตำแหน่งใดตำแหน่งหนึ่งบนหน้าอื่น คุณสามารถใส่หางเล็กๆ นี้ไว้ตรงนั้นก็ได้
36> ฉันควรทำอย่างไรหากสร้างลิงก์หลายลิงก์ในรูปภาพเดียวพร้อมกัน
ปัญหานี้คือสิ่งที่เรามักเรียกว่า "Image HOT" แน่นอนว่ามีชื่ออื่นใน DW ที่เรียกว่า "Image Hot Area"
เลือกรูปภาพ ในขณะนี้ จะมีแถบเครื่องมือ "แผนที่" อยู่ที่มุมซ้ายล่างของแผงคุณสมบัติ ทางด้านขวาจะมีปุ่มสามปุ่มสำหรับกำหนดขอบเขตพื้นที่ต่างๆ
ดังตัวอย่างในภาพ เมาส์จะอยู่บนรูปภาพ โดยจะแสดงเป็นรูป "+" ซึ่งหมายความว่าคุณสามารถลากไปทางซ้ายและขวาได้ หลังจากเสร็จสิ้น
คุณสามารถสร้างลิงก์ของพื้นที่ฮอตสปอตหลายแห่งได้ โปรดทราบว่าพื้นที่ไม่สามารถทับซ้อนกันได้
37>จะสร้างภาพพลิกที่สามารถตอบสนองต่อเหตุการณ์ของเมาส์ได้อย่างไร?
ในหน้าเว็บหลายหน้า เรามักจะเห็นชื่อคอลัมน์บางคอลัมน์ ซึ่งสามารถเปลี่ยนเป็นอย่างอื่นได้เมื่อเลื่อนเมาส์ไปเหนือคอลัมน์เหล่านั้น ในความเป็นจริง หลายๆ ภาพสามารถทำได้โดยใช้รูปภาพสองรูปที่แตกต่างกัน ซึ่งเรียกว่าเอฟเฟกต์ "พลิกรูปภาพ"
แน่นอนว่าก่อนอื่นคุณต้องเตรียมรูปภาพสองภาพที่มีขนาดเท่ากันทุกประการล่วงหน้าเพื่อให้แน่ใจว่าจะไม่รู้สึกไม่สบายตาเมื่อพลิกภาพ คลิก "ภาพแบบโรลโอเวอร์" บนแผง "วัตถุ"
เพื่อเปิดหน้าต่าง "การตั้งค่าภาพแบบโรลโอเวอร์" ดังต่อไปนี้:
คลิกปุ่ม "เรียกดู" ตามลำดับเพื่อระบุที่อยู่ของ "รูปภาพต้นฉบับ" และ "รูปภาพแบบโรลโอเวอร์" อย่าลืมเลือกช่องทำเครื่องหมาย "โหลดรูปภาพแบบโรลโอเวอร์ล่วงหน้า" ด้านล่าง มิฉะนั้น จะมีความล่าช้าในการดาวน์โหลดเมื่อเลื่อนเมาส์ จบแล้ว
38> จะสร้างภาพ “บินไปทั่วท้องฟ้า” ได้อย่างไร?
ในหน้าแรกของเว็บไซต์เชิงพาณิชย์ขนาดใหญ่หลายแห่ง คุณมักจะเห็นรูปภาพโฆษณาลอยไปมาจำนวนมาก หลังจากคลิก คุณสามารถเชื่อมโยงไปยังที่อยู่ที่ระบุ ใน DW ได้ ซึ่งทำได้ผ่านไทม์ไลน์
ขั้นแรกแทรกรูปภาพเป้าหมายลงในหน้าเว็บ เลือกพร้อมกัน คลิกปุ่ม "Timelins" ใน Quick Launch Pad เพื่อเข้าสู่หน้าต่าง "Timeline" ดังที่แสดงในภาพ:
คลิกขวาที่ตำแหน่งของ 1frame ใน ไทม์ไลน์และเลือก "เพิ่มวัตถุ" แถบสีน้ำเงิน (ค่าเริ่มต้น 1-15 เฟรม) จะปรากฏบนไทม์ไลน์
เมื่อภาพเคลื่อนไหวแบบธรรมดาเสร็จสมบูรณ์แล้ว คุณสามารถปรับความโค้งของเส้นทางได้โดยการเพิ่มคีย์เฟรมตรงกลาง คลิกปุ่มลูกศรขวาด้านบนเพื่อดูตัวอย่างเอฟเฟกต์
39> จะสร้างรูปภาพ "ถูกระงับแบบคงที่" บนเพจได้อย่างไร?
สิ่งที่เรียกว่า "การระงับแบบคงที่" หมายความว่ารูปภาพจะพยายามอยู่ที่ตำแหน่งใดตำแหน่งหนึ่งบนหน้าเว็บเสมอ ดังนั้นภาพจึงให้ความรู้สึกเหมือนกำลัง "เดิน" กับหน้าเว็บ ราวกับว่าถูกระงับ
การตระหนักถึงเอฟเฟกต์นี้ทำได้สำเร็จผ่านจาวาสคริปต์ ซึ่งโดยทั่วไปต้องใช้ความสามารถในการเขียนโปรแกรมในระดับหนึ่ง โชคดีที่ DW มีปลั๊กอินแบบตายตัวสำหรับสร้างเอฟเฟกต์นี้ ดังนั้นจึงง่ายกว่ามาก
ขั้นแรก คุณต้องดาวน์โหลดปลั๊กอิน stav /u/info_img/2009-05/31/stav.zip และแตกไฟล์ทั้งสองไฟล์ที่อยู่ภายใน (รวมถึงไฟล์รูปภาพ Cross Browser Static Division.gif และไฟล์หน้าเว็บ Cross Browser Static Division.htm) จะถูกคัดลอกไปยังไดเร็กทอรีการติดตั้ง DW ConfigurationObjectsCommon
รีสตาร์ท DW ในแผง Object คุณจะเห็นว่ามีรายการ SI ที่ด้านล่าง เลือกและตั้งค่าระยะห่างจากเลเยอร์ลอยไปด้านบนและซ้ายในหน้าต่างป๊อปอัป จากนั้นแทรก Just the ที่ระบุ เนื้อหา (รูปภาพที่นี่)
40> จะทำให้เนื้อหาข้อความและรูปภาพอยู่ร่วมกันได้อย่างไร
เราทุกคนรู้ดีว่าใน DW วัตถุรูปภาพมักจะครอบครองหนึ่งบรรทัด ดังนั้นเนื้อหาข้อความจึงสามารถวางบนบรรทัดขนานกับมันได้อย่างไร
เลือกรูปภาพแล้วคุณจะเห็นเมนูคุณสมบัติ "จัดตำแหน่ง" ที่มุมขวาบนของแผงคุณสมบัติ เลือก
"ซ้าย" ดังแสดงในรูป ในเวลานี้ คุณจะพบว่าข้อความได้รับการจัดเรียงเท่าๆ กัน ทางด้านขวาของภาพ
41> จะเชื่อมต่อหลาย ๆ หน้าต่างได้อย่างไร
การออกแบบแผงเป็นคุณสมบัติหลักของ DW มาโดยตลอด ในเวอร์ชัน DW4 มีแผงที่ใช้อยู่ค่อนข้างมากอยู่แล้ว
"การเชื่อมต่อหน้าต่าง" เป็นฟังก์ชันทางเทคนิคที่สะดวกสำหรับทุกคนในการปรับแต่ง พูดง่ายๆ ก็คือคุณสามารถรวมแผงสองแผงขึ้นไปไว้ในหน้าต่างเดียวได้ตามต้องการ
คลิกและลากแถบแท็บของแผงหนึ่งไปยังสองแผง เมื่อคุณเห็นขอบสีดำ ให้ปล่อยเมาส์ ในเวลานี้ ทั้งสองแผงได้รวมเป็นหนึ่งเดียวแล้ว การดำเนินการดังแสดง
ในรูป: 42> วิธีใช้ หน้าเว็บซ่อนอะไรบางอย่าง?
ในการออกแบบเว็บไซต์บางครั้งเราจำเป็นต้องแทรกเนื้อหาบางส่วนที่ไม่จำเป็นต้องแสดง เช่น ระบบสถิติการเข้าชม ระบบวิเคราะห์การเข้าถึงของผู้ใช้ เป็นต้น ในเวลานี้ เราต้องพิจารณาถึงวิธีการซ่อนเนื้อหาเหล่านั้น แน่นอนว่าหลักพื้นฐานก็คือ การมีอยู่ของจะไม่ส่งผลต่อการจัดวางองค์ประกอบหน้าเว็บอื่นๆ
คลิกปุ่ม "เลเยอร์" ในแผง "วัตถุ" ลากเมาส์เพื่อสร้างเลเยอร์ใหม่และใส่เนื้อหาทั้งหมดที่ต้องซ่อนไว้ดังที่แสดงในภาพ:
คลิกที่กล่องเล็ก ๆ ที่ด้านซ้ายบนของ เลเยอร์ที่จะทำเครื่องหมายว่าถูกเลือก และสลับไปที่แผงคุณสมบัติพร้อมกัน ตั้งค่า Vis เป็น "ซ่อน" ดังที่แสดงในภาพ:
ว้าว! เนื้อหาหมดเกลี้ยงจริงๆ
43> จะสร้างเมนูแบบเลื่อนลงง่ายๆ ได้อย่างไร?
เมนูแบบเลื่อนลงเป็นเรื่องปกติมากบนหน้าเว็บ เนื่องจากสามารถประหยัดพื้นที่หน้าเว็บได้อย่างมาก จึงมักใช้ในสถานการณ์ที่จำเป็นต้องแสดงรายการหลายรายการ เช่น รายชื่อลิงก์เพื่อน ที่อยู่เว็บไซต์ที่ร่วมมือกัน เป็นต้น
DW มีวิธีการผลิตที่ง่ายมาก ดังนั้นเราจึงไม่ต้องเขียนโค้ดที่น่าเบื่อเหล่านั้น!
เข้าสู่ส่วน "FORM" ของแผง "Object" ดังแสดงในรูป:
คลิกปุ่ม "แทรกเมนูข้าม" เพื่อเปิดหน้าต่างการตั้งค่า "เมนูแบบเลื่อนลง":
ป้อนชื่อของรายการเมนูใน "ข้อความ "; พิมพ์ URL ใน "ไปที่ URL" หรือใช้ปุ่มเรียกดูเพื่อเลือก คลิกที่ป้าย "+" ด้านบนเพื่อป้อนรายการเมนูใหม่และรายการทั้งหมดจะปรากฏใน "รายการเมนู"
44> วิธีทำเส้นบาง ๆ ที่มีความกว้าง 1?
ใน DW แม้ว่าเส้นแนวนอนจะปรากฏในรูปแบบของ "เส้น" เมื่อทำเส้นบาง ๆ แต่ก็ไม่ได้ดำเนินการอย่างน่าพอใจส่วนใหญ่เป็นเพราะมันหนาเกินไปและไม่มีความละเอียดอ่อนที่จำเป็น!
จากนั้นเราสามารถใช้วิธีการที่ยืดหยุ่นในการใช้งานผ่านแอปพลิเคชันของตาราง
แทรกตารางที่มี 1 แถวและ 1 คอลัมน์ลงในหน้าเว็บตั้งค่า "CellPadding" และ "CellSpacing" ของตารางเป็น "0" และตั้งค่า "BGColor" ของเซลล์เป็นสีแดงแน่นอน สีอื่น ๆ
ขั้นตอนที่สำคัญที่สุดคือการตรวจสอบซอร์สโค้ดและลบ "" ใน <td> </td>
45> วิธีทำสี่เหลี่ยมที่มีเส้นขอบ 1?
เห็นได้ชัดว่าเรายังต้องทำการตั้งค่าตารางให้เสร็จสิ้นในขณะนี้
บางทีคุณอาจจะบอกว่านี่ไม่ใช่เรื่องง่าย! เพียงสร้างตารางที่มี 1 แถวและ 1 คอลัมน์จากนั้นตั้งค่า "เส้นขอบ" เป็น 1 ในความเป็นจริงตารางที่ทำด้วยวิธีนี้ไม่ได้อยู่ที่สี่เหลี่ยมจัตุรัสที่มีชายแดน 1 แต่ "หนา" มาก!
ในทำนองเดียวกันให้ใส่ตารางที่มี 1 แถวและ 1 คอลัมน์ตั้งค่า "เส้นขอบ" และ "cellpadding" ของตารางเป็น "0" และตั้งค่า "cellspacing" เป็น "1" ตั้งค่า "bgcolor" ของตารางเป็นสีแดง (นั่นคือสีของเส้นขอบ) และตั้งค่า "bgcolor" ของเซลล์เป็นสีขาว (นั่นคือสีพื้นหลังเดียวกัน) เอฟเฟกต์มีดังนี้:
46> วิธีการตั้งค่าเบราว์เซอร์ที่แตกต่างกันเพื่อส่งคืนหน้าต่างๆ?
เบราว์เซอร์ที่แตกต่างกันรองรับเทคโนโลยีและผลกระทบที่แตกต่างกัน ดังนั้นหน้าเว็บที่เราออกแบบอาจแสดงไม่ถูกต้องหรือเหมาะสมที่สุดในเบราว์เซอร์ทั้งหมด ในเวลานี้การกระโดดเพื่อพิจารณาว่าเบราว์เซอร์เป็นสิ่งจำเป็น
เมื่อผู้ใช้เปิดใช้งานด้วยเบราว์เซอร์หรือรุ่นที่แตกต่างกันสามารถส่งคืนหน้าต่างๆเพื่อให้แน่ใจว่าการท่องปกติของผู้ใช้
คลิกที่ปุ่ม "พฤติกรรม" ในแผ่นเปิดอย่างรวดเร็วคลิกที่เครื่องหมาย "+" และเลือก "ตรวจสอบเรียกดู" ในรายการดรอป
ดาวน์
47> วิธีการสร้างวัตถุที่สามารถลากได้ทุกที่บนหน้าเว็บ?
เมื่อเยี่ยมชมเว็บไซต์คุณมักจะเห็นองค์ประกอบมากมายที่สามารถลากด้วยเมาส์ส่วนใหญ่เป็นรูปภาพ
เอฟเฟกต์นี้ทำได้ผ่านพฤติกรรม "ลากเลเยอร์" ของเลเยอร์ .
48> วิธีเพิ่มสไตล์สไตล์ภายนอก (CSS) ไปยังหน้า
เว็บ การอ้างอิง CSS ภายนอกถูกนำไปใช้ผ่านแท็ก <link>
แท็ก <link> รวมถึง href; type; การตั้งค่าแอตทริบิวต์ Rel ในหมู่พวกเขา HREF: URL ที่อยู่ที่ใช้ในการปรับเทียบไฟล์หน้าสไตล์;
49> จุดประสงค์ของการตั้งค่าฐาน (ที่อยู่พื้นฐาน) ของหน้าเว็บคืออะไร?
ในส่วน "หัว" ของแผง "วัตถุ" มีปุ่มที่เรียกว่า "ฐาน" ซึ่งใช้ในการตั้งค่าที่อยู่พื้นฐานของเว็บไซต์
อย่างที่เราทราบกันดีว่าวิธีการเชื่อมโยงที่เราใช้ใน DW นั้นสัมพันธ์กันไม่แน่นอน
อย่างไรก็ตามบางครั้งเราเพียงแค่ต้องการให้ไม่เปลี่ยนแปลงนั่นคือเพื่อบังคับให้ใช้ที่อยู่คงที่คลิกปุ่ม "ฐาน" ดังแสดงในรูป:
พิมพ์ URL ของที่อยู่พื้นฐานใน "HREF" และคลิก "ตกลง" เพื่อให้มีประสิทธิภาพ
50> วิธีค้นหาเนื้อหาในหน้าเว็บอย่างถูกต้องได้อย่างไร?
นี่เป็นคำถามทักษะที่เป็นตัวอย่างดังนั้นเราจึงวางไว้ในตอนท้ายของ 50 คำถาม ในปัจจุบันการวางตำแหน่งเนื้อหาของหน้าเว็บ DW ส่วนใหญ่ทำได้ผ่านทั้งตารางและเลเยอร์
ตารางส่วนใหญ่ใช้แต่ละเซลล์เพื่อให้เลย์เอาต์ของเนื้อหาที่แตกต่างกัน ไม่ว่าเบราว์เซอร์ทั้งหมดจะเป็นสากลและไม่มีการสนับสนุนทางเทคนิค
การพูดค่อนข้างใช้เลเยอร์เป็นกันเองมากขึ้น สิ่งเดียวคือเลเยอร์ได้รับการสนับสนุนเฉพาะในเบราว์เซอร์รุ่นใหม่เท่านั้น แต่การตัดสินจากสถานการณ์ปัจจุบันไม่ควรมีอุปสรรค!