หากคุณมีแบนเนอร์ แต่ไม่มี html-code สำเร็จรูปที่จะแทรกลงในหน้า การเพิ่มลิงก์ที่คุณต้องการนั้นไม่ใช่เรื่องยาก แม้ว่าแบนเนอร์จะทำโดยใช้เทคโนโลยีแฟลช ตัวเลือกที่เป็นไปได้สำหรับการจัดระเบียบลิงก์ไปยังแบนเนอร์ในรูปแบบกราฟิกและแฟลชในซอร์สโค้ดอธิบายไว้ด้านล่าง
คำแนะนำ
ขั้นตอนที่ 1
หากแบนเนอร์อยู่ในรูปแบบกราฟิกแบบใดแบบหนึ่ง (gif, jpg, png, bmp) ก็เพียงพอที่จะใส่แท็กรูปภาพในแท็กลิงก์ ขั้นแรก สร้างแท็กรูปภาพ ในภาษามาร์กอัปของหน้าเว็บ (HTML - HyperText Markup Language - "hypertext markup language") เวอร์ชันที่ง่ายที่สุดจะมีลักษณะดังนี้: "ที่อยู่สัมพัทธ์" ของรูปภาพระบุไว้ในแอตทริบิวต์ src ในเวอร์ชันนี้ เบราว์เซอร์จะถือว่ารูปภาพอยู่ในโฟลเดอร์เดียวกันบนเซิร์ฟเวอร์ของคุณโดยที่หน้านั้นเป็นตำแหน่งที่แทรกแบนเนอร์ไว้ แต่ควรระบุ "ที่อยู่ที่แน่นอน" จะดีกว่า:
ขั้นตอนที่ 2
มีแอตทริบิวต์อีกสองสามอย่างที่จะเพิ่มลงในแท็กนี้ แอตทริบิวต์สองรายการจะระบุขนาดแบนเนอร์ (ความสูงและความกว้าง) นี่เป็นแอตทริบิวต์เสริม - รูปภาพจะแสดงโดยไม่มีภาพหากทุกอย่างเป็นไปด้วยดีเมื่อโหลดหน้าเว็บจากเซิร์ฟเวอร์ไปยังเบราว์เซอร์ แต่ถ้ารูปภาพไม่โหลดด้วยเหตุผลบางประการ การขาดมิติอาจนำไปสู่ความจริงที่ว่าองค์ประกอบการออกแบบอื่น ๆ ทั้งหมดจะไม่อยู่ในตำแหน่ง ป้ายขนาดจะมีลักษณะดังนี้:
ขั้นตอนที่ 3
ตามค่าเริ่มต้น เบราว์เซอร์จะวาดเส้นขอบสีน้ำเงินรอบรูปภาพลิงก์ เพื่อหลีกเลี่ยงปัญหานี้ ให้เพิ่มแอตทริบิวต์ border ที่มีค่า null ให้กับแท็กแบนเนอร์:
ขั้นตอนที่ 4
เพิ่มอีกหนึ่งแอตทริบิวต์ (ชื่อ) ซึ่งจะมีข้อความสำหรับคำแนะนำเครื่องมือเมื่อคุณวางเคอร์เซอร์ของเมาส์ไว้เหนือแบนเนอร์:
ขั้นตอนที่ 5
คุณได้เตรียมแท็กรูปภาพพร้อมแอตทริบิวต์ที่สำคัญที่สุดแล้ว ตอนนี้คุณต้องวางไว้ในแท็กลิงก์ ไฮเปอร์ลิงก์แต่ละอันประกอบด้วยแท็กสองแท็ก - เปิดและปิด: แท็กเปิดประกอบด้วยแอตทริบิวต์ href ซึ่งมีที่อยู่สำหรับส่งคำขอ ระหว่างแท็กลิงก์ทั้งสองนี้และแทรกแท็กแบนเนอร์: รหัส HTML ของแบนเนอร์พร้อมลิงก์พร้อมแล้ว อย่าลืมแทนที่: - ในแอตทริบิวต์ href: "https://kakprosto.ru" ด้วยที่อยู่ลิงก์ของคุณ สำหรับแบนเนอร์ - ในแอตทริบิวต์ src: " https://kakprosto.ru/banner
ขั้นตอนที่ 6
ทั้งหมดข้างต้นอ้างถึงแบนเนอร์รูปภาพ แต่ยังมีแบนเนอร์ที่ทำโดยใช้เทคโนโลยีแฟลช ในการแทรกลิงก์ลงในภาพยนตร์ Flash ด้วยวิธีมาตรฐาน คุณไม่เพียงต้องมีแบนเนอร์เท่านั้น แต่ต้องมีซอร์สโค้ดด้วย นอกจากนี้ คุณสามารถแก้ไขซอร์สโค้ดแล้วคอมไพล์ภาพยนตร์ Flash ได้เฉพาะในโปรแกรมแก้ไขเฉพาะทาง - โปรแกรมแก้ไขข้อความทั่วไปไม่เหมาะสำหรับสิ่งนี้ อย่างไรก็ตาม มีวิธีแก้ไขปัญหาเหล่านี้ได้ โดยจำกัดตัวเองให้แก้ไขเฉพาะ HTML และ CSS (Cascading Style Sheets - "cascading style ชีต") ภาษา CSS ใช้สำหรับคำอธิบายรายละเอียดเพิ่มเติม (เมื่อเทียบกับ HTML) ของลักษณะที่ปรากฏขององค์ประกอบของหน้า ด้วยความช่วยเหลือของมันสามารถสร้างโครงสร้างหลายชั้นที่ค่อนข้างซับซ้อนบนหน้าได้ เราจะใช้สิ่งนี้โดยวางแบนเนอร์ Flash ไว้ที่ชั้นล่างสุด และวางเลเยอร์ที่มีลิงก์ด้านบนนั้น โค้ด HTML ของแบนเนอร์จะมีลักษณะดังนี้:
อย่าลืมแทนที่แอตทริบิวต์ width และ height ในนั้น (ในสองแห่ง) ชื่อแบนเนอร์ banner.swf (ในสองแห่ง) และที่อยู่ลิงก์ https://kakprosto.ru (ในที่เดียว) และรหัส SCC ที่สอดคล้องกับโค้ด HTML นี้ควรเป็นดังนี้:
div.linkedFlashContainer {ตำแหน่ง: ญาติ; ดัชนี z: 1; เส้นขอบ: 0px; ความกว้าง: 468px; ความสูง: 60px}
a.flashLink {ตำแหน่ง: สัมบูรณ์; ดัชนี z: 2; ความกว้าง: 468px; ความสูง: 60px; พื้นหลัง: url (spacer.gif) ไม่ซ้ำ;}
ที่นี่ใช้รูปภาพโปร่งใส (ขนาดใดก็ได้) ที่เรียกว่า spacer