![...](/f/864c2cfe5584a9827b909a19bd7a5ab1.jpg)
Istnieje wiele powodów, dla których możesz chcieć dodać obraz .gif do swojej witryny.
Dodanie obrazu do Twojej witryny może znacznie poprawić jej atrakcyjność dla odwiedzających. Najczęściej używanym formatem plików obrazów w Internecie są .jpg i .gif. Indiana University twierdzi, że pliki .gif najlepiej nadają się do obrazów o ostrych krawędziach i zmniejszonej gradacji kolorów. Mogą to być kreskówki, tekst i grafika liniowa. Inne zalety plików .gif to możliwość ustawienia przezroczystości tła i dodania animacji. Dodanie pliku .gif do strony internetowej jest tak proste, jak przesłanie pliku i napisanie zdania.
Krok 1
Otwórz panel administracyjny swojej strony internetowej. Będzie to inne dla każdej osoby, ponieważ zależy to od używanego serwera hosta lub tego, czy do zarządzania witryną używasz programów, takich jak Dreamweaver. Zasadniczo istnieją dwa główne typy oprogramowania do edycji — edytor html lub WYSIWYG. Magazyn Smashing wyjaśnia, że WYSIWYG oznacza „to, co widzisz, to to, co dostajesz”. Programy te mają na celu uczynienie tworzenia stron bardziej intuicyjnym. Edytory HTML wymagają zrozumienia podstaw języka HTML.
Wideo dnia
Krok 2
Zapisz plik obrazu .gif w folderze „images” lub odpowiednim folderze na swojej stronie internetowej. Jeśli używasz programu na swoim komputerze, wystarczy znaleźć odpowiedni folder na dysku twardym. Jeśli korzystasz z internetowego interfejsu administracyjnego, musisz przesłać obraz. Przejdź do odpowiedniego folderu w panelu administracyjnym i postępuj zgodnie z instrukcjami, aby przesłać plik. W większości przypadków użyjesz przycisku przeglądania, aby znaleźć plik .gif na swoim komputerze, a następnie klikniesz „Prześlij”.
Krok 3
Dodaj .gif do strony internetowej. W edytorze WYSIWYG wszystko, co musisz zrobić, to przeciągnąć i upuścić obraz tam, gdzie chcesz. Wyświetl podgląd witryny, aby upewnić się, że wygląda ona zgodnie z oczekiwaniami, i dostosuj ją w razie potrzeby.
Jeśli używasz edytora tekstu HTML, otwórz stronę HTML, na której zostanie umieszczony plik .gif. Przewiń do miejsca w tekście HTML, w którym chcesz umieścić plik .gif. Dodaj następujący wiersz, zastępując informacje po znakach „=” informacjami o .gif i pozostawiając cudzysłowy:
![Mój GIF](/f/32e536f406943ed5371bc1e85d1f5d00.gif)
Cross Culture wyjaśnia, że „img src” oznacza „źródło obrazu”. Informacje między cudzysłowami powinny zawierać nazwę folderu, w którym znajduje się plik .gif, a następnie nazwę pliku .gif. Znacznik „alt” odnosi się do tekstu, który pojawi się, jeśli link do obrazu zostanie uszkodzony, jeśli odwiedzający ma wyłączone obrazy lub do odszyfrowania przez czytniki tekstu. „Szerokość” i „wysokość” określają wyświetlany rozmiar obrazu w pikselach. Znaczniki przestrzeni definiują, ile miejsca w pionie lub poziomie jest przydzielone wokół obrazu w stosunku do otaczającej treści. Znacznik obramowania doda linię wokół obrazu, a liczba w cudzysłowie określa jego szerokość.
Rzeczy, których będziesz potrzebować
Komputer z połączeniem internetowym
Dostęp administracyjny do strony internetowej
Zapisany obraz .gif do wstawienia
Wskazówka
Jednym z typowych zastosowań pliku .gif jest spacer.gif. Ten obraz jest przezroczystym kwadratem o wymiarach 1 piksel na 1 piksel. Ten plik .gif daje projektantom stron możliwość wydajnego dodawania przewidywalnego miejsca w różnych miejscach układu. Aby dodać miejsce pod blokiem tekstu, na przykład, możesz umieścić spacer.gif w osobnym akapicie i dostosować wysokość i szerokość do swoich preferencji.
Ostrzeżenie
Zapisz kopię strony internetowej, którą zmieniasz, zanim spróbujesz dodać nowy .gif i spróbuj pracować w trybie offline, jeśli to możliwe, aż będziesz zadowolony z wyników. Zapobiega to upublicznieniu stron ćwiczeń i chroni możliwość rozpoczęcia od nowa w przypadku trudności.