domov › izobraževanje › Kateri so glavni elementi spletne strani. Osnovni elementi spletnih strani. Struktura jezika HTML: oznake

Kateri so glavni elementi spletne strani. Osnovni elementi spletnih strani. Struktura jezika HTML: oznake

Vsaka spletna stran vsebuje določen nabor standardnih elementov, ki so obvezni sestavni deli vsakega vira internetna omrežja. Postavitev takih elementov, oblikovanje njihovega relativnega položaja je ena glavnih nalog spletnega skrbnika.

Prvi element spletne strani je njen glava. Lahko je izdelan v besedilni in grafični različici, vendar mora biti v obeh primerih na vrhu dokumenta. Včasih v kombinaciji z naslovom Meni za izbiro kodiranja cirilice in gumbi za preklop iz ruske v angleško različico spletnega mestače je dani spletni vir predstavljen v dveh jezikih.

Neposredno pod podnaslovom dokumenta je praviloma prostor, namenjen umestitvi reklamna pasica. Vključitev pasice v zgornji del spletne strani je v večini primerov predpogoj za registracijo mesta v storitvah za izmenjavo pasic – sistemih, ki oglašujejo vir, ki ste ga ustvarili, v zameno za prikazovanje oglasov drugih članov mreže za izmenjavo pasic na vašem strani spletnega mesta.

Glavnino dokumenta zavzema t.i besedilno polje- območje, kjer se nahaja pomenska vsebina strani: smiselno informativno besedilo in ilustracije. Našteti elementi se imenujejo tudi "vsebina" (iz angleščine content - vsebina). Lokacija besedilnega polja je odvisna predvsem od tega, kako bo spletni oblikovalec postavil preostale elemente dokumenta.

Naslednja obvezna komponenta spletne strani so navigacijski elementi- povezovanje hiperpovezav ta dokument z drugimi deli spletnega mesta. Navigacijski elementi so lahko izdelani v obliki besedilnih vrstic, grafičnih objektov, torej gumbov, ali aktivnih komponent.

Entitete, kot so programčki Java. Slednji so isti gumbi, ki se v nasprotju s svojimi "tradicionalnimi" sestrami lahko odzivajo na premike miške in izvajajo nekaj preprostih dejanj, ko kazalec premaknete nad njih (vklop osvetlitve ozadja, ustvarjanje učinka "klika", spreminjanje oblike , itd.). d.).

Najbolj uveljavljen pristop je postavitev navigacijskih elementov na levi rob strani.

Na dnu dokumenta je običajno objaviti informacije o razvijalcih spletnega mesta in naslovu E-naslov , s katerim lahko obiskovalci vira pošljejo svoje povratne informacije, predloge in želje lastnikom strani.

Če je spletna stran začetni dokument, je na dnu postavljen tudi števec obiskov je majhna skripta, ki pokliče CGI skripto, nameščeno na strežniku, ki zabeleži vsako odprtje dokumenta v brskalniku uporabnika tako, da spremeni vrednost indikatorja števca. Na eno stran ni priporočljivo postaviti več različnih števcev.

Spletne strani se med seboj razlikujejo:

Velikosti (od nekaj strani do spletnih strežnikov z gigabajti informacij).

Oblikovanje (splošna barvna shema, oblika pisave, uporabljene ilustracije itd.).

Struktura (sistem povezav, povezava strani znotraj strani, kot tudi povezava z drugimi stranmi).

Hkrati je vsaka spletna stran zgrajena iz standardnih elementov, ki jih lahko razdelimo v dve skupini:

Pasivni (ilustrativni) elementi

animacija

Aktivni elementi

vnosna polja
stikala

okvirji (angleščina)okvir- okvir, okvir) je tehnologija, ki omogoča razdelitev spletne strani na več delov (oken) in omogoča spreminjanje vsebine vsakega dela, ne glede na druge dele. Na primer, kazalo vsebine spletnega mesta je pogosto postavljeno v en nespremenljiv okvir, vsebina pa v drugega.

Tema 9. Elektronska komunikacija. E-poštni naslovi

E-pošta (E-mail iz angleščine. Electronic mail) je glavna vrsta omrežnih storitev. Sporočila se izvajajo prek sistema poštni strežniki.

