Obrazy stránek Adobe CS5 Dreamweaver

Na svou prázdnou stránku v Adobe Creative Suite 5 (Adobe CS5) Dreamweaver můžete přidat obrázky včetně nativních souborů Photoshopu (PSD) a Fireworks (PNG). Umístění obrazů má vliv na panel Soubory Dreamweaveru.

Vyberte Vložit → Obrázek.

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

Případně klepněte na kartu Společné na panelu Vložit a klepněte na tlačítko Vložit obrázek.

Přejděte do umístění svého obrázku a klikněte na Vybrat (Mac) nebo OK (Windows).

Pokud zvolíte nativní soubor Photoshopu (PSD) nebo Fireworks (PNG), zobrazí se dialogové okno Náhled obrázku, které vám umožní optimalizovat obrázek přímo v Dreamweaveru.

Pokud vyberete obrázek připravený pro web, například GIF, JPG nebo PNG, a obrázek je mimo složku vašeho webu, zobrazí se varování. Dreamweaver vás upozorní, že se obraz nachází mimo kořenovou složku, což způsobuje problémy při kopírování stránek na webový server.

Klepnutím na Ano zkopírujte soubor do kořenového adresáře vašeho webu. Přiřaďte tam nový název nebo stačí kliknout na Uložit, chcete-li zachovat stejný název a duplikovat soubor obrázku do složky vašeho webu.

Zobrazí se dialogové okno Atributy usnadnění přístupu pro značku obrázku.

Všechny obrázky by měly mít alternativní (alternativní) text – text, který se objeví před stažením obrázku nebo pokud prohlížeč vypnul možnost zobrazení obrázků.

Do textového pole Alternativní text přidejte příslušný popis obrázku.

Pokud je obrázek logo, popis by měl obsahovat název společnosti jako alternativní text nebo, pokud se jedná o fotografii nebo ilustraci, popište obrázek několika slovy.

Z hlediska usnadnění přístupu pomáhá alternativní text čtečkám obrazovky (například těm, které používají zrakově postižení) při identifikaci obsahu obrázků uživatelům. Kromě toho je alternativní text cenným nástrojem, který vyhledávačům poskytuje způsob indexování obsahu obrázků na vašem webu.

Klepněte na tlačítko OK.

Obrázek se přidá na stránku a do panelu Soubory.

Obrázek můžete upravit tak, že na něj dvakrát kliknete v panelu Soubory. Můžete také použít inspektor Vlastnosti k zobrazení podrobností o obrázku, včetně jeho rozměrů a velikosti souboru. Můžete také upravit vlastnosti obrázku, včetně ohraničení, hypertextového odkazu a vertikálního a horizontálního odsazení.

Obrazy stránek Adobe CS5 Dreamweaver

Pomocí inspektoru Vlastnosti můžete zobrazit informace o svém obrázku a upravit vlastnosti obrázku.

Když vytvoříte větší web s více vzájemně propojenými stránkami, možná budete chtít změnit pohled na panel Soubory. Kliknutím na rozevírací seznam (v levé horní části panelu Soubory), kde se váš web nachází, můžete vyhledat složky a další weby, které jste v poslední době použili. Kliknutím na rozevírací seznam Zobrazit vpravo můžete změnit vzhled panelu Soubory.

Otevřete soubory z panelu Soubory poklepáním na ně.

Leave a Comment

Manipulace s textem a grafikou v rozvržení InDesign CC

Manipulace s textem a grafikou v rozvržení InDesign CC

InDesign nabízí mnoho nástrojů pro efektivní manipulaci s textem a grafikou v rozvržení. Optimalizujte své návrhy s nejnovějšími technikami.

Pochopení ořezových cest v aplikaci InDesign CC

Pochopení ořezových cest v aplikaci InDesign CC

Ořezové cesty jsou silným nástrojem pro práci s obrazovými součástmi v aplikaci InDesign. Tento článek popisuje, jak efektivně vytvářet a používat ořezové cesty pro odstranění pozadí a úpravu obrázků.

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytváření a používání ořezových cest v Adobe InDesign CS5 je užitečné pro blokování obrazových oblastí a obtékání textu. Naučte se užitečné tipy a triky, jak efektivně využít ořezové cesty.

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Naučte se, jak efektivně exportovat JPEG a PNG soubory z Adobe InDesign CS6 pro tisk. Ideální pro online publikování a sdílení obrázků.

Jak formátovat odstavce ve Photoshopu CS6

Jak formátovat odstavce ve Photoshopu CS6

Naučte se, jak efektivně formátovat odstavce v Adobe Photoshopu CS6 pomocí funkce Panel Odstavec.

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Objevte, jak efektivně používat perspektivní mřížku v Adobe Illustrator CS6 pro úspěšné ilustrace. Naučte se klíčové kroky a tipy pro tvorbu a úpravy.

Jak upravit příběhy InDesign CC

Jak upravit příběhy InDesign CC

Naučte se, jak efektivně upravit textové příběhy v Adobe InDesign CC pomocí vestavěného editoru příběhů a pokročilých funkcí.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Efektivní techniky pro práci s obrázky v Adobe XD, včetně úpravy velikosti, maskování, oříznutí, rotace a pokročilých úprav ve Photoshopu.

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Naučte se, jak přidat <strong>průhlednost</strong> do přechodu ve Photoshopu CS6 a dosáhnout tak efektivního vzhledu pro své projekty.

Kreslení tvarů v publikaci InDesign CS5

Kreslení tvarů v publikaci InDesign CS5

Vytvářejte tvary, jako jsou obdélníky a elipsy, v dokumentu InDesign CS5 pomocí nástrojů tvarů. Získejte užitečné tipy pro optimalizaci vašeho designu.