Webov str¡nky maj strukturu, stejnÄ› jako domy maj sloupy. Pochopen struktury webov½ch str¡nek a jak je tvoÅ™ena je z¡kladnm prvnm krokem pÅ™i vytv¡Å™en webov½ch str¡nek. Dnes se ponoÅ™me do pÅ™ehledu toho, jak vypad¡ struktura webov½ch str¡nek a jak pl¡nov¡n tto struktury pÅ™edem může skuteÄnÄ› pomoci nauÄit se vytvoÅ™it webovou str¡nku.
Mnoho prvků HTML tvoÅ™ webov str¡nky, kter vidte v prohlžeÄi. ObecnÄ› existuj dva typy prvků - prvky bloků a inline prvky. Nebojte se, pokud si vÅ¡ak nemůžete vzpomenout na vÅ¡echny prvky, pokud zaÄnete dÄ›lat webov str¡nky, budete rychle pochopit, což je, kter.
DalÅ¡m bodem Chcete-li poznamenat, že prvky HTML je, že se neobjev samostatnÄ› na vÅ¡ech webov½ch str¡nk¡ch. Každ¡ webov¡ str¡nka využv¡ mnoho prvků HTML, aby se dos¡hlo vizu¡lnho efektu, kter½ vidte. VnoÅ™en prvků jednoduÅ¡e odkazuje na umstÄ›n prvku v jinm prvku. PÅ™kladem takovho k³du je
Konzistence a webov str¡nky by mÄ›ly mt konzistentn uspoÅ™¡d¡n pÅ™es jeho str¡nky. Když n¡vÅ¡tÄ›vnk naviguje vaÅ¡e webov str¡nky, se ct sezn¡mit a propojit s webovou str¡nkou, pokud maj vÅ¡echny str¡nky konzistentn uspoÅ™¡d¡n. Pokud se liÅ¡ pro každou webovou str¡nku, pravdÄ›podobnÄ› opust n¡vÅ¡tÄ›vnk zmaten½. Možn¡ nev, jestli je st¡le na stejnm webu nebo Å¡el do jinho.
KromÄ› toho nesoulad může n¡vÅ¡tÄ›vnkům naÅ¡tvan½, protože mus znovu porozumÄ›t každ webov str¡nce od zaÄ¡tku. Nalezen každ str¡nky jako nov webov str¡nky může prohlžet n¡vÅ¡tÄ›vnka pÅ™i pokusu o identifikaci navigaÄn sekce.
UdÄ›lej to jednoduch, aby se webpages neporuÅ¡il. VyhnÄ›te se balen pÅ™liÅ¡ mnoho informac. UjistÄ›te se, že rozložen Äist a jednoduch, takže n¡vÅ¡tÄ›vnci jako vaÅ¡e webov str¡nky. Vyhled¡van¡ webov¡ str¡nka obsahuje pouze důležit prvky nebo funkce uspoÅ™¡dan v jednoduch struktuÅ™e. Informace budou snazÅ¡ zskat, jak uživatel nem¡ ž¡dn potže pÅ™i Äten webov str¡nky. To tak pom¡h¡ uživateli rychle skenovat informace.
Zaměřte se na vrchn centrum Mnoho studi na použitelnost ukazuj, že uživatel maj tendenci se nejprve dvat na vrchn centrum webov str¡nky. Proto je rozumn d¡t vÅ¡echny důležit položky, jako jsou navigaÄn možnosti a kritick½ obsah v horn Ä¡sti webov str¡nky. Nejenže tato pomoc n¡vÅ¡tÄ›vnci najdou informace, ale tak chytit svou pozornost.
V½bÄ›r barvy jako pro barvy, můžete si vybrat ten, kter½ je preferov¡n podle clovho publika. Vyberte si barvy, kter poskytuj pohodln½ pocit uživatelům. Nepoužvejte honosn barvy, kter jsou krut na oÄch. Webov str¡nky s tmav½m pozadm se nevztahuj na vÄ›tÅ¡inu uživatelů.
upÅ™ednostnÄ›n ºrovnÄ› důležitosti vždy umstÄ›te důležit informace nahoÅ™e a nejmnÄ› důležit v doln Ä¡sti webov str¡nky. Uživatel se vÄ›tÅ¡inou zaměřuj na jednu ºroveň hierarchie najednou. Hierarchick uspoÅ™¡d¡n informac použvajcch tituly a titulky usnadňuje uživatelům najt požadovan informace v menÅ¡m Äase.
Konzistentn soudržnost zarovn¡n v souladu je spoleÄn½m rysem dobr½ch webov½ch str¡nek. UjistÄ›te se, že m¡te standardn zarovn¡n - stejn¡ barva pro vÅ¡echny okruhy, dalÅ¡ barvy pro podmyslu, standardn form¡ty pro odstavce; Ř¡dkov vzd¡lenosti, odr¡Å¾ky, psma a velikosti atd. Spr¡vnÄ› uspoÅ™¡dan informace eliminuje problmy s Äitelnost a poskytuje dobÅ™e organizovan½ pohled na webovou str¡nku.
tekutina proti pevnmu v½bÄ›ru mezi tekutinou a pevn½m uspoÅ™¡d¡nm ve skuteÄnosti z¡vis na typu webov str¡nky. Pokud chcete, aby vaÅ¡e webov str¡nky apelovat na Å¡irÅ¡ publikum, doporuÄuje se pevn rozložen, protože rozložen tekutin vyhovuje důvtipn½m uživatelům, pokud jde o použitelnost. Tak, když je webov¡ str¡nka s tekutinou zobrazena ve velk½ch rozliÅ¡en obrazovky, zv½Å¡en¡ dlka linky a mezery mohou naruÅ¡it Äitelnost a estetick odvol¡n webov½ch str¡nek.
Dlka Å™¡dku a mezery nem¡ dostatek mezer na webov str¡nce oznaÄuje, že webov¡ str¡nka je pÅ™eplnÄ›na. NicmnÄ›, pÅ™liÅ¡ mnoho mezer se tak nedoporuÄuje, protože pÅ™eruÅ¡en průtoku. PodobnÄ› muste nastavit dlku Å™¡dku. Vyberte dlku Å™¡dku na z¡kladÄ› typu psma a velikosti psma.