Vsak uporabnik na poštnem strežniku ima svojega Poštni nabiralnik je lokacija na disku strežnika, kjer so shranjena e-poštna sporočila. Ob postopku registracije e-poštnega naslova uporabnik prejme ime (prijavo) in geslo, s katerima kasneje pridobi dostop do svojega poštnega predala. Uporabnik sam poda ime (prijavo, login) predalu. Strežnik poskrbi samo za unikatnost imena.

E-poštni naslov je sestavljen iz dveh delov, ločenih z znakom @ (ta znak se običajno imenuje "pes"):

Ime poštni predal uporabnik (izbere ga on, v našem primeru - irina).

Domena poštni strežnik(v našem primeru - pošta. en) .

na primer irina@ pošta. en

Elektronski naslovi so zapisani brez presledkov z uporabo latiničnih črk, številk ali simbolov (dovoljeno za uporabo).

Glede na registracijo elektronskega naslova v računalniku uporabnika, aračun , ki vsebuje podatke, potrebne za vzpostavitev stika s poštno storitvijo, vključno z uporabniškim imenom (Vpiši se) in geslo.

Na podlagi tega zapisa strežnik identificira uporabnika.

Internetna varnost Načrtovanje zaščite

Predmet napada so lahko informacije, ki se prenašajo po omrežju, in računalnik, povezan z internetom.

Nemogoče je zagotoviti popolno varnost pri brskanju po internetu, vendar vnaprejšnje načrtovanje zaščite močno zmanjša verjetnost napadov. Ker se internet nenehno razvija, se nenehno pojavljajo nove varnostne težave, zato je posodabljanje zaščitnih orodij obvezen del ohranjanja zdravja računalniškega sistema.

Obrambne črte:

Blokiranje možnih napadov:

Uporabite posebno programsko in strojno opremo, ki blokira nevarne in nepotrebne podatke.

Uporabite avtentikacijo in šifriranje.

Zmanjšanje virov tveganja:

Uporabljajte le tiste internetne storitve, ki jih resnično potrebujete.

Uporabljajte brezhibno programsko opremo in jo posodabljajte.

Pravilno nastavite programsko opremo (manj kot je dovoljeno, bolj varno).

Ne oglašujte informacij o sebi na spletu.

Omejite dostop do računalniških virov.

Priprava na okrevanje po napadu:

Ustvarite in redno posodabljajte varnostne kopije delovni podatki.

Vedno imejte pri roki distribucije programske opreme.

Preverjanje pristnosti (izrpevropskiauthenticos- pristnost) - potrditev pristnosti.

Vsi preberemo ogromno člankov o tem, kako izbrati ključne besede in jih pravilno navesti, kako uporabiti ključne besede, da bo spletno mesto ustrezno za določene iskalne poizvedbe. Oglejmo si podrobneje postavitev ključnih besed na spletnih straneh.

Če veste, kam in kako na spletno stran umestiti ključne besede, bo odvisno od uspeha ali neuspeha vaše SEO kampanje.

Na vsaki spletni strani je 5 elementov, kamor je treba postaviti ključne besede:

Naslov strani (naslovna oznaka)
Ključne besede strani (oznaka meta ključnih besed)
Opis strani (oznaka meta opisa)
Nadomestno besedilo za slike (oznaka Alt)
Vsebina spletne strani (oznaka telesa)

Od vseh naštetih elementov spletne strani je najpomembnejša vsebina strani (točka 5). Več o tem spodaj.

Za zdaj poglejmo ta seznam po vrstnem redu.

Element #1. Naslov strani (naslovna oznaka)

Najprej razmislite o naslovu strani (title tag). Ta element je prvi in najpomembnejši od vseh drugih elementov v glavnem bloku katere koli spletne strani.

Naslov spletne strani lahko vidite v zgornji vrstici internetnega brskalnika. Če želite to preveriti, zaženite kateri koli brskalnik, npr. internet Explorer, Opera oz Mozilla Firefox, pojdite na katero koli spletno mesto in primerjajte vsebino naslovne oznake z najvišjo vrstico v teh brskalnikih. Iskalniki to oznako uporabljajo za lastne namene – za zbiranje informacij o spletnem mestu in določanje njegove vsebine ter ga uporabljajo tudi v rezultatih iskanja (SERP) kot naslov spletne strani.

Ne pozabite! Naslov spletne strani je njen Kratek opis.

Poleg zgoraj navedenega se vsebina naslovne oznake uporablja kot naslov spletne strani, ko jo dodajate med priljubljene v spletnem brskalniku.

