Przy tworzeniu serwisu ważne jest, aby projekt jego elementów przyczyniał się do przyciągania nowych użytkowników ze względu na wygodę dostępu do informacji. Element klikalny – napis, który jest zauważalny i zrozumiały dla odwiedzającego, tj. nakazuje osobie kliknąć łącze. Efekt ten można osiągnąć dzięki kolorowym i intuicyjnym wstawkom graficznym.
Instrukcje
Krok 1
Podpis, zwany klikalnym, powinien przyciągać uwagę użytkownika i wyróżniać się na tle pozostałej treści strony. Nie zapominaj, że element musi mieć określoną funkcjonalność, a użytkownik musi wiedzieć, do której pozycji menu przejdzie po kliknięciu tego linku.
Krok 2
Możesz użyć elementów graficznych, aby utworzyć klikalne pole tekstowe. Narysuj w dowolnym edytorze graficznym przycisk odpowiedni dla Twojego projektu kolorystycznego strony z napisem. Możesz również skorzystać z gotowych rozwiązań graficznych w Internecie, odwiedzając strony poświęcone rysowaniu obrazów dla webmasterów.
Krok 3
Po przesłaniu zdjęcia musisz wstawić je do kodu HTML strony. Aby to zrobić, otwórz dokument witryny w edytorze tekstu, klikając plik prawym przyciskiem myszy i wybierając sekcję „Otwórz za pomocą”. Na wyświetlonej liście aplikacji określ edytor, którego używasz do edycji stron. Możesz także użyć standardowego Notatnika Windows.
Krok 4
Przejdź do części kodu, w której chcesz wstawić napis. Następnie wprowadź odpowiedni deskryptor. Na przykład:
Krok 5
Ten kod utworzy link w postaci elementu graficznego, gdzie „adres_do_przejścia” to strona, na którą użytkownik zostanie przekierowany po kliknięciu w podpis. „Ścieżka_do_obrazu” to miejsce, w którym znajduje się plik przycisku. Aby uniknąć trudności ze znalezieniem obrazu, umieść go w tym samym katalogu co plik strony i określ dokładną nazwę w parametrze src. Parametry szerokość i wysokość wskazują rozmiar obrazu w pikselach, na przykład 100 i 50.
Krok 6
Zapisz zmiany w pliku i otwórz go w przeglądarce za pomocą menu „Otwórz za pomocą”. Tworzenie klikalnej etykiety zostało zakończone. Jeśli obrazek się nie wyświetla, sprawdź poprawność kodu i podaną ścieżkę do obrazka.
