Domov › Vzdelávanie › Aké sú hlavné prvky webovej stránky? Základné prvky webových stránok. Štruktúra jazyka HTML: značky

Aké sú hlavné prvky webovej stránky? Základné prvky webových stránok. Štruktúra jazyka HTML: značky

Každá webová stránka obsahuje určitý súbor štandardných prvkov, ktoré sú povinnými súčasťami každého zdroja Internetové siete. Rozloženie takýchto prvkov, navrhnutie ich relatívnej polohy je jednou z hlavných úloh webmastera.

Prvým prvkom webovej stránky je jej titul. Môže byť vyhotovený v textovej alebo grafickej podobe, no v oboch prípadoch by mal byť umiestnený v hornej časti dokumentu. Niekedy v kombinácii s názvom Ponuka výberu kódovania azbuky A tlačidlá na prepnutie z ruskej na anglickú verziu stránky, ak je tento webový zdroj prezentovaný v dvoch jazykoch.

Priamo v podnadpise dokumentu je spravidla priestor určený na umiestnenie reklamný banner. Zahrnutie bannera do hornej časti webovej stránky je vo väčšine prípadov nevyhnutným predpokladom pre registráciu stránky do služieb výmeny bannerov - systémov, ktoré inzerujú zdroj, ktorý ste vytvorili výmenou za zobrazovanie reklám iných účastníkov siete na výmenu bannerov na stránkach vaše stránky.

Hlavnú časť dokumentu zaberá tzv textové pole- oblasť, kde sa nachádza sémantický obsah stránky: obsah informačný text a ilustrácie. Uvedené prvky sa tiež nazývajú „obsah“ (z angličtiny obsah). Umiestnenie textového poľa závisí predovšetkým od toho, ako webový dizajnér umiestni zvyšné prvky dokumentu.

Ďalšou povinnou súčasťou webovej stránky je navigačné prvky- prepojenie hypertextových odkazov tento dokument s ostatnými časťami stránky. Navigačné prvky môžu byť vytvorené vo forme textových reťazcov, grafických objektov, teda tlačidiel alebo aktívnych komponentov.

nents, napríklad Java applety. Posledne menované sú rovnaké tlačidlá, ktoré na rozdiel od svojich „tradičných“ sestier môžu reagovať na pohyby myši a vykonávať niektoré jednoduché akcie, keď sa nad nimi umiestni kurzor (zapnutie podsvietenia, vytvorenie efektu „kliknutia“, zmena tvaru atď. d.).

Najbežnejším prístupom je umiestnenie navigačných prvkov na ľavý okraj stránky.

Zvykom je zverejňovanie v spodnej časti dokumentu informácie o vývojároch stránok a adresy Email , prostredníctvom ktorého môžu návštevníci zdroja posielať svoje odpovede, návrhy a priania vlastníkom stránok.

Ak je webová stránka počiatočným dokumentom, nachádza sa aj v spodnej časti počítadlo zásahov- malý skript, ktorý volá skript CGI nainštalovaný na serveri, ktorý zaznamenáva každé otvorenie dokumentu v prehliadači používateľa a mení hodnotu indikátora počítadla. Neodporúča sa umiestňovať niekoľko rôznych počítadiel na jednu stránku.

Webové stránky sa navzájom líšia:

Veľkosti (od niekoľkých stránok až po webové servery s gigabajtmi informácií).

Dizajn (všeobecná farebná schéma, formát písma, použité ilustrácie atď.).

Štruktúra (systém odkazov, prepojenie stránok v rámci stránky, ako aj prepojenie s inými stránkami).

Každá webová stránka je zároveň zostavená zo štandardných prvkov, ktoré možno rozdeliť do dvoch skupín:

Pasívne (ilustračné) prvky

animácie

Aktívne prvky

vstupné polia
prepínače

Rámyrám- frame, framework) je technológia, ktorá umožňuje rozdeliť webovú stránku na viacero častí (okien) a umožňuje meniť obsah každej časti bez ohľadu na ostatné časti. Obsah stránky je teda často umiestnený v jednom nemennom rámci a obsah v inom.