Element številka 2. Ključne besede strani (oznaka meta ključnih besed)

Zdaj pa se pogovorimo o ključnih besedah in opisnih metaoznakah. Pred časom se je pri dodajanju strani v indeks iskalnika uporabljala metaoznaka ključnih besed. Toda ti časi so minili. Zdaj iskalniki preprosto ignorirajo to oznako, ker. pogosti so primeri njegove uporabe v "umazane" namene. Nekateri iskalniki so pozorni na to oznako, da določijo predmet spletnega mesta.

Iz vsega povedanega sledi, da ta oznaka ni obvezna, vendar jo lahko uporabljate izključno za predvideni namen.

Ključne besede morajo biti ločene z vejico. Postavite najpomembnejše ključne besede na vrh seznama, nato v padajočem vrstnem redu pomembnosti. Iskalniki ne posvečajo več pozornosti velikim in malim črkam ključnih besed, zato lahko zdaj vse ključne besede izpišemo z malimi črkami.

Element številka 3. Opis strani (oznaka meta opisa)

Meta oznaka opisa je še en element spletnega mesta, kamor je treba postaviti ključne besede. Iskalniki po tej oznaki iščejo ključne besede in njeno vsebino primerjajo z vsebino samega spletnega mesta (vsebina oznake body). Zelo pomembna okoliščina je, da iskalniki vsebino oznake description uporabljajo kot opis spletne strani v rezultatih iskanja (SERP).

Ta oznaka naj vsebuje kratek opis spletne strani, vendar ne več kot 50 besed.

Element številka 4. Nadomestno besedilo za slike (oznaka Alt)

Alt oznake so besedilni opis vsebine slike, tj. če se slika iz nekega razloga ne naloži in ima ta slika nadomestno besedilo, bo to besedilo prikazano namesto slike.

Če je slika naložena in ima slika tudi nadomestno besedilo, jo lahko vidimo, ko miškin kazalec premaknemo nad sliko. Alt-oznake se uporabljajo za udobje tistih uporabnikov interneta, ki iz nekega razloga ne prikazujejo grafike.

Številni iskalniki indeksirajo vsebino te oznake, zato so tam lahko ključne besede. Samo ne pozabite, da se mora nadomestno besedilo ujemati s sliko, jo opisovati, biti njen besedilni ekvivalent. Ne uporabljajte oznake alt za označevalne slike, kot so ločilne črte, oznake ...

Element številka 5. Vsebina spletne strani (oznaka telesa)

Tako smo končno prišli do najosnovnejšega elementa spletnega mesta – oznake body, elementa, katerega vsebina najbolj zanima uporabnike interneta. Večji iskalniki vam ne bodo več dali 1 SERP samo zato, ker se na strani vašega spletnega mesta večkrat pojavi ključna beseda. Samo najbolj relevantno za določeno iskalna poizvedba Spletna stran.

Da bi to dosegli, morate izbrane ključne besede vgraditi v kodo spletnih strani in pri tem upoštevati pogostost njihovega ponavljanja. Nadaljujte takole: za vsako določeno stran izberite 1-2 ključni besedi in zanju optimizirajte ustrezno stran.

Predstavljajte si, da pripravljate predstavitev vaše nove spletne strani ali produkta. Potem, na primer, diapozitive vašega PowerPoint predstavitve- odstavki. Biti morajo kratki in jasni. Tako kot v PowerPoint predstavitvi lahko uporabite sezname za seznam prednosti vašega spletnega mesta ali izdelka, pri čemer se vsakič osredotočite na izbrane ključne besede.

Vključite svoje izbrane ključne besede v zgornjih 5 elementov vsake spletne strani in zelo boste izboljšali svojo trenutno uvrstitev in rezultate.

jezik HTML

Spletne strani lahko obstajajo v katerem koli formatu, vendar je standard Hyper Text Markup Language - hiperbesedilni označevalni jezik, zasnovan za ustvarjanje obogatenega besedila, bogatega s slikami, zvokom, animacijami, video posnetki in hiperbesedilnimi povezavami do drugih dokumentov, raztresenih po spletnem prostoru, kot tudi tiste, ki se nahajajo na istem strežniku ali so sestavni del istega spletnega projekta.

