วิธีที่จะทำให้การอ้างอิงภาพในภาพ? วิธีการแทรกการเชื่อมโยงไปยังภาพที่

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

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

ที่มีภาพการเชื่อมโยงจะใช้

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

การเชื่อมโยงภาพจะถูกใช้เป็นป้ายโฆษณาชักชวนให้ซื้อภาพวาด นี่คือตัวอย่างของภาพที่มีทั้งหมดในเดียวกัน "VKontakte" โปรดจำไว้ว่ากี่ครั้งที่คุณได้คลิกที่ภาพเพื่อที่อยู่โดยเฉพาะอย่างยิ่งได้รับการสร้าง? นอกจากนี้ค่อนข้างบ่อยพวกเขาจะใช้ในรูปแบบของกลุ่มเมนูและชุมชนโดยเฉพาะอย่างยิ่งถ้าพวกเขามีรายการพิเศษ ภาพดังกล่าวจำนวนมากที่พบในเว็บไซต์อื่น ๆ

วางการเชื่อมโยงในภาพที่

สิ่งที่ง่าย - ภาพการเชื่อมโยง ที่เกี่ยวกับมันเราพูดคุยที่จะเริ่มต้น ภาพประกอบนี่คือการอ้างอิงพร้อม เช่นการคลิกที่ไอคอนนี้คุณจะถูกเปลี่ยนเส้นทางไปยังหน้าใหม่

ถ้าคุณรู้ว่ามันจะถูกกำหนดโดยการเชื่อมโยงร่วมกันด้วยความช่วยเหลือของ HTML-มาร์กอัปปัญหาที่คุณควรจะเกิดขึ้น ความแตกต่างเพียงอย่างเดียวคือว่าแทนที่จะเชื่อมโยงข้อความที่ระบุภาพ

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

เรากำลังมองหาที่อยู่ของภาพเขียนมันจะไม่ลืม นอกจากนี้ยังแก้ไขปัญหาการเชื่อมโยงที่ควรเปิดภาพนี้

ถัดไปเขียนต่อไปนี้: href="http:// เว็บไซต์ - รหัสพิเศษ . ภาพที่แสดงการเชื่อมโยงจะถูกกำหนดด้วยความช่วยเหลือของ

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

ทำให้เมนูของภาพ

วิธีแรกได้รับการพัฒนาอย่างเป็นอิสระในการศึกษาของหน้าเว็บภาษามาร์กอัป การสร้างเมนูดังกล่าวอาจใช้เวลาสองสามชั่วโมง

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

เขาคือการทำให้เมนูที่มีเพียงหนึ่งภาพ, ขอให้แต่ละโซนแสดงให้เห็นถึงการเชื่อมโยง ไม่ต้องกังวลไม่มีอะไรที่ซับซ้อนเหล่านี้อย่างมากในเรื่องนี้ ตอนนี้สิ่งแรกก่อน

วิธีที่จะทำให้

ให้เราตรวจสอบน้อยมากวิธีแรก

จะเริ่มต้นด้วยคุณจะต้องมีความรู้ของบรรณาธิการกราฟิกและ HTML วิธีที่จะทำให้ภาพอ้างอิงมันบอกชนิดของมาร์กอัปหน้านี้

ดังนั้นถ้าคุณตัดสินใจที่จะไปในวิธีนี้คุณจะต้องมีภาพและแก้ไขกราฟิกง่ายๆที่ช่วยให้คุณสามารถตัดภาพและวางบนป้ายชื่อของพวกเขาเช่นเดียวกับสถานที่ที่คุณจะสามารถที่จะเติมพวกเขา

ถ้านี่คือเว็บไซต์ของคุณเอง - เหมาะแกลเลอรี่หรือห้องสมุดไฟล์ธรรมดาสำหรับ "VKontakte" มันอาจจะเป็นอัลบั้มกลุ่มหรือชุมชน (โดยเฉพาะฟรี)

นอกจากนี้ภาพที่จะตัดเป็นชิ้นจึงมีความจำเป็นต้องจำลำดับที่จะได้รับชิ้นส่วน ประทับบนพวกเขาจารึกและกรอกเซิร์ฟเวอร์เขียนอ้างอิงในแต่ละภาพ

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

เราทำแผนที่เว็บไซต์

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

ครั้งแรกที่เราควรจำไว้ว่าแผนผังเว็บไซต์ที่เชื่อมต่อกับภาพโดยใช้ usemap คำสั่ง = "# map1 ซึ่งเป็นที่ที่กำหนดไว้ในแท็ก img ดังนั้นการเติมภาพในเว็บไซต์ให้แน่ใจว่าจะผนวกแท็กในส่วนที่สอง -. usemap =" # ชื่อแผนที่"

ภาพมาร์กอัปต่อไปเป็นโซนซึ่งจะแนบไปกับการเชื่อมโยงจะกระทำโดยใช้ที่จับคู่แท็ก <แผนที่> ซึ่งสามารถวางไว้ในสถานที่ที่สะดวกใด ๆ ระหว่างแท็กจับคู่

โปรดทราบว่าเมื่อใช้ประเภทของแผนที่นี้ควรจะถามการเชื่อมโยงไม่เพียง แต่ยังพื้นที่ของกิจกรรมและพิกัดของพวกเขา ต่อไปเราจะตรวจสอบพารามิเตอร์พื้นฐานที่มีแท็ก

การตั้งค่าทางลัด

ดังนั้นก่อนที่ดวงตาของคุณ, ภาพพร้อมการอ้างอิง HTML ช่วยให้คุณสามารถปรับปรุงการทำงานอย่างมีนัยสำคัญของภาพ - เพื่อจัดสรรพื้นที่บางสำหรับการอ้างอิง ทั้งหมดนี้จะได้รับโดยพารามิเตอร์ที่เฉพาะเจาะจงซึ่งขณะนี้จะมีการหารือ

ขอพูดคุยเล็ก ๆ น้อย ๆ เกี่ยวกับพารามิเตอร์พื้นฐานของแท็กที่จับคู่ <แผนที่> ส่วนใหญ่ใช้ชื่อนี้ซึ่งเท่ากับ usemap ค่า ดังนั้นคุณกำหนดว่าบัตรถูกเขียนลงในภาพ

นอกจากนี้ภายในคู่แท็ก <แผนที่> มีการกำหนดแท็กอื่น - <พื้นที่> ซึ่งอธิบายถึงพื้นที่ของการอ้างอิง เขาไม่ได้เป็นคนที่แต่งตัวประหลาดและแน่นอนมันมีพารามิเตอร์ของตัวเอง

ครั้งแรก - รูปร่าง ด้วยความช่วยเหลือของเว็บมาสเตอร์กำหนดชนิดของฟิลด์ นี้สามารถ:

• วงกลม - วงกลม;
• สี่เหลี่ยมผืนผ้า - RECT;
• รูปหลายเหลี่ยม - โพลี;
• ภาพพื้นที่ส่วนที่เหลือ - เริ่มต้น

ถัดไป - coords ด้วยความช่วยเหลือของพิกัดของพื้นที่พิกเซลที่ ที่มาในระบบพิกัดนี้ - มุมซ้ายบน แล้วมันเป็นและเป็นปัญหาหลัก - ไม่ง่ายที่จะกำหนดพิกัดโดยพิกเซลโดยเฉพาะอย่างยิ่งถ้ามีความคุ้นเคยกับคอมพิวเตอร์กราฟิกไม่มี

เราพูดถึงยัง href ค่อนข้างมีชื่อเสียงซึ่งกำหนดที่อยู่ของการเชื่อมโยง

และตัวเลือกสุดท้ายที่จะได้รับการกล่าวถึง - nohref มันแสดงให้เห็นว่าภูมิภาคนี้ไม่ได้มีการอ้างอิง

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

เคล็ดลับ

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

เมื่อคุณสร้างแผนที่เว็บไซต์ขอแนะนำให้เลือกภาพที่มีความอ่อนนุ่มและไม่ระคายเคืองรูปแบบตา ฉันเชื่อว่าไม่เสมอกุญแจสู่ความสำเร็จ - ภาพสดใสลิงค์ "VKontakte" แต่มักจะมุ่งเน้นเพียงแค่ในความสว่างและ showiness เพื่อที่จะดึงดูดผู้เข้าชมใหม่

ผลการวิจัย

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