Téma 9. Elektronická komunikácia. Emailové adresy

Elektronická pošta (E-mail) je hlavným typom sieťovej služby. Správy sa vykonávajú prostredníctvom systému poštové servery.

Pre každého používateľa na poštovom serveri existuje samostatný Poštová schránka je umiestnenie na disku servera, kde sú uložené e-mailové správy. Po dokončení procesu registrácie e-mailovej adresy dostane používateľ prihlasovacie meno a heslo, ktoré potom použije na získanie prístupu do jeho poštovej schránky. Názov (login) schránky si zadá používateľ sám. Server zabezpečuje iba to, aby bol názov jedinečný.

E-mailová adresa pozostáva z dvoch častí oddelených znakom @ (tento znak sa bežne nazýva „pes“):

názov poštová schránka používateľ (v našom príklade vybraný ním - irina).

Doménové meno poštový server(v našom príklade - pošty. ru) .

Napríklad, irina@ pošty. ru

E-mailové adresy sa píšu bez medzier pomocou latinských písmen, číslic alebo symbolov (povolené).

Na základe registračných údajov e-mailovej adresy na počítači používateľa aúčtu , ktorý obsahuje údaje potrebné na kontaktovanie poštovej služby vrátane používateľského mena (Prihlásiť sa) a heslo.

Na základe tohto záznamu server identifikuje používateľa.

Internet Security Planning for Protection

Cieľom útoku môžu byť tak informácie prenášané cez sieť, ako aj počítač pripojený na internet.

Pri používaní internetu nie je možné zabezpečiť úplnú bezpečnosť, ale predbežné bezpečnostné plánovanie výrazne znižuje pravdepodobnosť útokov. Keďže sa internet neustále vyvíja, neustále vznikajú nové bezpečnostné problémy, takže aktualizácia bezpečnostných nástrojov je nevyhnutnou súčasťou udržiavania zdravia vášho počítačového systému.

Línie obrany:

Blokovanie možných útokov:

Používajte špeciálny softvér a hardvér, ktorý blokuje nebezpečné a nepotrebné údaje.

Použite autentifikáciu a šifrovanie.

Zníženie zdrojov rizika:

Používajte iba tie internetové služby, ktoré skutočne potrebujete.

Používajte softvér bez chýb a pravidelne ho aktualizujte.

Nakonfigurujte softvér správne (čím menej povolených, tým vyššia bezpečnosť).

Neinzerujte informácie o sebe online.

Obmedzte prístup k zdrojom vášho počítača.

Príprava na zotavenie z útoku:

Vytvárajte a pravidelne aktualizujte zálohy pracovné údaje.

Majte vždy po ruke súpravy na distribúciu softvéru.

Autentifikácia (odrpekologickéautentické- pravosť) – potvrdenie pravosti.

Všetci sme čítali obrovské množstvo článkov o tom, ako vybrať kľúčové slová a správne zostaviť ich zoznam, ako pomocou kľúčových slov vytvoriť web, ktorý je relevantný pre určité vyhľadávacie dopyty. Pozrime sa bližšie na umiestňovanie kľúčových slov na webové stránky.

Vedieť, kde a ako umiestniť kľúčové slová na webovú stránku, môže spôsobiť alebo zlomiť vašu SEO spoločnosť.

Na každej webovej stránke je 5 prvkov, kde by ste mali umiestniť svoje kľúčové slová:

Názov stránky (značka názvu)
Kľúčové slová stránky (kľúčové slová metaznačiek)
Popis stránky (značka metapopisu)
Alternatívny text pre obrázky (značka Alt)
obsah webovej stránky (značka tela)

Zo všetkých vyššie uvedených prvkov webovej stránky je najdôležitejší obsah stránky (bod 5). Viac o tom nižšie.

Zatiaľ sa pozrime na tento zoznam v poradí.

Prvok #1. Názov stránky (značka názvu)