Na spletu lahko delate brez znanja jezik HTML, saj lahko besedila HTML ustvarijo različni posebni urejevalniki in pretvorniki. Toda pisanje neposredno v HTML ni težko. Morda je celo lažje kot učenje urejevalnika ali pretvornika HTML, ki ima pogosto omejene zmogljivosti, vsebuje napake ali ponuja slabo kodo HTML, ki ne deluje na različnih platformah.

Jezik HTML obstaja v več različicah in se še naprej razvija, vendar se bodo konstrukti HTML verjetno še naprej uporabljali v prihodnosti. Učenje HTML in poglobljeno učenje z ustvarjanjem dokumenta na začetku učenje HTML in če ga čim bolj razširimo, lahko ustvarimo spletne strani, ki si jih lahko ogleda veliko ljudi spletne brskalnike tako zdaj kot v prihodnosti. To ne izključuje uporabe drugih metod, kot je napredna metoda, ki jo ponuja Netscape Navigator, Internet Explorer ali kakšna druga programska oprema.

Delo s HTML je način, da se naučite posebnosti ustvarjanja dokumentov v standardiziranem jeziku, z uporabo razširitev le, ko je to res potrebno.

HTML je ratificiral World Wide Web Consortium. Podpira ga več široko uporabljanih brskalnikov in verjetno bo postal osnova skoraj vsem. programsko opremo, ki je povezan s spletom.

Načela izdelave spletne strani, glavni elementi spletne strani

Za ustvarjanje spletnih strani se uporablja poseben jezik HTML (HyperText Markup Language - Hypertext Markup Language). Ta jezik definira nabor posebnih ukazov, imenovanih oznake, ki se uporabljajo za določanje oblikovanja ali dodelitve določenih elementov spletne strani. Za umestitev na spletne strani se uporabljajo posebne oznake grafične podobe, avdio in video posnetke ter druge tako imenovane vdelane objekte.

Spletne strani so običajne besedilne datoteke, ustvarjen v standardni beležnici ali podobnem preprostem urejevalniku besedil. In vsebujejo besedilo, isto besedilo, ki ga želite dati na strani, le da je označeno na poseben način. Da bi različne programe Spletni brskalniki pravilno prikazujejo isto spletno stran, jezik HTML je treba standardizirati.

V praksi na standard HTML močno vpliva prisotnost oznak, ki jih ponujajo in podpirajo najbolj znani brskalniki, kot sta Microsoft Internet Explorer in Google Chrom. Te oznake so noter ta trenutek je lahko ali pa tudi ne del trenutne specifikacije HTML.

Obstajajo orodja za urejanje, zasnovana posebej za pisanje HTML. Omogočajo prihranek časa, saj vsebujejo ključe hiter dostop za izvajanje ponavljajočih se operacij, kot je nastavitev začetnih nastavitev za dokumente, tabele ali preprosto uporabo slogov v besedilu. Urejevalniki HTML se od avtorskih orodij WYSIWYG razlikujejo po tem, da zahtevajo poznavanje pravil za ročno prevajanje HTML, urejevalniki ta postopek le poenostavijo in pospešijo. Poleg WWWC standardiziranih oznak HTML (standardne oznake) spletni brskalniki podpirajo številne nestandardne oznake. Te oznake so uvedli razvijalci določenega programa spletnega brskalnika, da bi pridobili konkurenčno prednost. Upali so, da bodo te blagovne znamke razširitve pozneje vključene v standard HTML, vendar se tem upanjem ni usojeno uresničiti. Vendar pa oznake ostajajo in so še vedno podprte.

Za izdelavo spletnih strani potrebujete katerikoli brskalnik - Internet Explorer oz Google Chrome Mozilla Firefox, po možnosti oba, saj je veliko elementov HTML različno prikazanih v različnih brskalnikih in je zelo zaželeno nadzorovati to razliko.

Poleg tega potrebujete kateri koli urejevalnik besedil, na primer za pripravo datotek HTML, in brskalnik za ogled in nadzor opravljenega.

Če želite ustvariti spletno stran, je prvi korak ustvariti strukturo spletnega mesta. Spletno mesto je strežnik z edinstvenim imenom in stalnim naslovom, ki je fizično povezan z WWW ali virtualno gostuje na drugem, večjem strežniku.

Ko ustvarite strukturo spletnega mesta, zaženite urejevalnik besedil beseda, ustvarjaj nov dokument in jo shranite kot spletno stran, nato nadaljujte z ustvarjanjem spletne strani. To nam olajša in izboljša delo. V njem določimo čas izdelave spletnega mesta, odpravljanje napak, vsebino in tudi dokončanje.

