Jak přidat odkaz na obrázek v aplikaci Adobe Dreamweaver: 7 kroků

Obsah:

Jak přidat odkaz na obrázek v aplikaci Adobe Dreamweaver: 7 kroků
Jak přidat odkaz na obrázek v aplikaci Adobe Dreamweaver: 7 kroků

Video: Jak přidat odkaz na obrázek v aplikaci Adobe Dreamweaver: 7 kroků

Video: Jak přidat odkaz na obrázek v aplikaci Adobe Dreamweaver: 7 kroků
Video: TRELLO PRO MARKETÉRY A OBCHODNÍKY - RYCHLOKURZ ZADARMO 2024, Duben
Anonim

Při vytváření webových stránek je třeba mít na paměti určité věci, jednou z nich je, aby byly vaše stránky zajímavé pro diváky. S Dreamweaverem, programem pro úpravy HTML, je snadné převést obrázek na odkaz. Tento článek vám ukáže, jak se to dělá!

Kroky

Přidání odkazu na obrázek v Adobe Dreamweaver Krok 1
Přidání odkazu na obrázek v Adobe Dreamweaver Krok 1

Krok 1. Otevřete Dreamweaver

Pokud jste to ještě neudělali, otevřete existující soubor nebo definujte nový web a vytvořte nový soubor HTML.

Krok 2: Přidejte odkaz na obrázek v aplikaci Adobe Dreamweaver
Krok 2: Přidejte odkaz na obrázek v aplikaci Adobe Dreamweaver

Krok 2. Když vytvoříte nový soubor HTML, Dreamweaver již pro vás vytvoří základní strukturu webové stránky

Zadejte kurzor někam mezi značky a.

Přidání odkazu na obrázek v kroku 3 aplikace Adobe Dreamweaver
Přidání odkazu na obrázek v kroku 3 aplikace Adobe Dreamweaver

Krok 3. Vložte požadovaný obrázek

K tomu existují tři alternativní metody:

  • V horní části přejděte na panel „Vložit“. Klikněte na 'Obrázek' a ze zobrazené podnabídky vyberte 'Obrázek'.
  • Vpravo je lišta s nápisem „Vložit“a „Soubory“nahoře. Klikněte na „Vybrat“a poté v rozevírací nabídce na „Společné“. Nyní vložte obrázek kliknutím na 'Obrázek'. Pokud se tento pruh nezobrazí, klikněte na místo, kde je napsán pracovní prostor „Kompaktní“nebo „Rozbalený“. Kliknutím na „Kompaktní“a poté na „Obnovit kompaktní“obnovíte výchozí nastavení aplikace Dreamweaver.
  • Na klávesnici stiskněte Ctrl+Alt+I.
Přidání odkazu na obrázek v kroku 4 aplikace Adobe Dreamweaver
Přidání odkazu na obrázek v kroku 4 aplikace Adobe Dreamweaver

Krok 4. Upravte velikost obrázku zadáním počtu pixelů do polí „Šířka“a „Výška“

V kroku 5 přidejte odkaz na obrázek v Adobe Dreamweaver
V kroku 5 přidejte odkaz na obrázek v Adobe Dreamweaver

Krok 5. Přejděte do režimu „Design“a podívejte se, jak vypadá váš obrázek

Kliknutím na „Živě“zobrazíte, jak to ve skutečnosti bude vypadat na vašem webu.

V kroku 6 přidejte odkaz na obrázek v Adobe Dreamweaver
V kroku 6 přidejte odkaz na obrázek v Adobe Dreamweaver

Krok 6. Klikněte na obrázek

V kroku 7 přidejte odkaz na obrázek v Adobe Dreamweaver
V kroku 7 přidejte odkaz na obrázek v Adobe Dreamweaver

Krok 7. Uložte svou webovou stránku stisknutím Ctrl+S (Uložit) nebo Ctrl+⇧ Shift+S (Uložit jako).

Tipy

  • Pokud chcete, aby to bylo jako tlačítko nebo pouze tvar obrázku, změňte pozadí na pozadí podobné tomu na vaší webové stránce pomocí programu pro úpravu obrázků, jako je Photoshop.
  • Klikněte na malé Zeměkoule ikonu nahoře zobrazíte ve svém prohlížeči.

Doporučuje: