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).


Jak použít průhlednost na SVG

Jak použít průhlednost na SVG

Naučte se, jak aplikovat průhlednost na grafiku SVG v Illustratoru. Prozkoumejte, jak vytisknout SVG s průhledným pozadím a použít efekty průhlednosti.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Po importu obrázků do Adobe XD nemáte velkou kontrolu nad úpravami, ale můžete měnit velikost a otáčet obrázky stejně jako jakýkoli jiný tvar. Rohy importovaného obrázku můžete také snadno zaoblit pomocí rohových widgetů. Maskování obrázků Definováním uzavřeného tvaru […]

Jak upravit vlastnosti textu v Adobe XD

Jak upravit vlastnosti textu v Adobe XD

Když máte v projektu Adobe XD text, můžete začít měnit vlastnosti textu. Mezi tyto vlastnosti patří rodina písem, velikost písma, tloušťka písma, zarovnání, mezera mezi znaky (vyrovnání párů a sledování), řádkování (proklad), výplň, ohraničení (tah), stín (vržený stín) a rozostření pozadí. Pojďme se tedy podívat, jak jsou tyto vlastnosti aplikovány. O čitelnosti a písmu […]

Práce s kreslicími plátny ve Photoshopu CC

Práce s kreslicími plátny ve Photoshopu CC

Stejně jako v Adobe Illustratoru poskytují kreslicí plátna Photoshopu možnost vytvářet samostatné stránky nebo obrazovky v rámci jednoho dokumentu. To může být zvláště užitečné, pokud vytváříte obrazovky pro mobilní aplikaci nebo malou brožuru. Kreslicí plátno si můžete představit jako zvláštní typ skupiny vrstev vytvořené pomocí panelu Vrstvy. Své […]

Tvary a mnohoúhelníky v InDesignu

Tvary a mnohoúhelníky v InDesignu

Mnoho nástrojů, které najdete na panelu Nástroje InDesignu, se používá pro kreslení čar a tvarů na stránku, takže máte několik různých způsobů, jak vytvářet zajímavé kresby pro vaše publikace. V InDesignu můžete vytvářet cokoli od základních tvarů po složité kresby, místo abyste museli používat kreslicí program, jako je […]

Zalomení textu v aplikaci Adobe Illustrator CC

Zalomení textu v aplikaci Adobe Illustrator CC

Zabalení textu v aplikaci Adobe Illustrator CC není úplně stejné jako zabalení dárku – je to jednodušší! Obtékání textu vynutí obtékání textu kolem grafiky, jak je znázorněno na tomto obrázku. Tato funkce může přidat trochu kreativity do každého kusu. Grafika nutí text, aby se kolem ní obtékal. Nejprve vytvořte […]

Jak změnit velikost tvarů v Illustratoru

Jak změnit velikost tvarů v Illustratoru

Při navrhování v aplikaci Adobe Illustrator CC často potřebujete, aby tvar měl přesnou velikost (například 2 x 3 palce). Po vytvoření tvaru je nejlepším způsobem, jak změnit jeho velikost na přesné rozměry, pomocí panelu Transformace, který je znázorněn na tomto obrázku. Nechte si vybrat objekt a poté zvolte Okno→Transformovat na […]

Jak vytvořit QR kódy v InDesign CC

Jak vytvořit QR kódy v InDesign CC

InDesign můžete použít k vytváření a úpravě grafiky kódu QR. QR kódy jsou formou čárového kódu, který může ukládat informace, jako jsou slova, čísla, adresy URL nebo jiné formy dat. Uživatelka naskenuje QR kód pomocí svého fotoaparátu a softwaru na zařízení, jako je chytrý telefon, a software využívá […]

Jak docílit toho, aby nová fotografie vypadala jako stará ve Photoshopu CS6

Jak docílit toho, aby nová fotografie vypadala jako stará ve Photoshopu CS6

Může nastat chvíle, kdy budete potřebovat novou fotku, aby vypadala staře. Photoshop CS6 vám pomůže. Černobílá fotografie je novější fenomén, než byste si mysleli. Daguerrotypie a další rané fotografie měly často nahnědlý nebo namodralý odstín. Můžete si vytvořit vlastní mistrovská díla v sépiovém odstínu. Tónované obrázky mohou vytvářet […]

Funkce Live Paint v Adobe CS5 Illustrator

Funkce Live Paint v Adobe CS5 Illustrator

Pomocí funkce Živé malování v Adobe Creative Suite 5 (Adobe CS5) Illustrator můžete vytvořit požadovaný obrázek a vyplnit oblasti barvou. Kbelík živé malby automaticky detekuje oblasti složené z nezávislých protínajících se cest a podle toho je vyplní. Barva v dané oblasti zůstává živá a teče automaticky, pokud existuje […]