วิธีทำลิงก์รูปภาพ: เวอร์ชันเต็ม

วิธีทำลิงก์รูปภาพ: เวอร์ชันเต็ม
วิธีทำลิงก์รูปภาพ: เวอร์ชันเต็ม
Anonim

การทำแบนเนอร์ครั้งเดียวหมายถึงประหยัดเงินในการจ้างศิลปินและนักออกแบบในอนาคต แม้ว่างานบางชิ้นต้องการการศึกษาศิลปะและแนวทางแบบมืออาชีพ เนื่องจากบริษัทที่เชี่ยวชาญด้านบริการดังกล่าวได้เลือกรูปภาพ แบบอักษร รูปถ่าย “จำเป็น” สำหรับแต่ละผลิตภัณฑ์ และในบางกรณีอาจมีสโลแกนที่มีโลโก้

วิธีเชื่อมโยงรูปภาพ
วิธีเชื่อมโยงรูปภาพ

วิธีทำแบนเนอร์แบบง่าย ๆ สามารถอธิบายได้ภายในไม่กี่ประโยค อันดับแรก เราตัดสินใจเกี่ยวกับขนาดของมัน ซึ่งแตกต่างจากขนาดมาตรฐาน: 88 x 31 พิกเซล, 100 x 100, 120 x 120, 120 x 60, 120 x 600, 120 x 240 และ 468 x 60 พิกเซล หน่วยวัดเป็นพิกเซล - จุดบนหน้าจอ แบนเนอร์ที่มีขนาดไม่ได้มาตรฐานเป็นสิ่งที่ไม่พึงปรารถนา เนื่องจากสถานที่สำหรับแบนเนอร์ของบุคคลที่สามในแหล่งข้อมูลเฉพาะมักจะถูกคำนวณเมื่อสร้างเพจ และแบนเนอร์ขนาดใหญ่มากมักจะถูกวางไว้โดยมีค่าธรรมเนียมที่สูงกว่า

อย่างที่สอง คุณต้องวาดแบนเนอร์เองใน Corel, Photoshop, Paint, Onservisหรือ Inkscape ซึ่งสามโปรแกรมสุดท้ายมีให้ใช้งานฟรี ในการทำเช่นนี้ ไฟล์ที่มีขนาดที่ต้องการจะเปิดขึ้น พื้นหลัง กราฟิกอย่างง่าย (สำหรับไฟล์ที่ซับซ้อน จำเป็นต้องมีการศึกษาที่เหมาะสม) และคำจารึกด้วยฟอนต์มาตรฐานหรือทำด้วยมือ

ประการที่สาม รูปภาพที่ได้จะถูกบันทึกในรูปแบบใดรูปแบบหนึ่ง - GIF, PNG, JPEG,-j.webp

วิธีทำแบนเนอร์
วิธีทำแบนเนอร์

ตอนนี้มีคำถามว่าจะทำอย่างไรให้รูปภาพเป็นลิงค์ ผู้ใช้จะไปยังหน้าที่ต้องการได้โดยคลิกที่มัน ในการดำเนินการนี้ คุณต้องบันทึกไฟล์ที่คุณแสดงผลไปยังโฮสต์และจดจำเส้นทาง หลังจากนั้น คุณส่งรหัสที่เหมาะสมให้กับพันธมิตรของคุณที่ต้องการวางแบนเนอร์ของคุณ รวมทั้งที่อยู่เว็บไซต์และลิงก์ไปยังไฟล์ที่บันทึกไว้ (สามารถพบตัวอย่างรหัสบนอินเทอร์เน็ต)

หลังจากที่คุณได้เรียนรู้วิธีสร้างลิงก์ของรูปภาพแล้ว คุณควรพูดถึงสิ่งที่ควรทำถ้าคุณต้องการให้ทุกคนสามารถนำโค้ดแบนเนอร์จากเพจของคุณมา

ในกรณีนี้ ควรวางตัวอย่างแบนเนอร์ของคุณโดยแทรกโค้ดบนไซต์เพื่อให้รูปภาพปรากฏบนไซต์ จากนั้นทุกคนก็สามารถเห็นได้ว่าแบนเนอร์หน้าตาเป็นอย่างไร

ทำแบนเนอร์
ทำแบนเนอร์

หลังจากวางโค้ดลิงค์แบนเนอร์บนเว็บไซต์ของคุณ คุณต้องใส่แท็ก "br"ใส่วลี "รหัสแบนเนอร์" ต่อไป คุณต้องวางโค้ดในแท็ก "textarea"

ปัญหาที่น่าสนใจคือการทำให้รูปภาพเป็นลิงก์เพื่อให้สามารถติดตามหลายลิงก์จากรูปภาพเดียว ในการทำเช่นนี้คุณต้องถ่ายภาพเช่น cartinka-j.webp

ตอนนี้คุณก็รู้วิธีสร้างลิงก์รูปภาพด้วยวิธีพื้นฐานแล้ว ช่วยให้คุณจัดรูปแบบการพัฒนาเว็บของคุณเองได้