Tworzenie linków i map obrazów

• Może 17, 2024

W tym tygodniu odpowiedź jest odpowiedzią na pytanie czytelnika - „Czy możesz wyjaśnić, jak utworzyć link do strony w HTML”. Istnieje kilka różnych technik, których można użyć do łączenia obrazów. Jednym z nich jest połączenie całego obrazu z Twoim HTML, a drugim jest utworzenie mapy obrazu - w której różne części tego samego obrazu są połączone z różnymi lokalizacjami.

Połączony obraz w HTML

Łączenie małego obrazu lub ikony jest bardzo proste, wystarczy umieścić link do obrazu w hiperłączu w następujący sposób:



Wszystko, co tutaj zrobiłem, to zamknięcie obrazu w pliku HTML linku. Jest to najłatwiejszy i najskuteczniejszy sposób na połączenie małego obrazu i często jest wykonywany za pomocą niestandardowych wypunktowań, ikon itp. Ale co, jeśli chcesz, aby jeden duży obraz łączył się z kilkoma różnymi miejscami? W tym przypadku przydatne jest dzielenie obrazu.

Krojenie obrazu w Photoshopie

Jest to bardzo łatwe do osiągnięcia w Photoshopie. Powinieneś użyć obrazu, który nie jest zbyt skomplikowany, ponieważ chcesz, aby użytkownicy mogli wyraźnie zobaczyć, gdzie kliknąć obraz. Chcesz także upewnić się, że użytkownicy rozumieją, że muszą kliknąć na obrazie, aby dostać się do celu. Starannie opracowuj mapy obrazów z myślą o użytkowniku. Pamiętaj, że mapy obrazów zwykle nie są tak przyjazne dla wyszukiwarek, jak tekst na stronie, jednak prawidłowe użycie znaczników alt w plasterkach obrazu może w tym pomóc.

Po utworzeniu obrazu następnym krokiem jest „wycięcie” obrazu. Ikona narzędzia do krojenia wygląda jak mały nóż dokładnie. Znajduje się w górnej części paska narzędzi i znajduje się pod narzędziem do przycinania - jeśli klikniesz ikonę „przycinania”, pojawią się narzędzia do cięcia i wyboru plasterków.

Wybierz narzędzie wycinania, przytrzymaj lewy klawisz myszy i ostrożnie przeciągnij wycinek w żądane miejsce, a następnie zwolnij. Przejdź dalej i kontynuuj krojenie całego obrazu. W każdym obszarze obrazu, który chcesz połączyć z inną stroną, powinien znajdować się plasterek. Każdy duży biały obszar może być jednym plasterkiem.

Po pełnym pocięciu obrazu następnym krokiem jest skorzystanie z narzędzia „wybór plasterka”, kliknięcie każdego plasterka, a następnie wybranie typu obrazu „plaster”. Pod tym adresem wpisz adres URL miejsca, w którym chcesz przekroić ten plasterek, a następnie pole znacznika alt u dołu. Pozostałe pola nie są konieczne do prostego mapowania obrazu. Poruszaj się po każdym plasterku w ten sam sposób, aż cały obraz zostanie zmapowany.

Po zakończeniu tworzenia całego obrazu skorzystasz z opcji „zapisz dla sieci i urządzeń”. Jeśli klikniesz „Plik” u góry i spojrzysz w dół poniżej typowych opcji zapisu, zobaczysz opcję zapisu dla sieci i urządzeń. Wybierz tę opcję, a otworzy się okno dialogowe, w którym możesz wyświetlić podgląd swojego obrazu. Jeśli jesteś z niego zadowolony, naciśnij przycisk Zapisz, a otworzy się kolejne okno dialogowe. Upewnij się, że druga opcja mówi „zapisz obrazy i HTML”, a następnie zapisz swoją pracę.

Przejdź do folderu, w którym zapisałeś dokument HTML i otwórz go. Możesz skopiować i wkleić ten kod do własnego pliku HTML. Zazwyczaj ten HTML będzie trochę niechlujny. Jeśli jesteś biegły w HTML, możesz go wyczyścić według własnych upodobań, ale powinien on działać tak dobrze, jak jest. Upewnij się, że jak zawsze pliki obrazów itp. Znajdują się we właściwych lokalizacjach, w przeciwnym razie obraz nie zostanie wyświetlony.

Instrukcje Wideo: WŁASNE OBRAZY w MINECRAFT! (Może 2024).