Jak definovat atributy v Dreamweaveru

Inspektor vlastností aplikace Dreamweaver je kontextově citlivý, což znamená, že když klepnete na obrázek, zobrazí se a upraví atributy HTML pro tento obrázek. Některé z upravitelných atributů obrázku jsou více „technické“ než konstrukční faktory.

ID obrázku se například používá, když jsou obrázky připojeny k programům nebo databázím JavaScript. Další atributy obrázků v Inspektoru vlastností zahrnují omezenou sadu skutečných nástrojů pro úpravu obrázků. Tyto nástroje zahrnují oříznutí, úpravu kontrastu a doostření obrázků. Podívejte se na nejdůležitější z těchto možností:

• Nástroje oblasti mapy: Nástroje oblasti mapy vytvářejí na vybraném obrázku aktivní oblasti, na které lze kliknout, a definují samostatné odkazy pro různé aktivní oblasti. Hotspot je část obrázku, která slouží jako odkaz. Pomocí nástrojů Obdélník, Kruh a Mnohoúhelník můžete nakreslit řezy do vybraného obrazu a poté k těmto aktivním bodům přiřadit konkrétní odkazy v Inspektoru vlastností.

  Čtvrtý nástroj v této sadě, nástroj Ukazatel aktivní oblasti, se používá k výběru, přesunutí nebo úpravě existujících aktivních oblastí.

• V Space a H Space: Definujte horizontální a vertikální mezery kolem vybraného obrazu.

• Zarovnat: Pomocí tohoto vyskakovacího okna můžete vybrat zarovnání vlevo nebo vpravo. (Další možnosti jsou technicky dostupné, ale jsou to pozůstatky z doby, kdy se grafické symboly o velikosti textu vkládaly přímo do řádků textu a dnes se nepoužívají při zarovnávání obrázků.)

• Src: Toto pole identifikuje vložený propojený obrázek.

• Alt: Změna textu, který se zobrazuje nebo čte nahlas, když obrázek není vidět.

• Border: Definujte šířku okraje (0 pixelů, ve výchozím nastavení) nebo 1 pixel, pokud obrázek slouží jako odkaz.

• Odkaz: Definujte odkaz, který se otevře po kliknutí na obrázek. Pokud je odkaz definován, můžete odkaz nastavit tak, aby se otevřel v novém okně prohlížeče, výběrem _blank z vyskakovacího okna Cíl.

• Třída: Toto vyskakovací okno použijte k přiřazení stylů třídy CSS, pokud jsou nějaké definovány na stránce nebo s ní propojeny.

• W (šířka) a H (výška): Změna velikosti snímku. Zrušením výběru ikony Přepnout omezení velikosti odemknete propojení mezi výškou a šířkou, což vám umožní obrázek roztáhnout nebo zmáčknout místo zachování původního poměru stran výšky k šířce při změně velikosti. Velikost můžete také interaktivně měnit kliknutím a tažením za úchyt v pravém dolním rohu vybraného obrázku. Při změně velikosti podržte klávesu Shift, abyste zachovali poměr výšky k šířce.

• Převzorkování: Nové nástroje v CS6 umožňují převzorkovat obraz se změněnou velikostí (menší). Převzorkování eliminuje nepotřebná data a zmenšuje obrazový soubor, což znamená, že se obraz může stahovat rychleji. Chcete-li obrázek převzorkovat, zaškrtněte políčko Potvrdit velikost obrázku, nebo kliknutím na tlačítko Obnovit původní velikost vedle něj v Inspektoru vlastností zrušte změnu velikosti.