Najprv sa pozrime na názov stránky (značku názvu). Tento prvok je prvým a najdôležitejším zo všetkých ostatných prvkov v hlavičke ľubovoľnej webovej stránky.

Názov webovej stránky vidíte úplne v hornom riadku internetového prehliadača. Ak to chcete overiť, spustite ľubovoľný prehliadač, napr. internet Explorer, Opera alebo Mozilla Firefox, prejdite na ľubovoľnú webovú stránku a porovnajte obsah značky title s úplne horným riadkom v týchto prehliadačoch. Vyhľadávače používajú túto značku na svoje vlastné účely - na zhromažďovanie informácií o stránke a určenie jej predmetu a tiež ju používajú vo výsledkoch vyhľadávača (SERP) ako názov webovej stránky.

Pamätajte! Názov webovej stránky je jej Stručný opis.

Okrem vyššie uvedeného sa obsah tagu title používa ako názov webovej stránky pri jej pridávaní do obľúbených položiek internetového prehliadača.

Prvok č.2. Kľúčové slová stránky (kľúčové slová metaznačiek)

Teraz si povedzme o kľúčových slovách a metaznačkách popisu. Pred časom sa pri pridávaní stránky do indexu vyhľadávača používal tag Meta keywords. Ale tie časy sú preč. Teraz vyhľadávače jednoducho ignorujú túto značku, pretože... sú časté prípady jeho použitia na „špinavé“ účely. Niektoré vyhľadávače venujú pozornosť tejto značke, aby určili predmet stránky.

Zo všetkého, čo bolo povedané, vyplýva, že tento štítok nie je potrebný, ale môžete ho použiť výlučne na určený účel.

Kľúčové slová by mali byť oddelené čiarkou. Najdôležitejšie kľúčové slová umiestnite na začiatok zoznamu a potom v zostupnom poradí podľa dôležitosti. Vyhľadávače už nevenujú pozornosť tomu, v akých prípadoch sú kľúčové slová zadané, takže teraz je možné všetky kľúčové slová zadávať malými písmenami.

Prvok č. 3. Popis stránky (značka metapopisu)

Metaznačka description je ďalším prvkom stránky, do ktorého by sa mali umiestniť kľúčové slová. Vyhľadávače skenujú túto značku na prítomnosť kľúčových slov a tiež porovnávajú jej obsah s obsahom samotnej stránky (obsahom značky body). Veľmi dôležitou okolnosťou je, že vyhľadávače používajú obsah tagu description ako popis webovej stránky vo výsledkoch vyhľadávania (SERP).

Táto značka by mala obsahovať krátky popis webovej stránky, no nie viac ako 50 slov.

Prvok č. 4. Alternatívny text pre obrázky (značka Alt)

Alt tagy sú textový popis obsahu obrázku, t.j. ak sa z nejakého dôvodu nenačíta obrázok a tento obrázok má alternatívny text, potom sa namiesto obrázka zobrazí tento text.

Ak je obrázok načítaný a obrázok má aj alternatívny text, môžeme ho vidieť, keď naň podržíme kurzor myši. Značky Alt sa používajú pre pohodlie tých používateľov internetu, ktorí z nejakého dôvodu nezobrazujú grafiku.

Mnoho vyhľadávacích nástrojov indexuje obsah tejto značky, takže môže obsahovať kľúčové slová. Nezabudnite, že alternatívny text musí zodpovedať obrázku, popisovať ho a byť jeho textovým ekvivalentom. Nepoužívajte alt tag s obrázkami značiek, ako sú deliace čiary, odrážky...

Prvok č.5. obsah webovej stránky (značka tela)

Konečne sme sa teda dostali k najzákladnejšiemu prvku stránky – značke body, prvku, ktorého obsah je pre používateľov internetu najzaujímavejší. Veľké vyhľadávače vám už neposkytnú 1. pozíciu v SERP len preto, že na vašej webovej stránke sa kľúčové slovo viackrát opakuje. Len to najrelevantnejšie pre konkrétneho Vyhľadávací dopyt webstránka.

