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

Leave a Comment

Vlákno a prepojenie textových rámov InDesign CS5

Vlákno a prepojenie textových rámov InDesign CS5

Naučte sa, ako prepojiť (prepojiť) textové rámčeky v InDesign Creative Suite 5, aby medzi nimi mohol plynúť text a optimalizovať tak svoje publikácie.

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Obrázky, ktoré importujete do dokumentov InDesign, môžu byť prepojené alebo vložené. Pochopte, kedy použiť každú metódu pre optimalizované publikovanie.

Ako upraviť akciu vo Photoshope CS6

Ako upraviť akciu vo Photoshope CS6

Adobe Photoshop CS6 vám umožňuje upravovať akcie. Naučte sa, ako upraviť akcie, aby ste dosiahli požadované výsledky pri práci s obrázkami.

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Predtým, ako sa naučíte orezávať obrázky v aplikácii Adobe Illustrator, musíte najprv umiestniť obrázky. Preskúmajte, ako vložiť a prepojiť súbory a umiestniť text do cesty.

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Adobe Illustrator v rámci Adobe CS5 ponúka pokročilé metódy pre efektívne usporiadanie a umiestňovanie ilustrácií. Prispôsobenie pravítka a sprievodcov vám pomôže dosiahnuť presné výsledky.

Zmeňte nastavenie dokumentu InDesign CS5

Zmeňte nastavenie dokumentu InDesign CS5

Naučte sa, ako zmeniť nastavenie dokumentu v InDesign Creative Suite 5 vrátane veľkosti strán a počtu strán. Toto je praktický sprievodca pre efektívnu prácu s dokumentmi.

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Naučte sa, ako vytvoriť orezové cesty v Adobe Photoshop CS6 pre dokonalé siluety, ktoré sú vhodné na prenášanie do iných aplikácií na zalamovanie textu. Orezové cesty sú základom pre efektívnu prácu s grafikou.

Ako nastaviť zásady správy farieb vo Photoshope CS6

Ako nastaviť zásady správy farieb vo Photoshope CS6

Naučte sa, ako nastaviť zásady správy farieb vo Photoshope CS6, aby ste optimálne spravovali farebné profily a dosiahli presné farby vo svojich projektoch.

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver ponúka efektívne metódy na úpravu tabuliek, vrátane pridávania a odstraňovania riadkov a stĺpcov. Naučte sa optimalizovať svoje tabulky pre lepšie SEO.

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 presnú veľkosť tvarov. Zmeňte veľkosť tvarov rýchlo pomocou nástroja Transformácia a rôznych techník.