Jak přidat obkreslovací obrázek na stránku v Dreamweaveru

Funkce Tracing Image v Dreamweaveru je oblíbená zejména mezi návrháři. Tento koncept, který sahá až do nejranějších dnů designu, vám umožňuje používat grafiku jako vodítko pro návrhy stránek, podobně jako byste mohli kopírovat karikaturu přes tenký průhledný papír.

Funkce Tracing Image je ideální pro lidi, kteří rádi nejprve vytvoří návrh v programu, jako je Photoshop nebo Fireworks, a poté podle něj vymodelují svou webovou stránku. Pomocí funkce Tracing Image můžete na pozadí jakékoli stránky Dreamweaveru vložit jakýkoli obrázek připravený pro web.

Pak můžete polohovat

tagy nebo vložení tabulek nebo jiných prvků na obkreslovací obraz, což usnadňuje opětovné vytvoření návrhu v Dreamweaveru. Obrázky JPG, GIF nebo PNG můžete použít jako obkreslovací obrázky a můžete je vytvořit v jakékoli grafické aplikaci, která tyto formáty podporuje.

Přestože se obkreslovací obrázek zobrazuje na pozadí stránky, nenahrazuje obrázek na pozadí a nezobrazí se v prohlížeči.

Chcete-li na stránku přidat trasovací obrázek, postupujte takto:

Vytvořte novou stránku nebo otevřete existující stránku v Dreamweaveru.

Vyberte Zobrazit → Obkreslit obrázek → Načíst.

Otevře se dialogové okno Vybrat zdroj obrázku.

Vyberte obrázek, který chcete použít jako obkreslovací obrázek, a klikněte na OK.

Otevře se dialogové okno Vlastnosti stránky s vybranou kategorií Obtahovací obrázek.

Kredit: Foto istockphoto.com

Klepnutím na tlačítko Procházet vyhledejte obrázek, který chcete použít jako obkreslovací obrázek.

Zobrazí se dialogové okno Vybrat zdroj obrázku.

Klikněte na obrázek, ze kterého chcete trasovat, a poté klikněte na Použít pro náhled, jak obrázek vypadá za stránkou.

Nastavte krytí pro obkreslovací obrázek pomocí posuvníku Průhlednost.

Snížení úrovně průhlednosti způsobí, že se obkreslovací obrázek bude jevit vybledlý, což usnadňuje rozlišení mezi obrázkem a obsahem na stránce. Úroveň průhlednosti můžete nastavit tak, aby vyhovovala vašim preferencím, ale někde kolem 50 procent funguje dobře u většiny obrázků.

Klepněte na tlačítko OK.

Obrázkový obrázek se zobrazí v okně Dokument a dialogové okno se zavře.

S funkcí Tracing Image máte několik dalších možností. Chcete-li zobrazit následující možnosti, vyberte Zobrazit → Obrázkový obrázek:

• Zobrazit: Skryje trasovací obrázek, pokud chcete zkontrolovat svou práci bez obrázku, ale nechcete jej odstranit.

• Zarovnat s výběrem: Umožňuje automaticky zarovnat obkreslovací obrázek s vybraným prvkem na stránce.

• Upravit polohu: Umožňuje používat klávesy se šipkami nebo zadat souřadnice X, Y k ovládání polohy obkreslovacího obrázku za stránkou.

• Reset Position: Resetuje obkreslovací obraz na 0, 0 na souřadnicích X, Y.

• Načíst: Umožňuje přidat nebo nahradit trasovací obrázek.

Jakmile je obkreslovací obrázek na svém místě, můžete jej použít jako vodítko při navrhování stránky. Protože je obkreslovací obrázek za stránkou, nebude překážet vaší návrhářské práci a přes obkreslovací obrázek můžete přidat jakékoli prvky, které byste mohli přidat na jakoukoli jinou webovou stránku. Použijte obkreslovací obrázek jako referenci pro vložení a umístění

tagy, obrázky a další prvky.