ภาษาไทย
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
หน้าแรก
ดาวน์โหลดซอร์สโค้ด
เกี่ยวกับการเขียนโปรแกรม
ทรัพยากรสร้างเว็บไซต์
หนังสือและบทเรียน
บทเรียนออกแบบเว็บ
บทเรียนการเขียนโปรแกรมเครือข่าย
เกมมือถือ
แอปมือถือ
บทความ
หน้าแรก
>
การสอนการออกแบบเว็บไซต์
>
บทช่วยสอน Dreamweaver
บทช่วยสอนแบบกระชับของ Dreamweaver 4 (6. การสร้างไฮเปอร์ลิงก์)
ผู้เขียน:Eve Cole
เวลาอัปเดต:2009-05-30 18:35:55
6. สร้างไฮเปอร์ลิงก์
ไฮเปอร์ลิงก์ (Link) เรียกว่าลิงก์เป็นความสัมพันธ์ทางเดียวระหว่างเพจ เมื่อคลิกลิงก์ เราก็สามารถข้ามจากหน้าหนึ่งไปอีกหน้าหนึ่งได้ เราสามารถสร้างลิงค์เป็นข้อความและรูปภาพได้
1. ลิงค์ข้อความ
เลือกข้อความบนเพจที่ต้องการลิงก์ ดังที่แสดงด้านล่าง:
ในรายการลิงก์ของแผงคุณสมบัติ ให้กรอกที่อยู่ลิงก์ เมื่อผู้ชมคลิกลิงก์ เบราว์เซอร์จะข้ามกลับไปที่เพจ ตัวอย่างเช่น สิ่งที่กรอกไว้คือ: http://www.goeway.com
หากคุณต้องการให้เพจเปิดในหน้าต่างใหม่ คุณสามารถเลือก "_balnk" ใน Target ได้
หากต้องการลิงค์ไฟล์ภายในเว็บไซต์สามารถคลิกได้
-
ในภาพด้านบน เรากำลังเชื่อมโยงข้อความไปยังไฟล์ index2.htm ให้ความสนใจเป็นพิเศษกับตัวเลือก Relative To ที่ด้านล่าง ซึ่งหมายถึงการเลือกรูปแบบเส้นทางสัมพัทธ์ ค่าเริ่มต้นคือ Document คุณสามารถเลือก Site Root ได้ด้วย ความแตกต่างก็คือ เอกสาร หมายความว่าเส้นทางสัมพันธ์ถูกคำนวณจากหน้านี้ ในขณะที่รากของไซต์คำนวณจากไดเรกทอรีราก (เช่น "/") ดังที่แสดงด้านล่าง:
นอกจากนี้ หากคุณใช้ลิงก์ที่สร้างในโหมดรูทไซต์ มักจะเกิดข้อผิดพลาดเมื่อเปิดเพจโดยตรงบนฮาร์ดดิสก์ในเครื่องเพื่อเรียกดู แต่จะไม่มีปัญหาในโหมดเรียกดูล่วงหน้าของ Dreamweaver และหลังจากอัปโหลดไปยัง เซิร์ฟเวอร์
2. ลิงค์รูปภาพ
กระบวนการสร้างลิงก์รูปภาพนั้นคล้ายกับลิงก์ข้อความ ดังนั้นฉันจะไม่แนะนำโดยละเอียด แต่สิ่งสำคัญอย่างยิ่งที่ต้องพูดถึงก็คือ รูปภาพบางรูปจะมีเส้นขอบสีน้ำเงินหลังจากเพิ่มลิงก์ หากต้องการลบเส้นขอบ เพียงตั้งค่า Border เป็น 0
3. ลิงค์โซนร้อน
สำหรับลิงค์รูปภาพที่แนะนำก่อนหน้านี้ รูปภาพเดียวสามารถเชื่อมโยงกับลิงก์เดียวเท่านั้น คำตอบคือใช่ หลังจากเลือกรูปภาพแล้ว คุณจะเห็นตัวเลือกแผนที่ในแผงคุณสมบัติ:
ใน:
สร้างโซนร้อนสี่เหลี่ยม
สร้างต้นแบบโซนร้อน
สร้างโซนร้อนรูปหลายเหลี่ยม ตัวอย่างเช่น ถ้าเราคลิกตอนนี้ เคอร์เซอร์จะเปลี่ยนเป็นรูปกากบาท และสามารถวาดโซนร้อนสี่เหลี่ยมสีน้ำเงินบนรูปภาพได้:
แผงคุณสมบัติที่เกี่ยวข้องในขณะนี้คือ:
ในทำนองเดียวกัน ให้ป้อนที่อยู่ลิงก์ในลิงก์ ("#" หมายถึงลิงก์ว่าง) และ Alt คือข้อความที่แสดงเมื่อเมาส์ชี้ไปที่ฮอตสปอต คล้ายกับ Alt ในรูปภาพ เราสามารถผ่านไปได้
เลือกโซนร้อนอื่นและปรับปริมาณความร้อนโดยการปรับจุดควบคุมที่มุมทั้งสี่ของโซนร้อน ผ่านโซนร้อนเราสามารถสร้างลิงค์ที่ตาของอุรังอุตังและลิงค์ที่ปากเพื่อลิงค์ไปยังหน้าต่างๆ
เคล็ดลับเกี่ยวกับลิงก์
1. หากคุณต้องการเชื่อมโยงไปยังที่อยู่อีเมล ให้กรอกลิงก์: "mailto: address" เช่น mailto:
[email protected]
จากนั้นเมื่อคุณคลิกลิงก์ โปรแกรมอีเมลเริ่มต้นจะเป็น เปิดอยู่ เช่น Outlook ให้ส่งอีเมลไปที่
[email protected]
2. หากลิงก์ไปยังไฟล์ที่เบราว์เซอร์ไม่สามารถเปิดได้ เช่น exe, Zip เป็นต้น เมื่อผู้ดูคลิกลิงก์ กล่องโต้ตอบจะปรากฏขึ้นเพื่อถามว่าจะบันทึกไฟล์ไว้ที่ใดในฮาร์ดดิสก์ . นี่คือความสำเร็จของการดาวน์โหลดไฟล์
บทความที่เกี่ยวข้อง
บทช่วยสอนแบบกระชับของ Dreamweaver 4 (1. ข้อมูลเบื้องต้นเกี่ยวกับ Dreamweaver)
2009-05-30
บทช่วยสอนกระชับ Dreamweaver 4 (2. ความเข้าใจเบื้องต้นของ Dreamweaver)
2009-05-30
บทช่วยสอนกระชับ Dreamweaver 4 (4. เริ่มต้นด้วยหน้าเว็บที่ง่ายที่สุด)
2009-05-30
บทช่วยสอนที่กระชับของ Dreamweaver 4 (5. ทำให้หน้าเว็บของคุณสวยงามยิ่งขึ้น, 3)
2009-05-30
บทช่วยสอนกระชับ Dreamweaver 4 (V. ทำให้เว็บเพจของคุณสวยงามยิ่งขึ้น ตอนที่ 4)
2009-05-30
บทช่วยสอนที่กระชับของ Dreamweaver 4 (7. เค้าโครงหน้าเว็บ)
2009-05-30
บทช่วยสอนกระชับ Dreamweaver 4 (7. เค้าโครงหน้าเว็บ 2)
2009-05-30
บทช่วยสอนกระชับ Dreamweaver 4 (7. เค้าโครงหน้าเว็บ 3)
2009-05-30
บทช่วยสอนกระชับ Dreamweaver 4 (7. เค้าโครงหน้าเว็บ 4)
2009-05-30
บทช่วยสอนที่กระชับของ Dreamweaver 4 (8. เพิ่มเอฟเฟกต์แบบโต้ตอบให้กับหน้าเว็บ)
2009-05-30
บทช่วยสอนที่กระชับของ Dreamweaver 4 (8. เพิ่มเอฟเฟกต์แบบโต้ตอบให้กับหน้าเว็บ 2)
2009-05-30
บทช่วยสอนที่กระชับของ Dreamweaver 4 (8. เพิ่มเอฟเฟกต์แบบโต้ตอบให้กับหน้าเว็บ 3)
2009-05-30