Správa struktury webů pomocí Dreamweaveru

Jednou z častějších chyb, kterých se noví weboví návrháři dopouštějí, je, že se vrhnou do vývoje webu, aniž by si promysleli všechny své cíle, priority, rozpočet a možnosti návrhu. Instinktem je jednoduše začít vytvářet stránky, hodit je všechny do jednoho velkého adresáře a pak je spojit dohromady s odkazy. Když to pak konečně otestují na svém publiku, jsou často překvapeni, když uživatelé říkají, že se na webu špatně orientuje a uživatelé nemohou najít stránky, které by chtěli použít.

Udělejte si laskavost a ušetřete si trochu zármutku tím, že vytvoříte plán. Pokud máte plán, máte také mnohem větší šanci vytvořit atraktivní web, který se snadno udržuje a aktualizuje. Musíte porozumět běžným problémům plánování webového designu. Musíte také pochopit, jak Dreamweaver usnadňuje správu týmu vývojářů a jak co nejlépe využít funkce správy webu, jako je synchronizace webu a integrovaný e-mail. Pokud se ocitnete v nešťastné situaci, kdy se snažíte opravit nefunkční odkazy, možná také oceníte, jak Dreamweaver tento úkol usnadňuje. Správa struktury webu má dvě strany: stranu, kterou uživatelé vidí, která závisí na tom, jak nastavíte odkazy a zákulisní stránku, která závisí na tom, jak uspořádáte soubory a složky.

Co uživatel vidí

Strana, kterou uživatel vidí, je celá o navigaci. Když uživatelé dorazí na vaši domovskou stránku, kam je odtud přesměrujete? Jak se pohybují po vašem webu? Dobrý web je navržen tak, aby se uživatelé mohli snadno a intuitivně pohybovat a vytvářet si vlastní cestu k informacím, které jsou pro ně nejrelevantnější. Při plánování se ujistěte, že uživatelé mohou snadno přistupovat ke klíčovým informacím z více než jednoho místa na webu. Ujistěte se, že se mohou pohybovat tam a zpět mezi stránkami a sekcemi a vracet se na hlavní stránky a rejstříky v jednom kroku. Nastavení odkazů je v Dreamweaveru snadné; úkolem je zajistit, aby je návštěvníci snadno sledovali.

Co vidíš

Druhá stránka správy struktury vašeho webu se odehrává v zákulisí (kde vaši uživatelé nemohou vidět informace, ale chcete, aby si nějaký organizační systém zapamatoval, co je co). Než se dostanete příliš daleko do vytváření svého webu pomocí Dreamweaveru, věnujte nějaký čas přemýšlení o problémech správy spojených se sledováním všech souborů, které pro svůj web vytvoříte. Soubory se skládají ze všech obrázků, stránek HTML, animací, zvukových souborů a všeho dalšího, co vložíte na svůj web. Když vytváříte stránky pro svůj web, je nejlepší je uspořádat do samostatných složek nebo adresářů.

Někteří vývojáři webu dostanou 20 nebo 30 stránek na rostoucí web a pak si uvědomí, že mít všechny jejich soubory v jedné složce byla chyba. Ve skutečnosti je to víc než chyba; to je nepořádek. A aby toho nebylo málo, pokud po rozrůstání webu začnete věci přesouvat do nových složek, musíte změnit všechny odkazy. Někteří lidé si to neuvědomují a začnou přesouvat soubory a pak zjistí, že mají nefunkční odkazy a nepamatují si, kam mají věci jít. Naštěstí Dreamweaver obsahuje nástroje pro správu webu, které automaticky opravují odkazy, když přesouváte stránky nebo vytváříte nové složky, ale začít s dobrým plánem je stále lepší, než muset později čistit strukturu.

Než vytvoříte několik prvních stránek, přemýšlejte o tom, kam v budoucnu pravděpodobně přidáte obsah. Po sestavení seznamu klíčových prvků, které chcete mít na svém webu, jste připraveni vytvořit scénář nebo osnovu. Pomocí seznamu a osnovy vytvořte logické části webu, které předpokládají růst. Můžete například začít s jednou stránkou se seznamem všech vašich zaměstnanců; jakmile však zaměstnanci uvidí, jak je to skvělé, mohou si chtít vytvořit vlastní stránky. V takovém případě možná budete chtít samostatnou složku věnovanou stránkám zaměstnanců. Pokud poskytujete informace pro svůj prodejní tým, možná zjistíte, že budete chtít samostatnou sekci pro každý produkt. Při přidávání nových sekcí vytvořte nové podadresáře nebo podsložky pro uložení příslušných souborů. Vytváření podadresářů také usnadňuje správu webu, který vytvořilo více lidí.


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 […]