Nyomkövető kép hozzáadása egy oldalhoz a Dreamweaverben

A Dreamweaver Tracing Image szolgáltatása különösen népszerű a tervezők körében. A koncepció, amely a tervezés legkorábbi napjaira nyúlik vissza, lehetővé teszi, hogy grafikákat használjon útmutatóként az oldalakhoz, akárcsak egy karikatúrát másolhat át vékony átlátszó papíron.

A Tracing Image funkció ideális azok számára, akik szeretnek először egy tervet létrehozni egy programban, például a Photoshopban vagy a Fireworksben, majd utána modellezni a weboldalukat. A Tracing Image funkció használatával bármilyen webre alkalmas képet beilleszthet bármely Dreamweaver oldal hátterébe.

Aztán lehet pozícionálni

címkéket vagy táblázatokat vagy más elemeket szúrjon be a nyomkövetési kép tetejére, megkönnyítve a design újraalkotását a Dreamweaverben. Használhat JPG, GIF vagy PNG képeket nyomkövetési képként, és létrehozhatja azokat bármely grafikus alkalmazásban, amely támogatja ezeket a formátumokat.

Bár a nyomkövető kép megjelenik az oldal hátterében, nem veszi át a háttérkép helyét, és nem jelenik meg a böngészőben.

Ha nyomkövető képet szeretne hozzáadni az oldalához, kövesse az alábbi lépéseket:

Hozzon létre egy új oldalt, vagy nyisson meg egy meglévő oldalt a Dreamweaverben.

Válassza a Nézet → Nyomkövetési kép → Betöltés menüpontot.

Megnyílik a Képforrás kiválasztása párbeszédpanel.

Válassza ki azt a képet, amelyet nyomkövetési képként kíván szolgálni, majd kattintson az OK gombra.

Megnyílik az Oldal tulajdonságai párbeszédpanel a Nyomkövetési kép kategóriával.

Nyomkövető kép hozzáadása egy oldalhoz a Dreamweaverben

Köszönet: Fotó: istockphoto.com

Kattintson a Tallózás gombra a nyomkövető képként használni kívánt kép megkereséséhez.

Megjelenik a Képforrás kiválasztása párbeszédpanel.

Kattintson arra a képre, amelyről nyomon szeretne követni, majd kattintson az Alkalmaz gombra, hogy megtekinthesse, hogyan néz ki a kép az oldal mögött.

Állítsa be a nyomkövetési kép átlátszatlanságát az Átlátszóság csúszkával.

Az átlátszósági szint csökkentésével a nyomkövetési kép halványnak tűnik, ami megkönnyíti a nyomkövetési kép és az oldalon lévő tartalom megkülönböztetését. Beállíthatja az átlátszósági szintet saját preferenciái szerint, de valahol az 50 százalék körül jól működik a legtöbb képnél.

Kattintson az OK gombra.

A nyomkövetési kép megjelenik a Dokumentum ablakban, és a párbeszédpanel bezárul.

A Tracing Image (Képkövetési kép) funkcióval további lehetőségek közül választhat. Válassza a Nézet→Képkövetés menüpontot a következő lehetőségek megjelenítéséhez:

  • Megjelenítés: Elrejti a nyomkövető képet, ha a kép nélkül szeretné ellenőrizni a munkáját, de nem szeretné eltávolítani.

  • Igazítás kijelöléssel: Lehetővé teszi a nyomkövető kép és az oldal kiválasztott elemének automatikus sorba rendezését.

  • Adjust Position: Lehetővé teszi a nyílbillentyűk használatát vagy az X, Y koordináták megadását a nyomkövető kép oldal mögötti helyzetének szabályozásához.

  • Reset Position: Visszaállítja a nyomkövetési képet 0, 0 értékre az X, Y koordinátákon.

  • Betöltés: Lehetővé teszi nyomkövetési kép hozzáadását vagy cseréjét.

Miután a nyomkövető kép a helyére került, útmutatóként használhatja az oldal tervezése során. Mivel a nyomkövető kép az oldal mögött található, nem zavarja a tervezési munkát, és bármilyen elemet hozzáadhat a nyomkövető képhez, amelyet bármely más weboldalhoz hozzáadhat. Használja a nyomkövetési képet referenciaként a beszúráshoz és a pozícióhoz

címkék, képek és egyéb elemek.

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.