Obstaja nekaj preprostih pravil, ki omogočajo, da obiskovalec razume vmesnik spletnega mesta [#10].

1. Stran ne sme vsebovati neuporabnih informacij, pisava mora biti lahko berljiva. Grafični elementi so morali biti jasni, izrazni in se hitro nalagati.

2. Človeško oko pregleduje strani spletnega mesta od zgoraj navzdol. Največ pozornosti je usmerjeno v zgornji levi del strani. Zato je na vrhu strani spletnega mesta praviloma največ pomembna informacija: ime podjetja, logotip, ime spletne strani itd.

3. Obiskovalec spletnega mesta mora zlahka najti informacije, ki ga zanimajo, in imeti možnost pridobiti celovite informacije (opis v obliki besedila in nekaj fotografij).

4. Informacije je treba razdeliti v skupine. Možno je zagotoviti možnost iskanja izdelkov po delu imena in opisa.

5. Spletna stran mora imeti informativne rubrike:

s podatki o podjetju (področje delovanja, naslov, kontaktne številke itd.);

Osnovni elementi spletnih strani:

1. Glava / Logotip (Glava)

3. Vsebina / Vsebina (besedilno polje)

4. Navigacijski elementi

5. Informacije o razvijalcih spletnega mesta

Vsaka spletna stran vsebuje niz standardni elementi, ki so obvezni sestavni deli vsakega vira na internetu.

Prvi element spletne strani, ki ga moramo upoštevati, je njen naslov. Logotip ali ime spletnega mesta ima zanj enako vlogo kot znak na vhodu v katero koli institucijo. Druga stvar je internet: tukaj je glavni način premikanja teleportacija, zato moram videti ta "znak" na vsaki strani.

Glavni del dokumenta zavzema tako imenovano Besedilno polje - območje, kjer je postavljena pomenska vsebina strani: smiselno informativno besedilo in ilustracije.

Našteti elementi se imenujejo tudi "Vsebina" (iz angleščine vsebina - Vsebina). Lokacija besedilnega polja je odvisna predvsem od tega, kako bo spletni oblikovalec postavil preostale elemente dokumenta.

Slika 1. Vzorčna vsebina spletnega mesta

Slika 2. Kontaktni podatki

Preden začnete ustvarjati svoje spletno mesto, zelo odgovorno pristopite k problemu urejanja elementov strani. Na splošno je spletna stran razdeljena na vsebino strani, navigacijo in povezane informacije. Ti elementi so nadalje razdeljeni na manjše elemente.

Posledično se zaporedje dejanj za razvoj spletnega mesta zmanjša na naslednji preprost algoritem:

1. Postavljanje ciljev in opredelitev glavnih nalog.

2. Izdelava seznama bodočih tematskih sklopov.

3. Razvoj logične in fizične strukture vira.

4. Izdelava idejne skice, izrisa lokacije, nevidne postavitev tabele.

5. Priprava besedilnih gradiv.

6. Priprava grafičnih materialov v vektorski obliki.

7. Izvoz vektorskih risb v rastrski format.

8. Optimizacija vseh slik.

9. Izdelava predlog spletnih strani.

10. Gradnja spletnih strani in koda za odpravljanje napak.

11. Preverjanje istovetnosti prikaza spletnih strani z različnimi zaslonskimi ločljivostmi in barvnimi paletami ter različnimi brskalniki.

Vsaka spletna stran vsebuje določen niz standardnih elementov, ki so obvezni sestavni deli vsakega internetnega vira. Seveda se obseg in število takšnih predmetov lahko razlikujeta glede na tematsko osredotočenost spletnega mesta, obseg gradiva, objavljenega na njem, pa tudi cilje in cilje, ki si jih zastavi ustvarjalec tega vira. Postavitev takih elementov, oblikovanje njihovega relativnega položaja je ena glavnih nalog spletnega skrbnika.

Prvi element spletne strani, ki ga moramo upoštevati, je njen naslov. Lahko je izdelan v besedilni in grafični različici, vendar mora biti v obeh primerih na vrhu dokumenta. Včasih je naslov kombiniran z menijem za izbiro kodiranja cirilice in gumbi za preklop z ruske na angleško različico spletnega mesta, če je ta spletni vir predstavljen v dveh jezikih. Praviloma se prostor, namenjen namestitvi reklamne pasice, nahaja neposredno v podnaslovu dokumenta. Vključitev pasice v zgornji del spletne strani je v večini primerov predpogoj za registracijo mesta v storitvah za izmenjavo pasic - sistemih, ki oglašujejo vir, ki ste ga ustvarili, v zameno za prikazovanje oglasov drugih članov mreže za izmenjavo pasic na vašem strani spletnega mesta. Standardna velikost pasic, objavljenih pod naslovom dokumenta, je običajno 468 x 60 slikovnih pik. Če uporabljate statično postavitev strani, bo širina naslova vašega dokumenta približno 640 slikovnih pik: ta vrednost je predvsem posledica potrebe po zagotavljanju pravilnega prikaza dokumenta na monitorjih z ločljivostjo zaslona 640 x 480 slikovnih pik in izogibanju vodoravnim drsnim trakom, ki težko je videti. Očitno je, da bo širina pasice v tem primeru veliko manjša od širine glave, tako da se na delu strani, kjer nameravate dodeliti prostor za oglaševanje, oblikuje neuporabljen prostor, ki ga lahko zapolnite z logotipom podjetja, ki je lastnik tega spletnega mesta, ali povezavo do strežnika, ki izvaja spletno mesto. Logotip seveda ni vedno potreben: praviloma je na spletni strani vključen le, če je spletno mesto komercialno usmerjeno.

Glavni del dokumenta zavzema tako imenovano besedilno polje - območje, kjer je postavljena pomenska vsebina strani: smiselno informativno besedilo in ilustracije. Našteti elementi se imenujejo tudi "vsebina" (iz angleščine content - vsebina). Lokacija besedilnega polja je odvisna predvsem od tega, kako bo spletni oblikovalec postavil preostale elemente dokumenta.

Naslednja obvezna komponenta spletne strani so navigacijski elementi - hiperpovezave, ki povezujejo ta dokument z drugimi deli spletnega mesta. Navigacijski elementi so lahko v obliki besedilnih nizov, grafičnih objektov, tj. gumbov, ali aktivnih komponent, kot so programčki Java. Slednji so isti gumbi, ki se v nasprotju s svojimi "tradicionalnimi" sestrami lahko odzivajo na premike miške in izvajajo nekaj preprostih dejanj, ko kazalec premaknete nad njih (vklop osvetlitve ozadja, ustvarjanje učinka "klika", spreminjanje oblike , itd.). d.). Kot sem že omenil v poglavju »Osnovni postulati« spletnega oblikovanja, morajo biti navigacijski elementi postavljeni tako, da so vedno »na vidiku«, »pri roki«, torej da uporabniku ni treba » previti stran nazaj , če besedilno polje po višini obsega več fizičnih zaslonov, potem dolgo časa iščete povezave do drugih razdelkov. Najbolj uveljavljen pristop je postavitev navigacijskih elementov na levi rob strani.

Na dnu dokumenta je običajno objaviti podatke o razvijalcih spletnega mesta in e-poštni naslov, s katerim lahko obiskovalci vira pošljejo svoje povratne informacije, predloge in želje lastnikom strani. Če je spletna stran začetni dokument, je na dnu spletne strani nameščen tudi števec zadetkov – majhen skript, ki pokliče skript CGI, nameščen na strežniku, ki zajame vsakič, ko je dokument odprt v brskalniku uporabnika, in spremeni vrednost indikatorja števca. Zahvaljujoč temu lahko spletni skrbnik kadar koli enostavno določi število obiskovalcev, ki so obiskali njegovo stran. Ugotavljam, da je števec zadetkov nastavljen samo na prvi strani, ki se kliče ob dostopu do spletnega mesta, v drugih dokumentih virov ga ni.

Analizirali smo torej vse glavne komponente spletne strani in njihovo možno lokacijo glede na drugo. Primer postavitve mesta, ki vsebuje celoten nabor zgoraj opisanih komponent, je prikazan na sl. 3.6. Izbral je položaj navigacijskih elementov vzdolž levega roba dokumenta.

riž. 3.6. Primer postavitve spletne strani z levo pozicioniranimi navigacijskimi elementi

V praksi se pogosto pojavljajo spletna mesta, pri katerih so navigacijski elementi postavljeni ob desni rob zaslona. V tem primeru je besedilno polje premaknjeno v levo, ostale komponente dokumenta pa so razporejene po načelu maksimalne estetike njihove kombinacije. Primer takšne izvedbe mesta je prikazan na sl. 3.7.

