Desať tipov pre návrh webu Dreamweaver, ktoré šetria čas

Všetky dobré webové stránky rastú a vyvíjajú sa. Ak začnete so silným dizajnom a budete pozorne sledovať niektoré základné pravidlá týkajúce sa rozhrania, navigácie a štýlu, máte lepší základ, na ktorom môžete stavať. Nasledujúce nápady na dizajn a tipy pre Dreamweaver vám môžu pomôcť ušetriť čas pri vytváraní webových lokalít, ktoré vyzerajú skvele pre všetkých vašich návštevníkov.

1Plán — to sa oplatí.

Aj keď sa cítite pod tlakom, aby ste rýchlo dostali webovú stránku online, z dlhodobého hľadiska ušetríte čas, ak najprv venujete trochu času vypracovaniu plánu.

World Wide Web nikam nevedie. Aj keď musíte svoju stránku dostať online čo najrýchlejšie, vaším cieľom by malo byť navrhnúť stránku, ktorá skutočne slúži vášmu publiku, podnikaniu a cieľom – a tieto ciele si vyžadujú plánovanie.

2 Definujte ciele, ktoré vám pomôžu sústrediť sa.

Ak začínate svoju webovú stránku s cieľom prilákať milióny návštevníkov a predať tony produktov a služieb, nie ste dostatočne konkrétny. Čím presnejšie dokážete určiť svoje ciele, tým väčšiu šancu máte na ich dosiahnutie. Mali by ste sa obmedziť len na tri ciele.

3 Stanovte si termíny, ktoré vám pomôžu dokončiť prácu.

Keď budete mať jasno vo svojich cieľoch a úlohách, ktoré musíte splniť pred spustením svojej webovej stránky, je čas na vytvorenie časovej osi a stanovenie termínov. Uistite sa, že si určíte reálny časový rámec na vykonanie dobrej práce a venujte mu trochu viac času, než si myslíte, že potrebujete, najmä ak ste novým webovým dizajnom.

Aj keď na webovej stránke pracujete sami alebo s veľmi malým tímom, stanovenie termínov je jednou z najdôležitejších súčastí každého projektového plánu – a dáva vám oveľa väčšiu šancu na dokončenie. Skúste termín spojiť so špeciálnou udalosťou alebo príležitosťou.


Desať tipov pre návrh webu Dreamweaver, ktoré šetria čas

4 Navrhnite pre svoje publikum.

Bez ohľadu na to, ako technicky prepracovaná je webová stránka alebo aké skvelé je písanie, väčšina ľudí si najskôr všimne dizajn. Uistite sa, že si ponecháte dostatok času a rozpočtu na vytvorenie vhodného a atraktívneho dizajnu pre vašu webovú stránku. Správny dizajn je ten, ktorý najlepšie vyhovuje vášmu publiku – a to môže, ale nemusí znamenať veľa efektnej grafiky a animácií.

5 Vytvorte konzistentný dizajn.

Väčšina webových stránok funguje najlepšie a je najjednoduchšia navigácia, keď sa riadia konzistentnou témou dizajnu. Príklad: Väčšina čitateľov považuje za samozrejmosť, že knihy nemenia svoj dizajn zo strany na stranu a že noviny nemenia písmo nadpisov a logá zo dňa na deň.

V skutočnosti by mnohí tvrdili, že keď používatelia tvrdia, že sa niečo používa „intuitívne“, v skutočnosti tým myslia, že je to známe. Konzistencia je jedným z hlavných nástrojov používaných v dizajne, ktorý pomáha čitateľom nájsť známu lokalitu a uľahčuje sledovanie príbehu alebo série navigačných prvkov.


Desať tipov pre návrh webu Dreamweaver, ktoré šetria čas

6Postupujte podľa pravidla troch kliknutí.

Pravidlo troch kliknutí uvádza, že žiadna dôležitá informácia by nikdy nemala byť vzdialená viac ako tri kliknutia od iného miesta na vašej webovej lokalite. Najdôležitejšie informácie by mali byť ešte bližšie. Napríklad mnohí dizajnéri súhlasia s tým, že kontaktné informácie by nikdy nemali byť vzdialené viac ako jedným kliknutím.

Hľadanie informácií môžete divákom uľahčiť vytvorením navigačného panela – súboru odkazov na všetky hlavné sekcie vašej lokality, ktoré opakujete na všetkých stránkach vašej lokality. Navigačný panel uľahčuje návštevníkom prechod z jednej časti vašej lokality do druhej.

Ak máte na svojej lokalite veľa stránok, usporiadajte ich do sekcií s podsekciami a potom použite rozbaľovaciu ponuku.

7Premýšľajte, kým pridáte ozdobné písma.

Dizajnéri sú tak nadšení, keď zistia, že teraz môžu na webových stránkach použiť ľubovoľné písmo. Žiaľ, ako mnoho vecí na webe, aj používanie fontov je zložitejšie, než by ste čakali.

Napríklad, aj keď máte práva hosťovať písmo na svojom vlastnom webovom serveri, nemusíte mať všetky variácie písma potrebné na správne zobrazenie písmen na počítačoch Mac a Windows alebo na fungovanie vo všetkých webových prehliadačoch. To je dôvod, prečo väčšina webových dizajnérov používa službu písiem:

8 Často používané predmety majte vždy po ruke.

Priali ste si niekedy mať všetky svoje obľúbené funkcie Dreamweaveru na jednom vhodnom mieste? Môžeš! Stačí prispôsobiť kolekciu Obľúbené na paneli Vložiť.

Spustite Dreamweaver a výberom položky Okno→Vložiť otvorte panel Bežné vkladanie. Panel Vložiť obsahuje niekoľko sekcií vrátane Štruktúra, Médiá, Formuláre a Obľúbené.

Kliknite na šípku na paneli Vložiť a z rozbaľovacieho zoznamu vyberte položku Obľúbené. Možnosť Obľúbené sa nachádza na samom konci rozbaľovacieho zoznamu panela Vložiť.

Ak chcete prispôsobiť panel Obľúbené so všetkými ikonami obľúbených funkcií, kliknite pravým tlačidlom myši (alebo stlačte kláves Control a kliknite na Mac) a vyberte položku Prispôsobiť obľúbené položky. Použite panel Vložiť obľúbené položky ako pohodlný spôsob, ako mať všetky svoje obľúbené funkcie poruke. Môžete ho dokonca zmeniť pre špeciálne projekty, ktoré vyžadujú súbor funkcií programu.


Desať tipov pre návrh webu Dreamweaver, ktoré šetria čas

9 Rozdeľte pohľad.

Ak chcete v Dreamweaveri prepínať tam a späť medzi zobrazením kódu a zobrazením návrhu, oceníte možnosť rozdeliť okno tak, aby ste mohli súčasne zobraziť zdrojový kód aj návrh stránky. Ak chcete okno rozdeliť, vyberte tlačidlo Rozdeliť zobrazenie v ľavej hornej časti pracovnej plochy.

Zdrojový kód Dreamweaveru je farebne odlíšený, aby bolo možné ľahšie odlíšiť značky od obsahu. Ďalšou užitočnou funkciou v zobrazení Rozdelené je, že ak vyberiete obrázok, text alebo iný prvok na stránke v zobrazení Návrh, príslušný kód sa automaticky zvýrazní v zobrazení Kód.

10 Zálohujte si svoj web.

Uistite sa, že máte zavedený systém na zálohovanie svojich webových stránok. Vždy uchovávajte kópiu všetkých súborov na svojom serveri na samostatnom mieste a pravidelne ich aktualizujte, aby ste mali vždy zálohovanú najnovšiu verziu svojej lokality.

Ak chcete vytvoriť zálohu webovej lokality, ktorú ste vytvorili v aplikácii Dreamweaver, musíte skopírovať priečinok lokality, do ktorého ukladáte všetky súbory webovej lokality. V ideálnom prípade by ste mali skopírovať tento priečinok na externý pevný disk alebo ho nahrať do online zálohovacieho systému (ktorý je umiestnený oddelene od vášho webového servera).


Ako použiť transparentnosť na SVG

Ako použiť transparentnosť na SVG

Zistite, ako použiť priehľadnosť na grafiku SVG v aplikácii Illustrator. Preskúmajte, ako vytlačiť SVG s priehľadným pozadím a použiť efekty priehľadnosti.

Práca s obrázkami v Adobe XD

Práca s obrázkami v Adobe XD

Po importovaní obrázkov do Adobe XD nemáte veľkú kontrolu nad úpravami, ale môžete meniť veľkosť a otáčať obrázky rovnako ako akýkoľvek iný tvar. Pomocou rohových miniaplikácií môžete tiež jednoducho zaobliť rohy importovaného obrázka. Maskovanie obrázkov Definovaním uzavretého tvaru […]

Ako upraviť vlastnosti textu v Adobe XD

Ako upraviť vlastnosti textu v Adobe XD

Keď máte v projekte Adobe XD text, môžete začať meniť vlastnosti textu. Medzi tieto vlastnosti patrí rodina písma, veľkosť písma, hrúbka písma, zarovnanie, medzera medzi znakmi (vyrovnávanie a sledovanie), riadkovanie (nadpis), výplň, orámovanie (ťah), tieň (tieň) a rozostrenie pozadia. Pozrime sa teda, ako sa tieto vlastnosti uplatňujú. O čitateľnosti a písme […]

Práca s umeleckými plátnami vo Photoshope CC

Práca s umeleckými plátnami vo Photoshope CC

Podobne ako v programe Adobe Illustrator, aj umelecké plátna Photoshopu poskytujú možnosť vytvárať samostatné stránky alebo obrazovky v rámci jedného dokumentu. To môže byť obzvlášť užitočné, ak vytvárate obrazovky pre mobilnú aplikáciu alebo malú brožúru. Artboard si môžete predstaviť ako špeciálny typ skupiny vrstiev vytvorenej pomocou panela Vrstvy. Jeho […]

Tvary a mnohouholníky v InDesigne

Tvary a mnohouholníky v InDesigne

Mnohé z nástrojov, ktoré nájdete na paneli Nástroje InDesignu, sa používajú na kreslenie čiar a tvarov na stránke, takže máte niekoľko rôznych spôsobov vytvárania zaujímavých kresieb pre svoje publikácie. V InDesigne môžete vytvárať čokoľvek od základných tvarov až po zložité kresby, namiesto toho, aby ste museli používať program na kreslenie, ako je […]

Zalamovanie textu v aplikácii Adobe Illustrator CC

Zalamovanie textu v aplikácii Adobe Illustrator CC

Zabalenie textu v aplikácii Adobe Illustrator CC nie je úplne to isté ako balenie darčeka – je to jednoduchšie! Zalomenie textu vynúti obtekanie textu okolo grafiky, ako je znázornené na tomto obrázku. Táto funkcia môže každému kúsku dodať kúsok kreativity. Grafika núti obtekať text. Najprv vytvorte […]

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete, aby mal tvar presnú veľkosť (napríklad 2 x 3 palce). Po vytvorení tvaru je najlepším spôsobom, ako zmeniť jeho veľkosť na presné rozmery, použiť panel Transformácia, ktorý je znázornený na tomto obrázku. Nechajte si vybrať objekt a potom zvoľte Okno→Transformovať na […]

Ako vytvoriť QR kódy v InDesign CC

Ako vytvoriť QR kódy v InDesign CC

InDesign môžete použiť na vytváranie a úpravu grafiky s kódom QR. QR kódy sú formou čiarového kódu, ktorý môže uchovávať informácie, ako sú slová, čísla, adresy URL alebo iné formy údajov. Používateľ naskenuje QR kód pomocou svojho fotoaparátu a softvéru na zariadení, ako je napríklad smartfón, a softvér využíva […]

Ako dosiahnuť, aby nová fotografia vyzerala staro vo Photoshope CS6

Ako dosiahnuť, aby nová fotografia vyzerala staro vo Photoshope CS6

Môže nastať čas, keď budete potrebovať novú fotografiu, aby vyzerala staro. Photoshop CS6 vám pomôže. Čiernobiela fotografia je novším fenoménom, než by ste si mysleli. Dagerotypie a iné rané fotografie mali často hnedastý alebo modrastý odtieň. Môžete si vytvoriť vlastné majstrovské diela v sépiovom tóne. Tónované obrázky môžu vytvárať […]

Funkcia Live Paint v Adobe CS5 Illustrator

Funkcia Live Paint v Adobe CS5 Illustrator

Pomocou funkcie Live Paint v aplikácii Adobe Creative Suite 5 (Adobe CS5) Illustrator môžete vytvoriť požadovaný obrázok a vyplniť oblasti farbou. Vedro Live Paint automaticky rozpozná oblasti zložené z nezávislých pretínajúcich sa ciest a podľa toho ich vyplní. Farba v danej oblasti zostáva živá a tečie automaticky, ak existuje […]