Jak Wstawić Zdjęcie Do Nagłówka Strony Internetowej

Spisu treści:

Jak Wstawić Zdjęcie Do Nagłówka Strony Internetowej
Jak Wstawić Zdjęcie Do Nagłówka Strony Internetowej

Wideo: Jak Wstawić Zdjęcie Do Nagłówka Strony Internetowej

Wideo: Jak Wstawić Zdjęcie Do Nagłówka Strony Internetowej
Wideo: Dodawanie obrazków w HTML 2024, Listopad
Anonim

Prawidłowo dobrany obraz najlepiej charakteryzuje kierunek strony, nadaje mu indywidualności. Poza tym większość ludzi jest z natury wizualna, co oznacza, że obraz graficzny zostanie dla nich znacznie lepiej zapamiętany.

Jak wstawić zdjęcie do nagłówka strony internetowej
Jak wstawić zdjęcie do nagłówka strony internetowej

Instrukcje

Krok 1

Jeśli dopiero tworzysz swoją witrynę na podstawie gotowego szablonu, możesz wstawić obrazek do jej nagłówka za pomocą prostego zamiennika. Aby to zrobić, wystarczy wybrać odpowiedni obraz i ponownie go zapisać pod nazwą standardowej ilustracji. Najważniejsze jest tutaj dostosowanie wymiarów, w przeciwnym razie twój obraz po prostu nie będzie pasował do parametrów zasobów. To samo możesz zrobić z gotową stroną internetową, która ma system kontroli i została już wysłana przez Internet.

Krok 2

Do edycji obrazu lepiej jest użyć Adobe Photoshop. Pamiętaj, że wersje programu mogą być w języku angielskim i dla wygody pracy będziesz potrzebować cracka. Można go pobrać bezpłatnie w Internecie.

Krok 3

Otwórz obraz, który chcesz zastąpić w edytorze graficznym i wybierz z menu "Obraz" - "Rozmiar obrazu". Pamiętaj, albo lepiej zapisz wartości w pikselach. Możesz zamknąć obrazek - już go nie potrzebujesz.

Krok 4

W menu „Plik” wybierz „Nowy”, po czym formularz otworzy się przed tobą. Wprowadź do niego zarejestrowane wartości rozmiaru obrazu i kliknij „OK”. Po drodze można również ustawić inne parametry, na przykład nazwę warstwy lub rodzaj zawartości tła, ale nie są one podstawowe.

Krok 5

Utwórz nową warstwę („Warstwa” - „Nowa”).

Krok 6

Otwórz w programie obraz, który chcesz zobaczyć w nagłówku strony ("Plik" - "Otwórz").

Krok 7

Na pasku narzędzi wybierz ikonę „Obszar prostokątny”, użyj jej, aby wybrać obraz.

Krok 8

Użyj polecenia „Kopiuj” z menu „Edycja” i wklej obraz na nową warstwę przygotowanego kształtu („Edycja” - „Wklej”). Wybierz narzędzie Przenieś i przesuń obraz zgodnie z potrzebami.

Krok 9

Jeśli rozmiar obrazu okazał się większy lub mniejszy, można go poprawić za pomocą poleceń z menu „Obraz”. W każdym razie parametry głównego obrazu rzadko pokrywają się z wymaganymi, więc prawie zawsze jest pusta przestrzeń. Musi być wypełniony, a do tego najlepiej użyć „Tła”. Na przykład możesz wypełnić pojedynczym kolorem lub użyć narzędzia Gradient, a następnie wygładzić przejście za pomocą opcji Unik/Przyciemnij, Palec, Gąbki i tak dalej.

Krok 10

Istnieje specjalny tag do wstawiania zdjęć w języku html

o różnych atrybutach:

• src - adres obrazu;

• wysokość - wysokość w px;

• szerokość - szerokość w pikselach;

• border - obramowanie w px;

• alt - objaśnienie obrazu, wyświetlane użytkownikom, gdy funkcja odbioru obrazu jest wyłączona.

Na przykład,. Nie jest wymagany odwrotny tag.

Zalecana: