Deset tipů pro návrh webu Dreamweaver, které šetří čas

Všechny dobré webové stránky rostou a vyvíjejí se. Pokud začnete se silným designem a budete pečlivě sledovat některá základní pravidla týkající se rozhraní, navigace a stylu, máte lepší základ, na kterém můžete stavět. Následující nápady na design a tipy pro Dreamweaver vám mohou pomoci ušetřit čas při vytváření webových stránek, které vypadají skvěle pro všechny vaše návštěvníky.

1Plan — to se vyplatí.

I když se cítíte pod tlakem, abyste web dostali online rychle, z dlouhodobého hlediska ušetříte čas, pokud si nejprve uděláte trochu času na vytvoření plánu.

World Wide Web nikam nevede. I když musíte svůj web dostat online co nejrychleji, vaším cílem by mělo být navrhnout web, který skutečně slouží vašemu publiku, podnikání a cílům – a tyto cíle vyžadují plánování.

2 Definujte cíle, které vám pomohou soustředit se.

Pokud svůj web zakládáte s cílem přilákat miliony návštěvníků a prodávat tuny produktů a služeb, nejste dostatečně konkrétní. Čím přesněji dokážete své cíle uvést, tím větší šanci na jejich dosažení máte. Měli byste se omezit pouze na tři cíle.

3 Stanovte si termíny, které vám pomohou dokončit.

Poté, co budete mít jasno ve svých cílech a úkolech, které musíte před spuštěním webu splnit, je čas vytvořit časovou osu a stanovit termíny. Ujistěte se, že si dáte realistický časový rámec, abyste udělali dobrou práci, a zohledněte trochu více času, než si myslíte, že potřebujete, zvláště pokud s webovým designem teprve začínáte.

I když na webu pracujete sami nebo s velmi malým týmem, stanovení termínů je jednou z nejdůležitějších součástí každého projektového plánu – a dává vám mnohem větší šanci na dokončení. Zkuste termín svázat se speciální událostí nebo příležitostí.


Deset tipů pro návrh webu Dreamweaver, které šetří čas

4 Navrhněte pro své publikum.

Bez ohledu na to, jak je web technicky propracovaný nebo jak skvělý je text, většina lidí si jako první všimne designu. Ujistěte se, že si ponecháte dostatek času a rozpočtu na vývoj vhodného a atraktivního designu pro váš web. Správný design je ten, který nejlépe vyhovuje vašemu publiku – a to může nebo nemusí znamenat spoustu efektní grafiky a animací.

5 Vytvořte konzistentní design.

Většina webových stránek funguje nejlépe a je snazší se v nich orientovat, pokud se řídí konzistentním tématem designu. Příklad: Většina čtenářů považuje za samozřejmé, že knihy nemění svůj design ze stránky na stránku a že noviny nemění písma titulků a loga ze dne na den.

Ve skutečnosti by mnozí tvrdili, že když uživatelé říkají, že je něco „intuitivní k použití“, ve skutečnosti tím myslí, že je to známé. Konzistence je jedním z primárních nástrojů používaných v designu, který pomáhá čtenářům najít web známý a usnadňuje sledování příběhu nebo řady navigačních prvků.


Deset tipů pro návrh webu Dreamweaver, které šetří čas

6Řiďte se pravidlem tří kliknutí.

Pravidlo tří kliknutí říká, že žádná důležitá informace by nikdy neměla být vzdálena více než tři kliknutí od kteréhokoli jiného místa na vašem webu. Nejdůležitější informace by měly být ještě blíž. Mnoho návrhářů se například shoduje na tom, že kontaktní informace by nikdy neměly být vzdáleny více než na jedno kliknutí.

Hledání informací můžete uživatelům usnadnit vytvořením navigační lišty – sady odkazů na všechny hlavní sekce vašeho webu, které opakujete na všech stránkách vašeho webu. Navigační panel usnadňuje návštěvníkům přechod z jedné části vašeho webu do druhé.

Pokud máte na svém webu mnoho stránek, uspořádejte je do sekcí s podsekcemi a poté použijte rozbalovací nabídku.

7Přemýšlejte, než přidáte ozdobná písma.

Návrháři jsou tak nadšení, když zjistí, že nyní mohou na webových stránkách používat jakékoli písmo, které chtějí. Bohužel, stejně jako mnoho věcí na webu, je používání písem složitější, než byste čekali.

Například, i když máte práva hostit písmo na svém vlastním webovém serveru, nemusíte mít všechny varianty písma potřebné ke správnému zobrazení písmen na počítačích Mac a Windows nebo k práci ve všech webových prohlížečích. To je důvod, proč většina webových designérů používá službu písem:

8Mějte často používané předměty po ruce.

Přáli jste si někdy mít všechny své oblíbené funkce Dreamweaveru na jednom pohodlném místě? Můžeš! Stačí upravit sbírku oblíbených položek na panelu Vložit.

Spusťte Dreamweaver a zvolte Okno→Vložit, abyste otevřeli panel Společné vkládání. Panel Vložit obsahuje několik sekcí, včetně Struktura, Média, Formuláře a Oblíbené.

Klepněte na šipku na panelu Vložit a z rozevíracího seznamu vyberte Oblíbené. Možnost Oblíbené je na samém konci rozevíracího seznamu panelu Vložit.

Chcete-li přizpůsobit panel Oblíbené pomocí všech svých oblíbených ikon funkcí, klikněte pravým tlačítkem (nebo Control+klikněte na Macu) a vyberte Přizpůsobit oblíbené. Použijte panel Oblíbené položky jako pohodlný způsob, jak mít všechny své oblíbené funkce po ruce. Můžete jej dokonce změnit pro speciální projekty, které vyžadují soubor funkcí programu.


Deset tipů pro návrh webu Dreamweaver, které šetří čas

9Rozdělte pohled.

Pokud chcete v Dreamweaveru přepínat tam a zpět mezi zobrazením kódu a zobrazením návrhu, oceníte možnost rozdělit okno tak, abyste mohli současně zobrazit zdrojový kód i návrh stránky. Chcete-li okno rozdělit, zvolte tlačítko Rozdělit pohled v levé horní části pracovní plochy.

Zdrojový kód aplikace Dreamweaver je barevně označen, aby bylo snazší rozlišit značky od obsahu. Další užitečnou funkcí v zobrazení Rozdělit je, že pokud vyberete obrázek, text nebo jiný prvek na stránce v zobrazení Návrh, odpovídající kód se automaticky zvýrazní v zobrazení Kód.

10 Zálohujte si svůj web.

Ujistěte se, že máte systém pro zálohování vašeho webu. Vždy mějte kopii všech souborů na svém serveru na samostatném místě a pravidelně je aktualizujte, abyste měli jistotu, že budete mít vždy zálohovanou nejnovější verzi svého webu.

Chcete-li vytvořit zálohu webu, který jste vytvořili v Dreamweaveru, musíte zkopírovat složku webu, do které ukládáte všechny soubory na vašem webu. V ideálním případě byste měli zkopírovat tuto složku na externí pevný disk nebo ji nahrát do online zálohovacího systému (který je hostován odděleně od vašeho webového serveru).


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.