Aby ste to dosiahli, mali by ste implementovať vybrané kľúčové slová do kódu webových stránok, pričom by ste mali dodržiavať frekvenciu ich opakovania. Postupujte nasledovne: pre každú konkrétnu stránku vyberte 1-2 kľúčové slová a optimalizujte pre ne príslušnú stránku.

Predstavte si, že pripravujete prezentáciu svojho nového webu alebo produktu. Potom napríklad vaše slajdy PowerPointové prezentácie– odseky. Mali by byť krátke a jasné. Rovnako ako v prezentácii v PowerPointe môžete použiť zoznamy na zoznam výhod vašej stránky alebo produktu, pričom sa vždy zameriate na vybrané kľúčové slová.

Implementujte vybrané kľúčové slová do vyššie uvedených 5 prvkov každej webovej stránky a výrazne zlepšíte svoje súčasné hodnotenia a výsledky.

jazyk HTML

Webové stránky môžu existovať v akomkoľvek formáte, ale štandardom je Hyper Text Markup Language, hypertextový značkovací jazyk určený na vytváranie bohatého textu bohatého na obrázky, zvuky, animácie, videoklipy a hypertextové odkazy na iné dokumenty roztrúsené po celom webe. umiestnené na rovnakom serveri alebo sú neoddeliteľnou súčasťou toho istého webového projektu.

Môžete pracovať na webe bez znalosti jazyk HTML, keďže HTML texty môžu byť vytvorené rôznymi špeciálnymi editormi a konvertormi. Ale písať priamo v HTML nie je ťažké. Môže to byť dokonca jednoduchšie ako naučiť sa HTML editor alebo konvertor, ktoré sú často obmedzené vo svojich schopnostiach, chybujú alebo vytvárajú nekvalitné HTML, ktoré nefunguje na rôznych platformách.

Jazyk HTML prichádza v niekoľkých variantoch a neustále sa vyvíja, ale konštrukty HTML sa pravdepodobne budú používať aj v budúcnosti. Naučením sa HTML a jeho hlbším pochopením, vytvorením dokumentu na začiatku učenia sa HTML a jeho rozšírením, ako je to len možné, dokážeme vytvárať webové stránky, ktoré si môžu prezerať mnohí webové prehliadače, teraz aj v budúcnosti. To nevylučuje možnosť použitia iných metód, ako je pokročilá metóda poskytovaná programom Netscape Navigator, Internet Explorer alebo niektorými inými programami.

Práca s HTML je spôsob, ako sa naučiť vytvárať dokumenty v štandardizovanom jazyku s použitím rozšírení len vtedy, keď je to naozaj potrebné.

HTML bolo ratifikované konzorciom World Wide Web. Podporuje ho viacero hojne používaných prehliadačov a bude základom snáď takmer všetkého softvér, ktorá súvisí s webom.

Princípy tvorby web stránky, základné prvky web stránky

Na vytváranie webových stránok sa používa špeciálny jazyk nazývaný HTML (HyperText Markup Language). Tento jazyk definuje množinu špeciálnych príkazov nazývaných značky, ktoré sa používajú na určenie formátovania alebo účelu určitých prvkov webovej stránky. Na umiestnenie na webových stránkach sa používajú špeciálne značky grafické obrázky, audio a video klipy a iné takzvané vložené objekty.

Webové stránky sú obyčajné textové súbory vytvorené v štandardný Poznámkový blok alebo podobný jednoduchý textový editor. A obsahujú text, ten istý text, ktorý chcete umiestniť na stránky, len špeciálne označený. Za účelom rôzne programy Aby webové prehliadače správne zobrazovali rovnakú webovú stránku, HTML musí byť štandardizované.

V praxi je štandard HTML značne ovplyvnený prítomnosťou značiek navrhovaných a podporovaných najznámejšími prehliadačmi, ako sú Microsoft Internet Explorer a Google Chrom. Tieto značky v tento moment môže alebo nemusí byť súčasťou aktuálnej špecifikácie HTML.

Existujú nástroje na úpravu navrhnuté špeciálne pre písanie HTML. Šetria čas, pretože obsahujú kľúče rýchly prístup na vykonávanie opakujúcich sa operácií, ako je nastavenie počiatočných nastavení pre dokumenty, tabuľky alebo jednoduché použitie štýlov na text. Editory HTML sa od nástrojov na tvorbu WYSIWYG líšia tým, že vyžadujú znalosť pravidiel pre ručnú kompiláciu HTML, editory tento proces len zjednodušujú a urýchľujú. Okrem WWWC štandardizovaných HTML značiek (štandardných značiek), webové prehliadače podporujú mnoho neštandardných značiek. Tieto značky zaviedli vývojári konkrétneho programu webového prehliadača, aby získali výhodu nad konkurentmi. Dúfali, že tieto proprietárne rozšírenia sa neskôr stanú súčasťou štandardu HTML, ale tieto nádeje sa nikdy nenaplnili. Značky však zostávajú a sú stále podporované.

Na vytváranie webových stránok budete potrebovať ľubovoľný prehliadač – Internet Explorer resp Google Chrome Mozilla Firefox, alebo ešte lepšie oboje, pretože mnoho HTML prvky sa v rôznych zobrazovacích programoch zobrazujú odlišne a je veľmi žiaduce tento rozdiel kontrolovať.

Okrem toho potrebujete ľubovoľný textový editor, napríklad na prípravu HTML súborov, a prehliadač na prezeranie a kontrolu toho, čo sa urobilo.

Ak chcete vytvoriť webovú stránku, prvým krokom je vytvorenie štruktúry lokality. Webová stránka je server s jedinečným názvom a trvalou adresou, ktorý je fyzicky pripojený k WWW alebo virtuálne hosťovaný na inom väčšom serveri.

Po vytvorení štruktúry lokality spustite textový editor Slovo, tvor nový dokument a uložte ju ako webovú stránku, potom pokračujte vo vytváraní webovej stránky. Uľahčuje a skvalitňuje našu prácu. V ňom určujeme načasovanie vytvorenia webovej stránky, jej ladenie, jej predmet, ako aj jej plnenie.

Existuje niekoľko jednoduchých pravidiel, ktoré umožňujú návštevníkovi pochopiť rozhranie stránky [č. 10].

1. Stránka by nemala obsahovať zbytočné informácie, písmo by malo byť dobre čitateľné. Grafické prvky museli byť jasné, výrazné a rýchlo načítateľné.

2. Ľudské oko skenuje webové stránky zhora nadol. Najväčšia pozornosť je zameraná na ľavú hornú časť stránky. Preto v hornej časti stránky webu spravidla najviac dôležitá informácia: názov spoločnosti, logo, názov webovej stránky atď.

3. Návštevník stránky by mal ľahko nájsť informácie, ktoré ho zaujímajú, a byť schopný získať komplexné informácie (textový popis plus niekoľko fotografií).

4. Informácie by sa mali distribuovať medzi skupiny. Je možné poskytnúť možnosť vyhľadávania produktov podľa názvu a popisu.

5. Webová stránka musí obsahovať informačné sekcie:

s informáciami o spoločnosti (oblasť činnosti, adresa, kontaktné čísla atď.);

Základné prvky webových stránok:

1. Hlavička / Logo (hlavička)

3. Obsah/Obsah (textové pole)

4. Navigačné prvky

5. Informácie o vývojároch stránok

Každá webová stránka obsahuje určitú množinu štandardné prvky, ktoré sú povinnou súčasťou každého internetového zdroja.

Prvým prvkom webovej stránky, na ktorý sa musíme pozrieť, je jej názov. Logo alebo názov stránky pre ňu zohráva rovnakú úlohu ako nápis pri vchode do akejkoľvek inštitúcie. Internet je iná vec: tu je hlavnou metódou pohybu teleportácia, a preto potrebujem vidieť toto „znamenie“ na každej stránke.

Hlavnú časť dokumentu zaberá takzvané Textové pole – oblasť, kde sa nachádza sémantický obsah stránky: zmysluplný informačný text a ilustrácie.

Uvedené prvky sa tiež nazývajú „Obsah“ (z angličtiny, obsah - Obsah). Umiestnenie textového poľa závisí predovšetkým od toho, ako webový dizajnér umiestni zvyšok prvkov dokumentu.

Obrázok 1. Príklad obsahu stránky

Obrázok 2. Kontaktné informácie

Skôr ako začnete vytvárať svoje webové stránky, pristupujte k problému usporiadania prvkov stránky veľmi zodpovedne. Vo všeobecnosti je webová stránka rozdelená na obsah stránky, navigáciu a súvisiace informácie. Tieto prvky sú zase rozdelené na menšie prvky.

Výsledkom je, že postupnosť akcií pri vývoji webovej lokality sa obmedzuje na nasledujúci jednoduchý algoritmus:

1. Stanovenie cieľov a definovanie hlavných úloh.

2. Vytvorenie zoznamu budúcich tematických sekcií.

3. Rozvoj logickej a fyzickej štruktúry zdroja.

4. Príprava náčrtu dizajnu, rozvrhnutie lokality, neviditeľná tabuľka rozvrhnutia.

5. Príprava textových materiálov.

6. Príprava grafických podkladov vo vektorovej forme.

7. Exportujte vektorové kresby do rastrového formátu.

8. Optimalizácia všetkých obrázkov.

9. Vytváranie šablón webových stránok.

10. Zostavovanie webových stránok a ladenie kódu.

11. Kontrola identity zobrazenia webových stránok s rôznym rozlíšením obrazovky a farebnými paletami a rôznymi prehliadačmi.

Každá webová stránka obsahuje určitý súbor štandardných prvkov, ktoré sú povinnými súčasťami každého internetového zdroja. Samozrejme, rozsah a počet takýchto objektov sa môže líšiť v závislosti od tematického zamerania stránky, objemu materiálov na nej publikovaných, ako aj od cieľov a cieľov, ktoré si tvorca tohto zdroja stanovuje pre seba. Rozloženie takýchto prvkov, navrhnutie ich relatívnej polohy je jednou z hlavných úloh webmastera.

Prvým prvkom webovej stránky, na ktorý sa musíme pozrieť, je jej názov. Môže byť vyhotovený v textovej alebo grafickej podobe, no v oboch prípadoch by mal byť umiestnený v hornej časti dokumentu. Niekedy je hlavička kombinovaná s ponukou na výber kódovania cyriliky a tlačidlami na prepnutie z ruskej na anglickú verziu stránky, ak je tento webový zdroj prezentovaný v dvoch jazykoch. Priamo pod podtitulom dokumentu je spravidla priestor určený na umiestnenie reklamného pútača. Zahrnutie bannera v hornej časti webovej stránky je vo väčšine prípadov nevyhnutným predpokladom pre registráciu stránky do služieb výmeny bannerov - systémov, ktoré inzerujú zdroj, ktorý ste vytvorili výmenou za zobrazovanie reklám iných účastníkov siete na výmenu bannerov na stránkach vaše stránky. Štandardná veľkosť bannerov publikovaných pod názvom dokumentu je zvyčajne 468x60 pixelov. Ak používate statické rozloženie strany, šírka hlavičky vášho dokumentu bude približne 640 pixelov, predovšetkým preto, aby sa zabezpečilo správne zobrazenie dokumentu na monitoroch s rozmermi 640 x 480 pixelov a aby ste sa vyhli vodorovnému posúvaču, ktorý sťažuje zobrazenie. Je zrejmé, že šírka banneru v tomto prípade bude výrazne menšia ako šírka hlavičky, vďaka čomu sa v časti stránky, kde plánujete vyčleniť priestor pre reklamu, objaví neobsadený priestor, ktorý je možné vyplniť logo spoločnosti, ktorá vlastní túto stránku alebo odkaz na server, ktorý implementuje webhosting. Samozrejme, logo nie je vždy potrebné: spravidla je súčasťou webovej stránky iba vtedy, ak má stránka komerčné zameranie.

Hlavnú časť dokumentu zaberá takzvané textové pole – oblasť, kde sa nachádza sémantický obsah stránky: zmysluplný informačný text a ilustrácie. Uvedené prvky sa tiež nazývajú „obsah“ (z angličtiny obsah). Umiestnenie textového poľa závisí predovšetkým od toho, ako webový dizajnér umiestni zvyšné prvky dokumentu.

Ďalšou povinnou súčasťou webovej stránky sú navigačné prvky – hypertextové odkazy, ktoré spájajú tento dokument s ostatnými sekciami webu. Navigačné prvky môžu byť vytvorené vo forme textových reťazcov, grafických objektov, teda tlačidiel, alebo aktívnych komponentov, ako sú Java applety. Posledne menované sú rovnaké tlačidlá, ktoré na rozdiel od svojich „tradičných“ sestier môžu reagovať na pohyby myši a vykonávať niektoré jednoduché akcie, keď sa nad nimi umiestni kurzor (zapnutie podsvietenia, vytvorenie efektu „kliknutia“, zmena tvaru atď. d.). Ako som už spomenul v časti „Základné „postuláty“ webdizajnu, navigačné prvky by mali byť umiestnené tak, aby boli vždy „na očiach“, „po ruke“, teda aby používateľ nemal na „pretočenie“ stránky späť, ak textové pole na výšku zaberá niekoľko fyzických obrazoviek, potom strávte dlhý čas hľadaním odkazov na iné sekcie. Najbežnejším prístupom je umiestnenie navigačných prvkov na ľavý okraj stránky.

V spodnej časti dokumentu je zvykom zverejňovať informácie o vývojároch stránok a e-mailovú adresu, na ktorú môžu návštevníci zdroja posielať svoje odpovede, návrhy a priania vlastníkom stránok. Ak je úvodným dokumentom webová stránka, v jej spodnej časti sa nachádza aj počítadlo návštev – malý skript, ktorý volá skript CGI nainštalovaný na serveri, ktorý zaznamenáva každé otvorenie dokumentu v prehliadači používateľa a mení hodnotu indikátor počítadla. Vďaka tomu môže webmaster jednoducho určiť počet návštevníkov, ktorí za určité obdobie navštívili jeho stránku. Všimol som si, že počítadlo návštev je nainštalované iba na prvej stránke vyvolanej pri prístupe na stránku; v iných dokumentoch zdroja sa nenachádza.

Preskúmali sme teda všetky hlavné komponenty webovej stránky a ich možné vzájomné umiestnenie. Príklad rozloženia webovej stránky obsahujúcej kompletnú sadu vyššie popísaných komponentov je na obr. 3.6. Vyberie navigačné prvky, ktoré sa majú umiestniť pozdĺž ľavého okraja dokumentu.

Ryža. 3.6. Príklad rozloženia webovej stránky s umiestnením navigačných prvkov vľavo

V praxi sa často stretávame s webmi, na ktorých je dizajn navigačných prvkov umiestnený pozdĺž pravého okraja obrazovky. V tomto prípade je textové pole posunuté doľava, zvyšné komponenty dokumentu sú usporiadané na základe princípu maximálnej estetiky ich kombinácie. Príklad takejto implementácie lokality je znázornený na obr. 3.7.

Ryža. 3.7. Príklad rozloženia webovej stránky s umiestnením navigačných prvkov vpravo

Ako je zrejmé z obrázku, v tomto prípade je logo umiestnené na rovnakej úrovni ako názov dokumentu a reklamný banner je umiestnený relatívne k stredu stránky. Pri tomto prístupe sa odporúča zachovať grafický dizajn hlavičky, loga a reklamného poľa v jednotnej farbe a umeleckom štýle - potom nebude asymetria polohy týchto predmetov taká zreteľná a nebude „bolieť oči“ “ zástancov striktnej, „tabuľkovej“ estetiky dizajnu.

