1> จะเว้นวรรคใน DW ได้อย่างไร?
ปัญหาการป้อนช่องว่างดูเหมือนจะกลายเป็นปัญหาที่พบบ่อยใน DW เราอาจเคยเห็นมาแล้ว N ครั้งในหนังสือหรือบทความหลายเล่มที่แนะนำการใช้ DW
ข้อจำกัดในการป้อนช่องว่างใน DW มีไว้สำหรับสถานะข้อความ "ครึ่งความกว้าง" ดังนั้นจึงสามารถหลีกเลี่ยงได้โดยการปรับวิธีการป้อนข้อมูลเป็นโหมดเต็มความกว้าง วิธีการคือ: เปิดวิธีการป้อนข้อมูลภาษาจีน (ใช้ ABC ปัญญาประดิษฐ์เป็น เช่น) ให้กด Shift +Space เพื่อสลับเป็นสถานะเต็มความกว้าง ตอนนี้ก็น่าจะใช้ได้แล้ว
นอกจากนี้ คุณยังสามารถบรรลุวัตถุประสงค์ของการป้อนช่องว่างด้วยวิธีการ "แก้ไขปัญหาชั่วคราว" หลายวิธี ตัวอย่างเช่น วิธีที่ใช้กันทั่วไปคือ
การเพิ่มโค้ด HTML " " โดยตรงเพื่อแสดงช่องว่างในซอร์สโค้ด หลังจากป้อนออบเจ็กต์ข้อความของ a ความยาวบางส่วนแล้วปรับข้อความ สีจะเหมือนกับสีพื้นหลังปัจจุบัน ฯลฯ แต่โปรดทราบว่าสีหลังอาจแสดงปัญหาในบางเบราว์เซอร์
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 ใหม่" และในขณะเดียวกันก็เลือก "a" ที่แสดงถึงไฮเปอร์ลิงก์ใน แท็กแท็กเฉพาะ ” และคลิกตกลง
แก้ไขสไตล์นี้ เลือก "ประเภท" ในรายการทางด้านซ้าย และทำเครื่องหมายที่ช่อง "ไม่มี" ใน "การตกแต่ง" ในขณะนี้ ข้อความที่ขีดเส้นใต้ของลิงก์ในหน้าเว็บทั้งหมดจะถูกลบออก
23> จะทำให้เมาส์ “โฮเวอร์” เหนือข้อความลิงก์ทำให้เกิดการเปลี่ยนสี การเสียรูป และผลกระทบอื่นๆ ได้อย่างไร
เมื่อเยี่ยมชมเว็บไซต์ หนึ่งในผลกระทบที่พบบ่อยที่สุดที่เราพบคือ "การตอบกลับเมื่อวางเมาส์เหนือ" สิ่งที่เรียกว่า "การตอบกลับเมื่อวางเมาส์เหนือ" ปรากฏในข้อความลิงก์ รวมถึงการเปลี่ยนสีและการแก้ไขเอฟเฟกต์ (ขีดเส้นใต้ เส้นศูนย์กลาง) และตัวเลือกอื่นๆ
เนื่องจากเอฟเฟกต์นี้มีบทบาทที่ดีมากในการเน้นเนื้อหาเป้าหมาย จึงถูกนำไปใช้กับทั้งเว็บไซต์ส่วนตัวและเว็บไซต์เชิงพาณิชย์ขนาดใหญ่บางแห่ง (เช่น Sina, Sohu, NetEase เป็นต้น)
ในคำถามก่อนหน้านี้ คุณรู้วิธีลบขีดเส้นใต้ลิงก์แล้ว ดังนั้นฉันจะไม่ลงรายละเอียดที่นี่ คำถามต่อไปนี้จะเป็นวิธีการเพิ่มกระบวนการของเหตุการณ์การตอบสนองของเมาส์
เข้าสู่หน้าต่าง "แก้ไขสไตล์ชีต" คลิก "ใหม่" เพื่อสร้างสไตล์ใหม่ ข้อแตกต่างคือตอนนี้เลือกรายการสุดท้ายในประเภทประเภท - "ใช้ตัวเลือก CSS" เลือก "a:hover" ใน "ตัวเลือก " เมนู ตกลง เข้าสู่หน้าต่างรูปแบบการแก้ไข และตั้งค่าสีข้อความในรายการ "ประเภท" เป็น "สีแดง" แน่นอนว่า คุณสามารถเพิ่มเอฟเฟกต์ขีดเส้นใต้ได้เมื่อวางเมาส์ไว้
24>จะป้องกันไม่ให้ภาพพื้นหลังของหน้าเว็บเลื่อนไปตามเนื้อหาได้อย่างไร
ภาพพื้นหลังเป็นสิ่งที่นักออกแบบเว็บไซต์จำนวนมากมักจะเพิ่ม เมื่อเนื้อหาของหน้าเว็บเกินหนึ่งหน้าจอ ภาพพื้นหลังจะเลื่อนไปพร้อมกับเนื้อหาที่ค่อนข้างนิ่งเมื่อดึงแถบเลื่อน ดังนั้นพื้นหลังสามารถล็อคและไม่เลื่อนได้ ตาม? แน่นอน คุณสามารถเข้าสู่หน้าต่าง "แก้ไขสไตล์ชีต" คลิก "ใหม่" เพื่อสร้างสไตล์ใหม่ เลือก "กำหนดแท็ก HTML ใหม่" ในประเภท เลือก "เนื้อหา" ในเมนูแท็ก และเลือก "พื้นหลัง" ในรายการ ทางด้านซ้าย ตั้งค่า "ไฟล์แนบ" เป็น "แก้ไขแล้ว" โดยที่การเลื่อนแสดงถึงการแสดงการเลื่อนเริ่มต้น
25> คุณต้องรู้จักเพลงพื้นหลังจะเพิ่มได้อย่างไร?
ในเครื่องมือเว็บของ Microsoft - Frontpage มีฟังก์ชันการตั้งค่าเพลงพื้นหลัง แต่เห็นได้ชัดว่า DW ไม่ได้ทำเช่นนี้ ดังนั้นหากคุณต้องการใช้ คุณสามารถเพิ่มได้ด้วยตนเองในซอร์สโค้ดเท่านั้น
ก่อนที่จะใช้งานฉันขอเตือนทุกคนว่าเมื่อใช้เพลงพื้นหลังคุณต้องใส่ใจกับขนาดของไฟล์หน้าเว็บและอย่าละสายตาจากสิ่งหนึ่งสิ่งใด รหัสมีดังนี้:
<ฝัง src=”music.mid” autostart=”true” loop=”2” width=”80” height=”30”>
ในบรรดาสิ่งเหล่านี้ src ระบุตำแหน่งของไฟล์เพลง การเริ่มต้นอัตโนมัติคือการดำเนินการหลังจากอัปโหลดไฟล์เพลงแล้ว จริงหมายถึงเริ่มเล่นโดยอัตโนมัติ เท็จไม่เล่น (ค่าเริ่มต้น)
27> จะเพิ่มวันที่เปลี่ยนแปลงลงในหน้าเว็บโดยอัตโนมัติได้อย่างไร?
เพียงเพิ่มโค้ดต่อไปนี้ระหว่างไฟล์ต้นฉบับ <body></body>
<Script Language="javascript"><!--
document.write("Last Update:"+document.lastModified);
-->< /Script>
จะแสดงในเบราว์เซอร์เป็น: "อัปเดตล่าสุด: 2001/8 /19 ”
28> จะควบคุมข้อมูลป๊อปอัพป๊อปอัปได้อย่างไร?
บางครั้งเมื่อเราคลิกลิงก์ก็จะมีข้อมูลพร้อมท์อธิบายอย่างชัดเจน นั่นคือข้อความป๊อปอัป ตัวอย่างเช่น เมื่อลิงก์สร้างหน้าเนื้อหาเป้าหมายไม่เสร็จ คุณสามารถใช้ข้อมูล POPUP เพื่ออธิบายได้
ป้อนข้อความลิงก์ในตำแหน่งที่เหมาะสมบนหน้าเว็บ เลือกข้อความนั้น และสร้างลิงก์ในแผงคุณสมบัติ ในขณะที่ยังคงเลือกอยู่ ให้คลิกปุ่ม "พฤติกรรม" ในแผ่นเปิดใช้ด่วน
คลิกเครื่องหมาย "+" ที่ด้านซ้ายบน เลือก "ข้อความ Popun" จากรายการ ป้อนข้อมูลที่จะแจ้งในหน้าต่างถัดไป และ
ตั้งค่าการตั้งค่า เหตุการณ์เมาส์ (เหตุการณ์) ของการกระทำนี้เป็นการคลิก (onclick) การแสดงตัวอย่างเอฟเฟกต์ในเบราว์เซอร์มีดังนี้
29> จะซ่อนข้อมูลที่อยู่ URL ในแถบสถานะของเบราว์เซอร์ได้อย่างไร?
เมื่อท่องเว็บ เมื่อวางเมาส์ไว้เหนือลิงก์ ที่อยู่เป้าหมายของลิงก์จะแสดงโดยอัตโนมัติในแถบสถานะด้านล่าง เมื่อพิจารณาถึงปัญหาด้านความปลอดภัย บางครั้งเราจำเป็นต้องรีเซ็ตเป็น "ศูนย์" กล่าวคือ ตั้งค่าให้ว่างเปล่า
ตอนนี้คุณเพียงแค่ต้องทำเคล็ดลับบางอย่างในโค้ดลิงก์เพื่อบรรลุเป้าหมาย
< a href=http://tech.163.com/school onMouseOver="window.status='none';return true">NetEase 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" พิมพ์ชื่อป้ายกำกับใน "Anchor Name" ตกลง จากนั้นเส้นประสีแดงจะปรากฏขึ้นโดยอัตโนมัติใต้ ข้อความเพื่อแยกความแตกต่างจากเนื้อหาข้อความธรรมดา โปรดทราบว่าจะไม่ปรากฏในเบราว์เซอร์
จากนั้น คุณสามารถสร้างลิงก์และป้อน "#nchor Name (ชื่อเมื่อกี้)" ในช่องป้อนข้อมูล LINK ของแผงคุณสมบัติ แน่นอน หากคุณต้องการชี้ไปยังตำแหน่งใดตำแหน่งหนึ่งบนหน้าอื่น คุณสามารถใส่หางเล็กๆ นี้ไว้ตรงนั้นก็ได้
36> ฉันควรทำอย่างไรหากสร้างลิงก์หลายลิงก์ในรูปภาพเดียวพร้อมกัน
ปัญหานี้คือสิ่งที่เรามักเรียกว่า "Image HOT" แน่นอนว่ามีชื่ออื่นใน DW ที่เรียกว่า "Image Hot Area"
เลือกรูปภาพ ในขณะนี้ จะมีแถบเครื่องมือ "แผนที่" อยู่ที่มุมซ้ายล่างของแผงคุณสมบัติ ทางด้านขวาจะมีปุ่มสามปุ่มสำหรับกำหนดขอบเขตพื้นที่ต่างๆ อยู่บนรูปภาพ โดยจะแสดงเป็นรูป "+" ซึ่งหมายความว่าสามารถลากไปทางซ้ายและขวาได้ หลังจากเสร็จสิ้น คุณสามารถสร้างลิงก์ของพื้นที่ฮอตสปอตหลายแห่งได้ โปรดทราบว่าพื้นที่ไม่สามารถทับซ้อนกันได้
37>จะสร้างภาพพลิกที่สามารถตอบสนองต่อเหตุการณ์ของเมาส์ได้อย่างไร?
ในหน้าเว็บหลายหน้า เรามักจะเห็นชื่อคอลัมน์บางคอลัมน์ ซึ่งสามารถเปลี่ยนเป็นชื่อคอลัมน์อื่นได้เมื่อเลื่อนเมาส์ไปเหนือคอลัมน์เหล่านั้น ในความเป็นจริง หลายๆ ภาพสามารถทำได้โดยใช้รูปภาพสองรูปที่แตกต่างกัน ซึ่งเรียกว่าเอฟเฟกต์ "พลิกรูปภาพ"
แน่นอนว่าก่อนอื่นคุณต้องเตรียมรูปภาพสองภาพที่มีขนาดเท่ากันทุกประการล่วงหน้าเพื่อให้แน่ใจว่าจะไม่รู้สึกไม่สบายตาเมื่อพลิกภาพ คลิก "ภาพแบบโรลโอเวอร์" บนแผง "วัตถุ" เพื่อเปิดหน้าต่าง "การตั้งค่าภาพแบบโรลโอเวอร์" คลิกตามลำดับ ปุ่ม "เรียกดู" จะกำหนดที่อยู่ของ "รูปภาพต้นฉบับ" และ "รูปภาพแบบโรลโอเวอร์" อย่าลืมเลือกช่องทำเครื่องหมาย "โหลดรูปภาพแบบโรลโอเวอร์ล่วงหน้า" ด้านล่าง มิฉะนั้น จะมีความล่าช้าในการดาวน์โหลดเมื่อเมาส์เลื่อนไปและส่งผลต่อ ผลกระทบ
38> จะสร้างภาพ “บินไปทั่วฟ้า” ได้อย่างไร?
ในหน้าแรกของเว็บไซต์เชิงพาณิชย์ขนาดใหญ่หลายแห่ง คุณมักจะเห็นรูปภาพโฆษณาลอยไปมาจำนวนมาก หลังจากคลิก คุณสามารถเชื่อมโยงไปยังที่อยู่ที่ระบุ ใน DW ได้ ซึ่งทำได้ผ่านไทม์ไลน์
ขั้นแรก แทรกรูปภาพเป้าหมายลงในหน้าเว็บ เลือกพร้อมกัน คลิกปุ่ม "Timelins" ในแผงเปิดใช้ด่วนเพื่อเข้าสู่หน้าต่าง "Timeline" คลิกขวาที่ 1frame ของไทม์ไลน์ แล้วเลือก " เพิ่มวัตถุ" ในเวลานี้ ไทม์ไลน์ แถบสีฟ้าจะปรากฏขึ้นบนหน้าจอ (ค่าเริ่มต้น 1-15 เฟรม) ให้หยุดกล้องที่ 15 เฟรม และย้ายรูปภาพบนเพจไปยังตำแหน่งสิ้นสุดของการเคลื่อนไหว
เมื่อภาพเคลื่อนไหวแบบธรรมดาเสร็จสมบูรณ์แล้ว คุณสามารถปรับความโค้งของเส้นทางได้โดยการเพิ่มคีย์เฟรมตรงกลาง คลิกปุ่มลูกศรขวาด้านบนเพื่อดูตัวอย่างเอฟเฟกต์
39> จะสร้างรูปภาพ "ถูกระงับแบบคงที่" บนเพจได้อย่างไร?
สิ่งที่เรียกว่า "การระงับแบบคงที่" หมายความว่ารูปภาพจะพยายามอยู่ที่ตำแหน่งใดตำแหน่งหนึ่งบนหน้าเว็บเสมอ ดังนั้นภาพจึงให้ความรู้สึกเหมือนกำลัง "เดิน" กับหน้าเว็บ ราวกับว่าถูกระงับ
การตระหนักถึงเอฟเฟกต์นี้ทำได้สำเร็จผ่านจาวาสคริปต์ ซึ่งโดยทั่วไปต้องใช้ความสามารถในการเขียนโปรแกรมบางอย่าง โชคดีที่ DW มีปลั๊กอินแบบตายตัวสำหรับสร้างเอฟเฟกต์นี้ ดังนั้นจึงง่ายกว่ามาก
ขั้นแรก คุณต้องดาวน์โหลดปลั๊กอิน stav และคัดลอกไฟล์ทั้งสองภายใน (รวมถึงไฟล์รูปภาพ Cross Browser Static Division.gif และไฟล์เว็บเพจ Cross Browser Static Division.htm) ไปยังไดเร็กทอรีการติดตั้ง DW ConfigurationObjectsCommon
รีสตาร์ท DW ในแผง Object คุณจะเห็นว่ามีรายการ SI ที่ด้านล่าง เลือกและตั้งค่าระยะห่างจากเลเยอร์ลอยไปด้านบนและซ้ายในหน้าต่างป๊อปอัป จากนั้นแทรก Just the ที่ระบุ เนื้อหา (รูปภาพที่นี่)
40> จะทำให้เนื้อหาข้อความและรูปภาพอยู่ร่วมกันได้อย่างไร
เราทุกคนรู้ดีว่าใน DW วัตถุรูปภาพมักจะครอบครองหนึ่งบรรทัด ดังนั้นเนื้อหาข้อความจึงสามารถวางบนบรรทัดขนานกับมันได้อย่างไร
เลือกรูปภาพ คุณจะเห็นเมนูคุณสมบัติ "จัดตำแหน่ง" ที่มุมขวาบนของแผงคุณสมบัติ เลือก "ซ้าย" จากนั้นคุณจะพบว่าข้อความได้รับการจัดเรียงเท่ากันทางด้านขวาของรูปภาพ
41> ตระหนักถึงการเชื่อมต่อของหลายหน้าต่างหรือไม่
การออกแบบแผงเป็นคุณสมบัติหลักของ DW มาโดยตลอด ในเวอร์ชัน DW4 มีแผงที่ใช้อยู่ค่อนข้างมากอยู่แล้ว แล้วเราจะใช้มันอย่างมีประสิทธิภาพมากขึ้นได้อย่างไร "การเชื่อมต่อหน้าต่าง" เป็นฟังก์ชันทางเทคนิคที่สะดวกสำหรับทุกคนในการปรับแต่ง พูดง่ายๆ ก็คือคุณสามารถรวมแผงสองแผงขึ้นไปไว้ในหน้าต่างเดียวได้ตามต้องการ คลิกและลากแถบแท็บของแผงหนึ่งไปยังสองแผง เมื่อคุณเห็นขอบสีดำ ให้ปล่อยเมาส์ ในเวลานี้ ทั้งสองแผงได้รวมเข้าด้วยกันแล้ว
42> จะสร้างเส้นบาง ๆ กว้าง 1 ได้อย่างไร?
ใน DW แม้ว่าเส้นแนวนอนจะปรากฏในรูปแบบของ "เส้น" แต่เมื่อสร้างเส้นบาง ๆ มันก็ไม่ได้ผลงานที่น่าพอใจ สาเหตุหลักมาจากว่ามันหนาเกินไปและไม่มีความละเอียดอ่อนตามที่ต้องการ!
จากนั้นเราสามารถนำวิธีการที่ยืดหยุ่นมาใช้ผ่านการประยุกต์ใช้ตารางได้
แทรกตารางที่มี 1 แถวและ 1 คอลัมน์ลงในหน้าเว็บ ตั้งค่า "cellpadding" และ "cellspacing" ของตารางเป็น "0" และตั้งค่า "bgcolor" ของเซลล์เป็นสีแดง แน่นอน คุณยังสามารถใช้ สีอื่นๆ แต่ "ความสูง" จะตั้งค่าความสูงเป็น 1
ขั้นตอนที่สำคัญที่สุดคือการตรวจสอบซอร์สโค้ดและลบ " " ใน <td>< /td>
43>จะสร้างสี่เหลี่ยมจัตุรัสที่มีขอบ 1 ได้อย่างไร?
แน่นอนว่าเรายังต้องตั้งค่าตารางให้เสร็จสิ้นในตอนนี้
บางทีคุณอาจจะบอกว่านี่ไม่ใช่เรื่องง่าย! เพียงสร้างตารางที่มี 1 แถวและ 1 คอลัมน์ จากนั้นตั้งค่า "เส้นขอบ" เป็น 1 ในความเป็นจริงโต๊ะที่ทำในลักษณะนี้ไม่ได้เป็นสี่เหลี่ยมจัตุรัสเลย แต่มีขอบ 1 แต่ "หนา" มาก!
ในทำนองเดียวกัน ขั้นแรกให้แทรกตารางที่มี 1 แถวและ 1 คอลัมน์ ตั้งค่า "เส้นขอบ" และ "เซลล์แพดดิ้ง" ของตารางเป็น "0" และตั้งค่า "ระยะห่างเซลล์" เป็น "1" ตั้งค่า "bgcolor" ของตารางเป็นสีแดง (นั่นคือ สีของเส้นขอบ) และตั้งค่า "bgcolor" ของเซลล์เป็นสีขาว (นั่นคือ สีพื้นหลังเดียวกัน) ตกลง
44> จะตั้งค่าเบราว์เซอร์ต่าง ๆ ให้ส่งคืนหน้าต่าง ๆ ได้อย่างไร?
เบราว์เซอร์ที่แตกต่างกันรองรับเทคโนโลยีและเอฟเฟกต์ที่แตกต่างกัน ดังนั้นหน้าเว็บที่เราออกแบบอาจแสดงผลไม่ถูกต้องหรือเหมาะสมที่สุดในเบราว์เซอร์ทั้งหมด ในขณะนี้ จำเป็นต้องข้ามไปเพื่อกำหนดเบราว์เซอร์
เมื่อผู้ใช้เปิดด้วยเบราว์เซอร์ประเภทหรือเวอร์ชันที่แตกต่างกัน หน้าเว็บต่างๆ จะถูกส่งคืนเพื่อให้แน่ใจว่าผู้ใช้จะท่องเว็บตามปกติ คลิกปุ่ม "พฤติกรรม" ในแผ่นเปิดใช้ด่วน คลิกเครื่องหมาย "+" และเลือก "ตรวจสอบการเรียกดู" ในรายการแบบเลื่อนลง
45> จะสร้างวัตถุที่สามารถลากไปที่ไหนก็ได้บนหน้าเว็บได้อย่างไร?
เมื่อเยี่ยมชมเว็บไซต์ คุณมักจะเห็นองค์ประกอบหลายอย่างที่สามารถลากด้วยเมาส์ได้ ซึ่งส่วนใหญ่เป็นรูปภาพ ตัวอย่างเช่น หากรูปภาพโฆษณาบล็อกเนื้อหาที่คุณต้องการเรียกดู คุณสามารถเลือกด้วยเมาส์แล้วโยนมันทิ้งไป!
เอฟเฟกต์นี้ทำได้ผ่านพฤติกรรม "ลากเลเยอร์" ของเลเยอร์ คลิกเครื่องหมาย "+" ในแผงพฤติกรรมและเลือก "ลากเลเยอร์" แน่นอนคุณต้องแน่ใจว่าได้เลือกเลเยอร์เป้าหมายก่อนทำการตั้งค่าแบบง่าย .