Hogyan illesszen be képeket a Dreamweaverbe

Az operációs rendszer vágólapjáról képeket illeszthet be a Dreamweaver dokumentumokba. Ez működik néhány, de nem minden böngészőből a vágólapra másolt képekkel (a Safari is ilyen), valamint néhány, de nem minden nem webbarát fájlformátum esetén. Az operációs rendszer vágólapjára másolható bármely kép beilleszthető a Dreamweaver nyitott HTML-oldalára.

A képek böngészőkből való másolása a böngészőtől függően kissé eltérő, de az alapvető technika a jobb gombbal vagy a Control billentyűt lenyomva tartva kattintás, és a megjelenő helyi menüből válasszon egy lehetőséget, például a Kép másolása. Vagy másolhat és illeszthet be grafikát olyan programokból, mint az Illustrator, a Photoshop vagy a Word.

Ha egy képet a vágólapra másolt, kövesse az alábbi lépéseket a kép beillesztéséhez a Dreamweaverbe, majd képfájlként mentse el webhelyén:

Kattintson a Dokumentum ablakban arra a pontra, ahová a képet be kell illeszteni.

A kép megjelenítési módja a CSS segítségével lesz meghatározva, ezért ebben a szakaszban ne foglalkozzon ezzel.

Válassza a Szerkesztés → Beillesztés menüpontot.

Az, hogy most mi történik, jelentősen eltér a Dreamweaver verziójától függően, bár az alapkoncepciók ugyanazok:

Kiválaszthat egy képfájl formátumot és néhány egyéb képattribútumot.

Ön hozzárendel egy fájlnevet.

A Dreamweaver CS6 előtti verzióiban egy kissé összetett Kép-előnézeti párbeszédpanel nyílik meg. A CS6-ban a kép megjelenik a Dokumentum ablakban, és megjelenik egy jelentősen leegyszerűsített Képoptimalizálás párbeszédpanel.

Hogyan illesszen be képeket a Dreamweaverbe

Az Image Preview párbeszédpanel alapértelmezett képformátum-beállításai módosíthatók a képfájlformátum és az optimalizálási beállítások (szűrők, például átlátszóság, kontraszt és fényerő) kiválasztásával az Előre beállított előugró ablakban.

Adja meg a választásokat a Képoptimalizálás párbeszédpanelen (feltételezve, hogy CS6-ban van), majd kattintson az OK gombra.

A megnyíló Webes kép mentése párbeszédpanelen adja meg a kép nevét.

Mint minden webes fájlelnevezésnél, kerülje a szóközök és speciális karakterek használatát, és ne cserélje le a fájlnévkiterjesztést (.png, .jpeg vagy .gif).

Mentse a fájlt a webhely gyökérmappájába a Site Root gombra kattintva.

A webhely gyökérmappájába történő mentés mindig biztonságos megoldás. Ha kényelmesen kezeli a fájlmappa-struktúrákat, nyugodtan mentse el a képeket a webhelymappán belüli almappákba.

Kattintson a Mentés gombra.

A kép mentésre kerül, és megjelenik a Képleírás (másodlagos szöveg) párbeszédpanel. Ebben a párbeszédpanelben meghatározhatja a kisegítő lehetőségek attribútumait.

A párbeszédpanel Alternatív szövegmezőjébe alternatív szöveget írhat be (olyan szöveget, amelyet hangosan felolvas a látássérült látogatók számára az olvasószoftver, vagy amely olyan böngészési környezetekben jelenik meg, ahol a képmegjelenítés le van tiltva).

Kattintson az OK gombra a kép beillesztéséhez.

A kép látható lesz az oldalon Tervező nézetben.

Leave a Comment

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

Fedezze fel a Klónbélyegző eszköz használatát a Photoshop CS6 programban, és tanulja meg, hogyan klónozhat képeket szakmai szinten.

Adobe CS5 Dreamweaver Property Inspector

Adobe CS5 Dreamweaver Property Inspector

Az Adobe Creative Suite 5 (Adobe CS5) Dreamweaverben a Property Inspector az egyik leghasznosabb panel, amely részletes információkat nyújt a kiválasztott elemekről.

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós réteg a Photoshop CS6-ban színkorrekcióra szolgál, lehetővé téve a rétegek tartós módosítása nélkül történő szerkesztést.

Alakzatok átméretezése az Illustratorban

Alakzatok átméretezése az Illustratorban

Amikor az Adobe Illustrator CC-ben tervez, gyakran pontos méretű formára van szüksége. Fedezze fel az átalakítás panel használatát az alakzatok precíz átméretezéséhez.

A Photoshop CS6 panelek beállítása

A Photoshop CS6 panelek beállítása

A Photoshop CS6 paneljeinek kezelése egyszerű és hatékony módja a grafikai munkafolyamatok optimalizálásának. Tanulja meg a paneleket a legjobban kihasználni!

Kijelölések az Adobe Illustrator CC programban

Kijelölések az Adobe Illustrator CC programban

Fedezze fel, hogyan kell hatékonyan kijelölni objektumokat az Adobe Illustratorban a legújabb trükkökkel és technikákkal.

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Fedezze fel a Photoshop CS6 legmenőbb funkcióját, a Rétegek automatikus igazítását, amely lehetővé teszi a tökéletes képek létrehozását.

InDesign szövegkeret beállításai

InDesign szövegkeret beállításai

Fedezze fel, hogyan használhatja az InDesign szövegkeret beállításait a kívánt eredmények eléréséhez. Tudja meg, hogyan rendezheti el a szövegeket, és optimalizálja a kiadványait!

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

Fedezd fel, hogyan használhatod az InDesign Creative Suite 5 rácsait és segédvonalait az elemek pontos elhelyezésére. A rácsok és a segédvonalak megkönnyítik az oldal elrendezését és a nyomtatást.

Az átlátszóság alkalmazása az SVG-kre

Az átlátszóság alkalmazása az SVG-kre

Ismerje meg, hogyan alkalmazhat átlátszóságot az SVG-grafikákon az Illustratorban. Fedezze fel, hogyan lehet átlátszó hátterű SVG-ket nyomtatni, és hogyan alkalmazhat átlátszósági effektusokat.