Navigačné prvky možno umiestniť nielen v blízkosti pravého a ľavého okraja stránky, ale aj v hornej časti dokumentu. Táto možnosť rozloženia je podľa môjho názoru najvhodnejšia pri vytváraní domovských stránok: v tomto prípade všetky objekty stránky harmonicky „zapadnú“ do danej šírky neviditeľnej tabuľky, pričom samotná príprava tabuľky je značne zjednodušená. Jedinou nevýhodou tohto prístupu je potreba duplikovať navigačné prvky v spodnej časti dokumentu, pretože pri zvislom rolovaní po stránke miznú za horným okrajom obrazovky a aby sa k nim používateľ dostal, bude musieť „pretočte“ obrazovku, čo, ako vidíte, je veľmi nepohodlné. Príklad dizajnu stránky s hornými navigačnými prvkami je na obr. 3.8.

Ryža. 3.8. Príklad rozloženia webovej stránky s horným umiestnením navigačných prvkov

Samozrejme, všetko, čo bolo povedané v tejto časti, nie je všeliekom, ale návodom na akciu. Snažím sa načrtnúť iba všeobecné princípy, ktoré sa používajú pri zostavovaní štruktúry webu, ale konečné rozhodnutie vždy zostáva na webmasterovi. V konečnom dôsledku, bez ohľadu na to, aký dizajn použijete ako základ pre svoj budúci projekt, výsledok vašej práce bude stále správny: na internete neexistuje cenzúra ani žiadne nariadenia, ktoré by tvorcu stránky nútili do jedného alebo druhého prísneho rámca. Príkladom konštrukčného riešenia, ktoré nespadá do žiadnej z vyššie uvedených kategórií, je takzvané zmiešané usporiadanie, ktorého približná schéma je na obr. 3.9.

Ako je zrejmé z obrázku, v tomto príklade sú niektoré ovládacie prvky zabudované priamo do hlavičky stránky - hovoríme o o tlačidlách na prepínanie medzi ruskou a anglickou verziou stránky, ako aj o navigačných tlačidlách: môže to byť odkaz na e-mailovú adresu tvorcov zdrojov duplikovaný v spodnej časti dokumentu a odkaz na jeden z tematické sekcie, napríklad stránka so správami. Hlavný blok navigačných prvkov je umiestnený relatívne k ľavému okraju dokumentu, no ponuka pre výber kódovania cyriliky sa nachádza priamo pod reklamným bannerom v hornej časti stránky. Textové pole je rozdelené na dva asymetrické stĺpce a pravý obsahuje stručné oznamy o tematických sekciách, ktoré tvoria zdroj, vrátane odkazov na tieto sekcie.

Je zrejmé, že pre webovú stránku môže existovať veľké množstvo možností „zmiešaného rozloženia“: konkrétne riešenia závisí od počtu sekcií, ktoré tvoria zdroj, objemu textu pripraveného na umiestnenie na webe a nakoniec od predstavivosti samotného dizajnéra. Dôležité je len to vzhľad stránka nespôsobila žiadne sťažnosti návštevníkov. Nakoniec len vy ako vývojár, vy a nikto iný, máte právo ukázať všetky svoje schopnosti a talenty a upraviť si stránku podľa vlastného vkusu. Tvorcovia niektorých domovských stránok bez pochybností umiestňujú počítadlo prístupov do pravého horného rohu dokumentu, názov stránky je napísaný malým, úhľadným písmom a zverejnený pod reklamným bannerom a z nejakého dôvodu sú navigačné prvky sa nečakane objavia priamo v strede textového bloku, medzi príbehom o sebe a fotografiami milovaného psa autora projektu. Neexistujú súdruhovia pre chuť a farbu, ako sa hovorí. Mne osobne sa ale táto choroba zdá nevyliečiteľná.