Wszystko, co internauta widzi na stronach serwisu, jest mu renderowane przez przeglądarkę na podstawie szczegółowych informacji przesyłanych przez serwer WWW. Informacja ta nazywana jest kodem html strony i składa się z oddzielnych instrukcji - "tagów", które opisują wygląd i położenie każdego pojedynczego elementu. Aby dodać nowy element (na przykład zdjęcie) do strony witryny, musisz umieścić odpowiednią instrukcję (tag) w jej kodzie źródłowym.
Instrukcje
Krok 1
Dodaj zdjęcie do strony za pomocą edytora stron, jeśli masz możliwość korzystania z systemu zarządzania treścią. Najpierw załaduj żądaną stronę do edytora i upewnij się, że tryb edycji wizualnej jest włączony. Czasami nazywa się to angielskim akronimem WYSIWYG (What You See Is What You Get). W trybie wizualnym strona wygląda tak samo jak w serwisie. Musisz kliknąć myszą miejsce, w którym chcesz wstawić obraz i nacisnąć przycisk "wstaw obraz" na panelu edytora.
Krok 2
Wybierz obraz z listy już dostępnej na serwerze, co otworzy edytor wizualny w oknie dialogowym wstawiania obrazów. Jeśli jeszcze go nie pobrałeś, kliknij przycisk wyszukiwania żądanego pliku na swoim komputerze („Przeglądaj”), znajdź go i otwórz, a następnie kliknij przycisk „Prześlij” (lub „Pobierz”). Po zakończeniu procesu przesyłania pliku na serwer, obrazek zostanie dodany do listy i możesz go również wybrać.
Krok 3
Określ szerokość i kolor ramki wokół obrazu, kolor wypełnienia i odległość między ramką a obrazem, tekst wyskakującej podpowiedzi po najechaniu myszą. Nie zaszkodzi określić rozmiar obrazka, chociaż to, podobnie jak wszystkie ustawienia w tym oknie dialogowym (z wyjątkiem wyboru obrazka), jest opcjonalne. Po wypełnieniu wszystkich wymaganych pól okna dialogowego kliknij przycisk „OK”. Na tym kończy się procedura wstawiania obrazka, pozostaje tylko zapisać edytowaną stronę.
Krok 4
Jeśli nie możesz użyć edytora stron systemu sterowania lub nie ma on trybu edycji wizualnej, musisz skomponować i dodać wymagany tag HTML do kodu źródłowego. Najprostsza opcja może wyglądać tak: Tutaj img to nazwa tagu, a przeglądarka używa jej do stwierdzenia, że obrazek powinien być tutaj wyświetlany. Atrybut src zawiera adres i nazwę pliku obrazu. Jeśli plik znajduje się w tym samym folderze co strona, pełny adres URL nie jest wymagany. Możesz dodać wyskakującą podpowiedź po najechaniu myszą za pomocą atrybutu title, a szerokość obramowania można określić w atrybucie obramowania: Zastąp wymagane atrybuty swoimi wartościami i wklej wynikowy kod HTML tagu do źródła strony. Można to zrobić w prostym edytorze tekstu, pobierając źródło z serwera witryny, a następnie przesyłając je z powrotem.
Krok 5
Prześlij plik obrazu na stronę. Można to zrobić za pomocą menedżera plików systemu sterowania lub panelu dostawcy hostingu lub skorzystać z programu rezydentnego - klienta FTP. Pierwsza opcja jest łatwiejsza, ponieważ nie wymaga instalacji i dostosowania programu - menedżer plików działa bezpośrednio w przeglądarce.
