Jak vytvořit novou stránku s rozložením CSS v Dreamweaveru

Dreamweaver obsahuje dvě rozvržení CSS navržená pomocí značek HTML5, které si můžete přizpůsobit a vytvořit tak zdánlivě nekonečné množství různých návrhů stránek. Tato rozložení vám poskytují náskok při vytváření nové stránky a jsou navržena tak, aby dobře fungovala v různých webových prohlížečích, takže vám mohou pomoci vyhnout se běžným problémům způsobeným různými způsoby, jak webové prohlížeče zobrazují HTML5 a CSS.

Ze všech těchto důvodů byste měli začít svou návrhářskou práci v Dreamweaveru s rozložením CSS vybraným v okně Nový dokument, zvláště pokud chcete používat HTML5.

Chcete-li vytvořit novou stránku pomocí jednoho z rozvržení CSS aplikace Dreamweaver, postupujte podle těchto pokynů:

Vyberte Soubor → Nový.

Zobrazí se dialogové okno Nový dokument.

V levém sloupci zvolte Prázdná stránka a uprostřed ve sloupci Typ stránky vyberte HTML.

Případně můžete ve spodní části sekce Typ stránky vybrat možnost, která odpovídá programovacímu jazyku používanému na vašem webu, jako je ASP.NET, PHP nebo ColdFusion, a poté přejít ke kroku 3. (Pokud neznáte tyto možnosti programování, zůstaňte u HTML.)

V části Rozvržení vyberte rozvržení CSS.

Všimněte si, že když vyberete rozvržení CSS, v pravé horní části dialogového okna se zobrazí náhled rozvržení.

Jak vytvořit novou stránku s rozložením CSS v Dreamweaveru

Z rozevíracího seznamu CSS rozložení vyberte typ šablony stylů, kterou chcete při návrhu stránky vytvořit:

  • Přidat do záhlaví vytvoří interní šablonu stylů a zahrnuje všechny styly pro rozvržení v oblasti záhlaví nového dokumentu.

  • Vytvořit nový soubor vytvoří při vytváření nového dokumentu s návrhem nový externí seznam stylů se všemi styly stránek.

  • Odkaz na existující soubor přidá informace o šabloně stylů pro nový dokument do existující externí šablony stylů.

Poznámka : Nastavení šablony stylů můžete kdykoli později změnit přesunutím stylů z interní šablony stylů do externí nebo z jedné externí šablony stylů do druhé.

Klikněte na Vytvořit.

Nová stránka se vytvoří a otevře v hlavním pracovním prostoru.

Zvolte Soubor→Uložit pro uložení stránky a stylů.

Pokud jste styly uložili do externí šablony stylů, druhé pole vás vyzve k samostatnému uložení šablony stylů. Pokud jsou styly obsaženy v interní šabloně stylů, uloží se automaticky při uložení stránky.


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.