riž. 3.7. Primer postavitve spletne strani z desno postavljenimi navigacijskimi elementi

Kot je razvidno iz slike, je logotip v tem primeru postavljen na isti ravni kot naslov dokumenta, oglaševalska pasica pa je postavljena glede na sredino strani. S tem pristopom je priporočljivo ohraniti grafično zasnovo naslova, logotipa in oglaševalskega polja v eni barvi in likovnem slogu - potem asimetrija položaja teh predmetov ne bo tako očitna in ne bo bolela oči podpornikov stroge, »namizne« oblikovalske estetike.

Elemente za krmarjenje lahko postavite ne samo ob desni in levi rob strani, ampak tudi na vrh dokumenta. Ta možnost postavitve je po mojem mnenju najbolj primerna za ustvarjanje domačih strani: v tem primeru se vsi predmeti strani harmonično "prilegajo" določeni širini nevidne tabele, medtem ko je priprava same tabele močno poenostavljena. Edina pomanjkljivost tega pristopa je potreba po podvajanju navigacijskih elementov na dnu dokumenta, saj pri navpičnem pomikanju po strani izginejo čez vrh zaslona in da bi prišel do njih, bo moral uporabnik " previti« zaslon nazaj, kar je, vidite, zelo neprijetno. Primer oblikovanja strani z zgornjimi navigacijskimi elementi je prikazan na sl. 3.8.

riž. 3.8. Primer postavitve spletne strani z navigacijskimi elementi na vrhu

Seveda vse, kar je bilo povedano v tem razdelku, ni zdravilo, ampak vodnik za ukrepanje. Poskušam samo orisati splošna načela, ki veljajo pri določanju strukture spletnega mesta, vendar je končna odločitev vedno prepuščena spletnemu skrbniku. Konec koncev, ne glede na to, kateri dizajn uporabite kot osnovo za svoj prihodnji projekt, bo rezultat vašega dela še vedno pravilen: na internetu ni niti cenzure niti kakršnih koli predpisov, ki bi ustvarjalca spletnega mesta silili v tak ali drugačen togi okvir. Primer oblikovalske rešitve, ki ne spada v nobeno od zgornjih kategorij, je tako imenovana mešana postavitev, katere približni diagram je prikazan na sl. 3.9.

Kot lahko vidite na sliki, so v tem primeru nekateri kontrolniki vgrajeni neposredno v glavo strani - pogovarjamo se o gumbih za preklapljanje med rusko in angleško različico spletnega mesta, pa tudi o navigacijskih gumbih: to je lahko povezava do e-poštnega naslova ustvarjalcev vira, podvojenega na dnu dokumenta, in povezava do enega od tematskih razdelkov, na primer stran z novicami. Glavni blok navigacijskih elementov je postavljen glede na levi rob dokumenta, vendar se meni za izbiro kodiranja cirilice nahaja neposredno pod reklamno pasico na vrhu strani. Besedilno polje je razdeljeno na dva nesimetrična stolpca, desni pa vsebuje kratke objave tematskih naslovov, ki sestavljajo vir, vključno s povezavami do teh razdelkov.

Očitno je lahko zelo veliko možnosti za "mešano postavitev" spletne strani: posebne rešitve odvisno od števila razdelkov, ki sestavljajo vir, obsega besedila, pripravljenega za postavitev na spletno mesto, in končno od domišljije samega oblikovalca. Pomembno je le, da videz stran ni povzročila nobenih pritožb obiskovalcev. Konec koncev imate samo vi kot razvijalec, vi in nihče drug, pravico uporabiti vse svoje sposobnosti in talente ter sestaviti stran po svojih željah. Ustvarjalci nekaterih domačih strani brez obotavljanja postavijo števec zadetkov v zgornji desni kot dokumenta, napišejo ime spletnega mesta z malim, drobnim tiskom in ga objavijo pod reklamno pasico, navigacijski elementi pa se iz nekega razloga nepričakovano znajdejo prav na sredini besedilnega bloka, med zgodbo o sebi in fotografijami najljubšega psa avtorja projekta. Za okus in barvo, kot pravijo, ni tovarišev. Meni osebno pa se ta bolezen zdi neozdravljiva.