Jak dodać łącze do obrazu w programie Adobe Dreamweaver: 7 kroków

Spisu treści:

Jak dodać łącze do obrazu w programie Adobe Dreamweaver: 7 kroków
Jak dodać łącze do obrazu w programie Adobe Dreamweaver: 7 kroków

Wideo: Jak dodać łącze do obrazu w programie Adobe Dreamweaver: 7 kroków

Wideo: Jak dodać łącze do obrazu w programie Adobe Dreamweaver: 7 kroków
Wideo: Tutorial Trello 2024, Kwiecień
Anonim

Tworząc strony internetowe, należy pamiętać o pewnych rzeczach, a jedną z nich jest sprawienie, by Twoja witryna była interesująca dla widzów. Dzięki Dreamweaver, programowi do edycji HTML, łatwo jest przekonwertować obraz na łącze. W tym artykule dowiesz się, jak to się robi!

Kroki

Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 1
Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 1

Krok 1. Otwórz program Dreamweaver

Otwórz istniejący plik lub zdefiniuj nową witrynę i utwórz nowy plik HTML, jeśli jeszcze tego nie zrobiłeś.

Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 2
Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 2

Krok 2. Kiedy tworzysz nowy plik HTML, Dreamweaver utworzy już dla Ciebie podstawową strukturę strony internetowej

Wpisz kursor gdzieś pomiędzy tagami i.

Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 3
Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 3

Krok 3. Wstaw żądany obraz

Można to zrobić na trzy alternatywne metody:

  • Przejdź do panelu „Wstaw” u góry. Kliknij „Obraz” i wybierz „Obraz” z wyświetlonego podmenu.
  • Po prawej stronie znajduje się pasek z napisem „Wstaw” i „Pliki”. Kliknij „Wybierz”, a następnie kliknij „Wspólne” z menu rozwijanego. Teraz wstaw obraz, klikając „Obraz”. Jeśli ten pasek się nie pojawi, kliknij miejsce, w którym jest napisany obszar roboczy „Kompaktowy” lub „Rozszerzony”. Kliknij 'Compact', a następnie 'Reset Compact', aby zresetować domyślne ustawienia programu Dreamweaver.
  • Naciśnij Ctrl+Alt+I na klawiaturze.
Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 4
Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 4

Krok 4. Dostosuj rozmiar obrazu, wprowadzając liczbę pikseli w polach „Width” i „Height”

Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 5
Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 5

Krok 5. Przejdź do trybu „Projektowanie”, aby zobaczyć, jak wygląda Twój obraz

Kliknij „Na żywo”, aby zobaczyć, jak będzie wyglądać w Twojej witrynie.

Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 6
Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 6

Krok 6. Kliknij obraz

Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 7
Dodaj łącze do obrazu w programie Adobe Dreamweaver Krok 7

Krok 7. Zapisz swoją stronę internetową, naciskając Ctrl+S (Zapisz) lub Ctrl+⇧ Shift+S (Zapisz jako).

Porady

  • Jeśli chcesz, aby był jak przycisk lub tylko kształt na obrazie, zmień tło na podobne do tego na stronie internetowej za pomocą programu do edycji obrazu, takiego jak Photoshop.
  • Kliknij na mały Glob ikonę u góry, aby wyświetlić ją w przeglądarce.

Zalecana: