Ako navrhnúť webovú stránku?
1. Mapujte svoje stránky na papieri.
2. Naplánujte si, ako sa ľudia budú pohybovať po stránkach.
3. Vyberte konzistentnú farebnú schému.
4. Vyberte si tvorcu webových stránok alebo sa naučte kódovať ručne.
5. Zvážte najatie nezávislého dizajnéra.
6. Nájdite spoľahlivého webhostingu.
7. Použite kľúčové slová na propagáciu svojich stránok vo výsledkoch vyhľadávania.
8. Otestujte si svoj web v mnohých prehliadačoch a platformách.
Rovnako ako každý iný druh dizajnu, dizajn webových stránok sa spolieha na vizuálne príjemné kombinácie farieb; z tohto dôvodu je zásadný výber tematických farieb, ktoré spolu ladia.
Táto príručka vás naučí, ako navrhnúť webovú stránku, ktorá vyzerá profesionálne a funguje dobre. Napriek tomu, že väčšina dizajnu vašej webovej stránky je výlučne na vás, pri vytváraní webovej stránky musíte urobiť niekoľko zásadných vecí a vyhnúť sa im.
Časť 1 z 2: Navrhovanie vašich webových stránok
- 1Rozhodnite sa, či chcete použiť tvorcu webových stránok. Webové stránky vytvorené úplne od začiatku vyžadujú pomerne podrobné znalosti kódovania HTML, ale webové stránky môžete ľahko vytvoriť pomocou bezplatnej hostiteľskej služby, ako sú Weebly, Wix, WordPress alebo Webové stránky Google. Tvorcovia webových stránok majú tendenciu byť pre začínajúcich dizajnérov oveľa jednoduchšie použiť ako HTML.
- Ak sa rozhodnete kódovať vlastnú webovú stránku, budete sa musieť naučiť kódovať HTML aj CSS.
- Ak investovanie času a energie do vytvárania vašich webových stránok neznie lákavo, môžete si najať aj webového dizajnéra, ktorý vám ich vytvorí. Nezávislí dizajnéri môžu stáť kdekoľvek od 22€ za hodinu a viac ako 75€ za hodinu.
- 2Mapujte svoj web. Pred otvorením tvorcu webových stránok by ste mali približne vedieť, koľko stránok má váš web mať, aký by mal byť obsah na každej z týchto stránok a všeobecné rozloženie dôležitých stránok, ako sú domovská stránka a „Informácie“ stránku.
- Vizualizáciu stránok vašich webových stránok je možné jednoduchšie, ak ku každému z nich nakreslíte hrubé obrázky, a nie iba určujete, aký obsah by sa mal zobrazovať.
- 3Používajte intuitívny dizajn. Aj keď je niečo, čo je potrebné povedať o nových nápadoch, základný dizajn vašich webových stránok by sa mal riadiť zavedenými pokynmi, ako sú napríklad tieto:
- Možnosti navigácie (napr. Karty pre rôzne stránky) by mali byť v hornej časti stránky.
- Ak používate ikonu ponuky (☰), mala by byť v ľavom hornom rohu stránky.
- Ak používate vyhľadávací panel, mal by byť v pravom hornom rohu stránky.
- Užitočné odkazy (napr. Odkazy na stránku „O“ alebo na „Kontaktujte nás“) by mali byť uvedené v spodnej časti každej stránky.
- 4Byť dôsledný. Bez ohľadu na to, aké písmo textu, paletu farieb, tému obrázku a možnosti návrhu si vyberiete, na celom webe používajte rovnaké rozhodnutie. Keď na domovskú stránku použijete úplne iné písmo alebo farebnú schému použitú na stránke „O“, môže byť neuveriteľne otravné.
- Ak napríklad na domovskú stránku svojich stránok používate výlučne studené farby, neimplementujte na ďalšej stránke jasné a hlasné farby.
- Majte na pamäti, že používanie hlasných alebo kontrastných farieb, najmä ak sa farby zobrazujú dynamickým (napr. Pohyblivým) spôsobom, môže u malého počtu používateľov webu vyvolať epilepsiu. Ak sa rozhodnete na svojom webe používať takéto farby, pred všetky relevantné stránky pridajte varovanie pred epilepsiou.
Ak váš spôsob vytvárania webových stránok podporuje pridanie panela vyhľadávania na váš web, dôrazne vám to odporúčame. - 5Pridajte možnosti navigácie. Umiestnenie priamych odkazov na dôležité stránky na vašom webe v hornej časti domovskej stránky pomôže nasmerovať prvých návštevníkov na obsah, na ktorom záleží. Väčšina tvorcov stránok tieto odkazy predvolene pridáva.
- Je dôležité zaistiť, aby bola každá stránka na vašom webe prístupná kliknutím na možnosti na vašom webe, a nie iba na adresu stránky.
- 6Používajte farby, ktoré sa navzájom dopĺňajú. Rovnako ako každý iný druh dizajnu, dizajn webových stránok sa spolieha na vizuálne príjemné kombinácie farieb; z tohto dôvodu je zásadný výber tematických farieb, ktoré spolu ladia.
- Čierna, biela a sivá sú vhodnou kombináciou, ak neviete, kde začať.
- 7Zvážte použitie minimalistického dizajnu. Minimalizmus podporuje chladné farby, jednoduchú grafiku, čiernobiele textové stránky a čo najmenšie zdobenie. Pretože minimalizmus vyžaduje len málo efektných prvkov, je to jednoduchý spôsob, ako urobiť svoj web profesionálnym a atraktívnym bez toho, aby ste museli veľa pracovať.
- Mnoho tvorcov webových stránok bude mať „minimalistickú“ tému, ktorú si môžete vybrať pri nastavovaní svojej webovej stránky.
- Alternatívou k minimalizmu je „brutalizmus“, ktorý používa drsnejšie čiary, jasné farby, odvážny text a minimálnu predstavivosť. Brutalizmus má menej priaznivcov ako minimalizmus, ale v závislosti od obsahu vašich webových stránok môže lepšie vyhovovať vašim požiadavkám na dizajn.
- 8Robte jedinečné voľby. Rovné čiary a webové prvky uzamknuté v mriežke sú bezpečné stávky, ale urobenie niekoľkých jedinečných štylistických rozhodnutí dodá vašej stránke osobnosť a pomôže jej vyniknúť.
- Nebojte sa podceňovať trendy tým, že prvky webových stránok umiestnite asymetricky alebo pomocou prekrývajúcich sa prvkov vytvoríte vrstvený vzhľad.
- Elegantné, ostré rohy a hranaté prvky (tiež známe ako „kartová“ prezentácia) pôsobia menej priaznivo ako zaoblené a mäkké prvky.
Časť 2 z 2: Maximalizácia výkonu webových stránok
- 1Využite možnosti optimalizácie pre mobilné zariadenia. Mobilné prehliadače prinášajú väčšiu návštevnosť z webových stránok než prehliadače pre stolné počítače. To znamená, že pozornosť, ktorú venujete mobilnej verzii svojich webových stránok, by sa mala rovnať minimálne vývoju webových stránok pre stolné počítače. Väčšina služieb pre tvorcov webových stránok automaticky vytvára mobilnú verziu vášho webu, ale pri svojom mobilnom webe by ste mali mať na pamäti nasledujúce informácie:
- Zaistite, aby boli tlačidlá (napr. Odkazy na stránky) veľké a aby sa na ne dalo ľahko ťuknúť.
- Vyhnite sa implementácii funkcií, ktoré nie je možné zobraziť na mobilných zariadeniach (napr. Flash, Java atď.).
- Zvážte výrobu mobilnej aplikácie pre svoj web.
- 2Nepoužívajte príliš veľa fotografií na stránku. Počítačový aj mobilný prehliadač môžu mať problémy s načítaním stránok, ktoré zobrazujú veľký počet fotografií alebo videí. Aj keď sú obrázky vo webovom dizajne dôležité, použitie viac ako niekoľkých na stránku môže spôsobiť zbytočne dlhé načítanie, čo zabráni ľuďom v návšteve predmetných stránok.
- Všeobecne povedané, chcete, aby sa stránky vášho webu načítali do štyroch sekúnd.
Vytvorte niekoľko pútavých ukážok dizajnu webových stránok, ktoré chcete zdieľať s potenciálnymi klientmi, a použite správne témy a reklamy SEO. - 3Pridajte stránku „kontaktu“. Všimnete si, že prakticky všetky zavedené webové stránky majú stránku „Kontaktujte nás“, ktorá obsahuje kontaktné informácie (napr. Telefónne číslo a e -mailovú adresu); niektoré weby majú dokonca vstavaný formulár otázok na tejto stránke. Pridanie stránky „Kontakt“ poskytne divákom webových stránok priamu komunikáciu s vami, a tým aj riešenie potenciálnych frustrácií.
- 4Vytvorte si vlastnú stránku 404. Keď niekto navštívi konkrétnu stránku na vašom webe, ktorá buď nebola nastavená, alebo neexistuje, zobrazí sa webová stránka „Chyba 404“. Väčšina prehliadačov má predvolenú stránku 404, ale vy si ju budete môcť prispôsobiť z nastavení tvorcu vašej webovej stránky; ak áno, uistite sa, že zadáte nasledujúce podrobnosti:
- Odľahčené chybové hlásenie (napr. „Blahoželáme - našli ste našu chybovú stránku!“)
- Odkaz späť na domovskú stránku webu
- Zoznam bežne zobrazovaných odkazov
- Obrázok alebo logo pre váš web
- 5Ak je to možné, použite vyhľadávací panel. Ak váš spôsob vytvárania webových stránok podporuje pridanie vyhľadávacieho panela na váš web, dôrazne vám to odporúčame. To zaistí, že používatelia budú môcť rýchlo prejsť na konkrétnu stránku alebo položku bez toho, aby museli klikať na vaše možnosti navigácie.
- Panely vyhľadávania sú tiež užitočné, keď chce vaše publikum hľadať všeobecný výraz bez použitia pokusov a omylov.
- 6Investujte najviac času do svojej domovskej stránky. Keď niekto príde na domovskú stránku vašej webovej stránky, mal by okamžite získať jadro témy vašej webovej stránky; okrem toho by sa mali rýchlo načítať všetky prvky domovskej stránky vrátane možností navigácie a akýchkoľvek obrázkov. Vaša domovská stránka by mala mať nasledujúce aspekty:
- Výzva na akciu (napr. Tlačidlo na kliknutie alebo formulár na vyplnenie)
- Navigačný panel s nástrojmi alebo ponuka
- Pozývajúca grafika (napr. Jedna pevná fotografia, video alebo malá skupina fotografií so sprievodným textom)
- Kľúčové slová súvisiace so službou, témou alebo zameraním vášho webu
- 7Otestujte si svoj web vo viacerých prehliadačoch na viacerých platformách. Je to veľmi dôležité, pretože rôzne prehliadače môžu aspekty vášho webu spravovať odlišne. Skôr ako začnete propagovať svoj web, skúste ho navštíviť a používať v nasledujúcich prehliadačoch na platformách Windows, Mac, iPhone a Android:
- Google Chrome
- Firefox
- Safari (iba iPhone a Mac)
- Microsoft Edge a Internet Explorer (iba Windows)
- Vstavaný prehliadač na niekoľkých rôznych telefónoch s Androidom (napr. Samsung Galaxy, Google Nexus atď.)
- 8Pokračujte v aktualizácii svojho webu, pretože starne. Trendy v dizajne, odkazy, fotografie, koncepty a kľúčové slová sa postupom času menia, takže budete musieť aj naďalej vykonávať zmeny na svojom webe, aby ste boli vždy v obraze. Bude to vyžadovať, aby ste aspoň raz za tri mesiace (najlepšie častejšie) skontrolovali výkonnosť svojich webových stránok spolu s inými podobnými webovými stránkami.
Napriek tomu, že väčšina dizajnu vašej webovej stránky je výlučne na vás, pri vytváraní webovej stránky musíte urobiť niekoľko zásadných vecí a vyhnúť sa im.
- Prístupnosť webových stránok je ďalším dôležitým aspektom vývoja webových stránok. To zahŕňa napríklad titulky pre divákov so sluchovým postihnutím, zvukové popisy pre nevidomých návštevníkov a upozornenia na citlivosť na svetlo, ak váš web používa efekty potenciálne vyvolávajúce záchvaty.
- Väčšina tvorcov webových stránok má sadu šablón, ktoré môžete použiť na upresnenie rozloženia a dizajnu svojich stránok pred pridaním vami preferovaných prvkov.
- Väčšina tvorcov stránok je zadarmo; ak však chcete používať vlastnú doménu (napr. „www.yourname.com“ namiesto „www.yourname.wordpress.com“), budete musieť zaplatiť mesačný alebo ročný poplatok.
- Vyhnite sa plagiátorstvu a dodržujte všetky zákony o autorských právach: nepridávajte náhodné obrázky z webu ani štrukturálne prvky bez povolenia.
Prečítajte si tiež: Ako hľadať frázy a výrazy vo vyhľadávačoch?
Otázky a odpovede
- Ako sa môžem začať učiť webdizajnu?Skúste absolvovať kurz pre začiatočníkov na miestnej univerzite, komunitnej škole alebo junior college. Môžete si tiež vyhľadať online návody alebo iné návody. Nakoniec si môžete pozrieť aj knihu o výučbe webdizajnu z vašej miestnej knižnice.
- Je možné to preložiť z angličtiny do hindčiny?Áno. Ak ste v prehliadači Chrome, kliknite pravým tlačidlom myši na ľubovoľnú časť webu a potom kliknite na položku „preložiť“.
- Ako môžem získať viac klientov pre svoje podnikanie v oblasti vývoja webových stránok vo Veľkej Británii?Vytvorte niekoľko pútavých ukážok dizajnu webových stránok, ktoré chcete zdieľať s potenciálnymi klientmi, a použite správne témy a reklamy SEO. Nastavte si pre svoju firmu účty sociálnych médií a požiadajte priateľov a rodinu, aby sa riadili vašimi účtami a povedali o vás ľuďom v ich sociálnom kruhu.
- Môžem navrhnúť webovú stránku zo svojho iPadu?Áno, webovú stránku môžete navrhnúť pomocou svojho iPadu. Na spustenie svojho webu na svojom zariadení si stačí stiahnuť textový editor a aplikáciu miestneho servera.
- Ako navrhnem webovú stránku od začiatku?Najprv sa musíte naučiť HTML, základný kód, ktorý je základom každej webovej stránky. Potom sa budete musieť naučiť CSS, ktorý spravuje HTML kód. Na internete je k dispozícii mnoho bezplatných zdrojov na naučenie sa kódovať webové stránky; preskúmajte a zistite, ktoré sú pre vás najužitočnejšie!
- Aký softvér sa používa na tvorbu a dizajn webových stránok?Na návrh svojej webovej stránky môžete použiť WIX, Weebly alebo Bravenet. Alebo môžete použiť Weby Google, ktoré sú úplne zadarmo. A ak ste nevedeli, ako ich používať, spravidla majú tlačidlo pomoci.
- Aké jazyky potrebujem na navrhovanie webových stránok?HTML, CSS a Javascript. Aj keď môžete použiť aj iné, tieto sú najľahšie.
Nezodpovedané otázky
- Ako môžem inzerovať svoju firmu?
Komentáre (3)
- Toto som potreboval! Bol som zmätený; ďakujem vám všetkým za to, že ste ma nasmerovali správnym smerom!
- Úžasné, dobré pre začiatočníkov.
- Pekný. Veľmi mi pomohlo pochopiť, ako vytvoriť webovú stránku. Vďaka sprievodcovi.
