Link hozzáadása a képhez az Adobe Dreamweaver alkalmazásban: 7 lépés

Tartalomjegyzék:

Link hozzáadása a képhez az Adobe Dreamweaver alkalmazásban: 7 lépés
Link hozzáadása a képhez az Adobe Dreamweaver alkalmazásban: 7 lépés

Videó: Link hozzáadása a képhez az Adobe Dreamweaver alkalmazásban: 7 lépés

Videó: Link hozzáadása a képhez az Adobe Dreamweaver alkalmazásban: 7 lépés
Videó: 💡A Trello használata hatékonyan home office-ban [2021-es oktatóvideó kezdőknek]🤓 2024, Április
Anonim

A webhelyek készítése során bizonyos dolgokat szem előtt kell tartani, amelyek közül az egyik érdekessé teszi webhelyét a nézők számára. A Dreamweaver, egy HTML -szerkesztő program segítségével könnyen konvertálhat egy képet linkre. Ez a cikk megmutatja, hogyan kell ezt csinálni!

Lépések

Link hozzáadása a képhez az Adobe Dreamweaver programban 1. lépés
Link hozzáadása a képhez az Adobe Dreamweaver programban 1. lépés

1. lépés: Nyissa meg a Dreamweaver alkalmazást

Nyisson meg egy meglévő fájlt, vagy definiáljon egy új webhelyet, és hozzon létre egy új HTML -fájlt, ha még nem tette meg.

Link hozzáadása a képhez az Adobe Dreamweaver alkalmazásban 2. lépés
Link hozzáadása a képhez az Adobe Dreamweaver alkalmazásban 2. lépés

2. lépés. Amikor új HTML -fájlt hoz létre, a Dreamweaver már létrehoz egy alapvető weboldal -struktúrát az Ön számára

Írja be a kurzort valahol a és a címkék közé.

Link hozzáadása a képhez az Adobe Dreamweaver programban 3. lépés
Link hozzáadása a képhez az Adobe Dreamweaver programban 3. lépés

3. lépés. Helyezze be a kívánt képet

Három alternatív módszer létezik erre:

  • Lépjen a "Beszúrás" panelre a tetején. Kattintson a „Kép” elemre, és a megjelenő almenüben válassza a „Kép” lehetőséget.
  • Jobb oldalon egy sáv található, amelynek tetejére „Beszúrás” és „Fájlok” van írva. Kattintson a „Kiválasztás”, majd a „Közös” lehetőségre a legördülő menüben. Most helyezze be a képet a "Kép" gombra kattintva. Ha ez a sáv nem jelenik meg, kattintson arra a helyre, ahol a „Compact” vagy a „Expanded” munkaterület van írva. Kattintson a „Compact”, majd a „Reset Compact” gombra a Dreamweaver alapértelmezett beállításainak visszaállításához.
  • Nyomja meg a Ctrl+Alt+I billentyűzetet.
Link hozzáadása a képhez az Adobe Dreamweaver programban 4. lépés
Link hozzáadása a képhez az Adobe Dreamweaver programban 4. lépés

4. lépés Állítsa be a kép méretét a „Szélesség” és a „Magasság” mezőkben a képpontok számának megadásával

Link hozzáadása a képhez az Adobe Dreamweaver alkalmazásban 5. lépés
Link hozzáadása a képhez az Adobe Dreamweaver alkalmazásban 5. lépés

Lépés 5. Lépjen a „Tervezés” módba, és nézze meg, hogyan néz ki a képe

Kattintson az „Élő” gombra, és nézze meg, hogyan fog kinézni a webhelyén.

Link hozzáadása a képhez az Adobe Dreamweaver programban 6. lépés
Link hozzáadása a képhez az Adobe Dreamweaver programban 6. lépés

6. lépés. Kattintson a képre

Link hozzáadása a képhez az Adobe Dreamweaver alkalmazásban 7. lépés
Link hozzáadása a képhez az Adobe Dreamweaver alkalmazásban 7. lépés

7. lépés. Mentse el weboldalát a Ctrl+S billentyűkombináció lenyomásával (Mentés) vagy Ctrl+⇧ Shift+S (Mentés másként).

Tippek

  • Ha azt szeretné, hogy egy gomb legyen, vagy csak egy alakzat legyen a képen, módosítsa a hátteret a weblapján lévőhöz hasonlóra egy képszerkesztő programmal, például Photoshoppal.
  • Kattintson a kicsire Földgolyó ikonra a tetején, hogy megtekinthesse a böngészőben.

Ajánlott: