Gimp Kullanarak Resim Haritası Nasıl Oluşturulur: 10 Adım (Resimlerle)

İçindekiler:

Gimp Kullanarak Resim Haritası Nasıl Oluşturulur: 10 Adım (Resimlerle)
Gimp Kullanarak Resim Haritası Nasıl Oluşturulur: 10 Adım (Resimlerle)

Video: Gimp Kullanarak Resim Haritası Nasıl Oluşturulur: 10 Adım (Resimlerle)

Video: Gimp Kullanarak Resim Haritası Nasıl Oluşturulur: 10 Adım (Resimlerle)
Video: Illustrator Şeklin İçine Fotoğraf Yerleştirme 2024, Mayıs
Anonim

Bir resim haritası, üzerine "eşlenen" URL'leri olan bir resimdir. Web sitenizi veya kişisel başlangıç sayfanızı, ziyaret etmeyi sevdiğiniz favori sitelerinizle bir resim haritasıyla süsleyebilirsiniz. Bunu yapabileceğiniz birçok yazılım var ama bu makale Gimp kullanacak.

adımlar

Gimp Adım 1'i Kullanarak Bir Görüntü Haritası Oluşturun
Gimp Adım 1'i Kullanarak Bir Görüntü Haritası Oluşturun

Adım 1. Eşleştireceğiniz ilk grafiği bir araya getirin

Resimleri, resimleri, işinize yarayan her şeyi kullanabilirsiniz. Burada wikiHow, wikiHow forumu ve iGoogle kullanacağız.

Gimp Adım 2'yi Kullanarak Bir Görüntü Haritası Oluşturun
Gimp Adım 2'yi Kullanarak Bir Görüntü Haritası Oluşturun

Adım 2. Görüntüyü oluşturduktan (veya açtıktan sonra) Filtreler >> Web >> ImageMap'e gidin

Gimp ImageMap iletişim ekranı

Gimp Adım 3'ü Kullanarak Bir Görüntü Haritası Oluşturun
Gimp Adım 3'ü Kullanarak Bir Görüntü Haritası Oluşturun

Adım 3. Ekranın sağındaki dikdörtgene tıklayın, ardından kullanmak istediğiniz resimlerden birini seçin

Bu ekran görüntüsünde wikiHow seçilidir. Gelen diyalog ekranında gerekli bilgileri doldurunuz.

Dikdörtgen üzerine tıklayın ve grafiğin tam yerini görebilirsiniz

Gimp Adım 4'ü Kullanarak Bir Görüntü Haritası Oluşturun
Gimp Adım 4'ü Kullanarak Bir Görüntü Haritası Oluşturun

Adım 4. Haritanızın geri kalanı için bu işleme devam edin

Gimp Adım 5'i Kullanarak Bir Görüntü Haritası Oluşturun
Gimp Adım 5'i Kullanarak Bir Görüntü Haritası Oluşturun

Adım 5. Tüm bağlantı alanlarını tanımlamayı bitirdikten sonra, resim haritanızı kaydedin

GIMP otomatik olarak bunu.map uzantılı bir dosya olarak kaydetmeyi teklif edecektir. Dilerseniz bu şekilde kaydedebilirsiniz. Ancak bu dosya, düzenlememiz ve kendi web sayfamıza kopyalamamız gereken HTML kodunu (resim yok) içeriyor, bu nedenle onu [dosyaadı].html olarak kaydetmeniz ve doğrudan 7. adıma atlamanız önerilir.

Gimp Adım 6'yı Kullanarak Bir Görüntü Haritası Oluşturun
Gimp Adım 6'yı Kullanarak Bir Görüntü Haritası Oluşturun

6. Adım. Eğer bir HTML dosyası olarak kaydetmediyseniz, kayıtlı dosyanızı bulun ve uzantıyı.html olarak yeniden adlandırın

Dosya uzantılarını değiştirme konusunda bir uyarı alabilirsiniz. Devam etmek için evet'i tıklayın.

Gimp Adım 7'yi Kullanarak Bir Görüntü Haritası Oluşturun
Gimp Adım 7'yi Kullanarak Bir Görüntü Haritası Oluşturun

Adım 7. Bu HTML dosyasını açmak için bir metin düzenleyici kullanın

Bu dosyanın sadece bir koordinat ve URL listesi içerdiğini fark edeceksiniz. Bu, bir tarayıcıya, resminizin hangi bölümüne hangi URL'lerin atanacağını söyleyen koddur.

Gimp Adım 8'i Kullanarak Bir Görüntü Haritası Oluşturun
Gimp Adım 8'i Kullanarak Bir Görüntü Haritası Oluşturun

Adım 8. İçinde tanımlanan dosya yolunun sağlandığından emin olun.

Image
Image

URL'lerin eşlenmesini istediğiniz resme bağlantılar.

Resmin doğru bir şekilde işaretlenmemesi, hiçbir resmin görüntülenmemesine neden olabilir.

Adım 9. İSTEĞE BAĞLI:

HTML dosyanızı açmak için bir tarayıcı kullanın; her şey çalışıyorsa, tanımladığınız alanlara göre üzerine tüm URL'lerin eşlendiği resmi görmelisiniz.

Gimp Adım 10'u Kullanarak Bir Görüntü Haritası Oluşturun
Gimp Adım 10'u Kullanarak Bir Görüntü Haritası Oluşturun

Adım 10. Resim haritanızı web sayfanızın HTML'sine ekleyin

Dahil olmak üzere gördüğünüz TÜM kod satırlarını kopyalamanız gerekecektir.

etiketi (kaynak resminizin yolunu tanımlar) ve etiketler arasındaki her şey. Bu kadar! Sen bittin.

Önerilen: