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 takšnih elementov, oblikovanje njihovega relativnega položaja je ena glavnih nalog spletnega skrbnika.

Prvi element spletne strani je njen naslov. Lahko je v besedilni ali grafični obliki, vendar naj bo v obeh primerih na vrhu dokumenta. Včasih v kombinaciji z naslovom Meni za izbiro kodiranja cirilice in gumbe za preklop iz ruske v angleško različico spletnega mesta, če je ta spletni vir predstavljen v dveh jezikih.

Neposredno v podnaslovu dokumenta je praviloma prostor, dodeljen za umestitev reklamna pasica. Vključitev pasice na vrh 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 udeležencev v omrežju za izmenjavo pasic na straneh vaše spletno mesto.

Glavnino dokumenta zavzema t.i besedilno polje- območje, kjer se nahaja pomenska vsebina strani: vsebina informacijsko besedilo in ilustracije. Naštete elemente imenujemo tudi »vsebina« (iz angleščine vsebina). Lokacija besedilnega polja je odvisna predvsem od tega, kako bo spletni oblikovalec postavil preostale elemente dokumenta.

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

nenti, na primer programčki Java. Slednji so isti gumbi, ki se za razliko od svojih "tradicionalnih" sester lahko odzovejo na premike miške in izvajajo nekaj preprostih dejanj, ko se kazalec premakne nad njih (vklop osvetlitve ozadja, ustvarjanje učinka "klika", spreminjanje oblike itd.). d.).

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

Običajno je objava na dnu dokumenta informacije o razvijalcih in naslovu spletnega mesta E-naslov , preko katerega lahko obiskovalci vira pošiljajo svoje odzive, predloge in želje lastnikom strani.

Če je spletna stran začetni dokument, se na dnu le-tega tudi postavi števec zadetkov- majhen skript, ki pokliče CGI skript, nameščen na strežniku, ki zabeleži vsako odprtje dokumenta v brskalniku uporabnika in spremeni vrednost indikatorja števca. Na eno stran ni priporočljivo postaviti več različnih števcev.

Spletne strani se med seboj razlikujejo:

Velikosti (od več 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

Okvirjiokvir- frame, framework) je tehnologija, ki omogoča razdelitev spletne strani na več delov (oken) in omogoča spreminjanje vsebine vsakega dela ne glede na ostale dele. Tako je kazalo spletnega mesta pogosto postavljeno v en nespremenljiv okvir, vsebina pa v drugega.

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

Elektronska pošta (e-pošta) je glavna vrsta omrežne storitve. Sporočila se izvajajo prek sistema poštni strežniki.

Za vsakega uporabnika na poštnem strežniku obstaja ločena Poštni nabiralnik je lokacija na disku strežnika, kjer so shranjena e-poštna sporočila. Ob zaključku postopka registracije elektronskega naslova uporabnik prejme prijavo in geslo, s katerima nato pridobi dostop do svojega poštnega predala. Ime (prijavo) predalu poda uporabnik sam. 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. ru) .

na primer irina@ pošta. ru

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

Na podlagi registracijskih podatkov elektronskega naslova na uporabnikovem računalniku, 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.

Načrtovanje internetne varnosti za zaščito

Tarča napada so lahko tako informacije, ki se prenašajo po omrežju, kot računalnik, povezan z internetom.

Nemogoče je zagotoviti popolno varnost pri uporabi interneta, vendar vnaprejšnje varnostno načrtovanje bistveno zmanjša verjetnost napadov. Ker se internet nenehno razvija, se nenehno pojavljajo nova varnostna vprašanja, zato je posodabljanje varnostnih orodij bistveni del ohranjanja zdravja vašega 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 programsko opremo brez napak in jo redno posodabljajte.

Pravilno konfigurirajte programsko opremo (manj kot je dovoljeno, večja je varnost).

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 komplete za distribucijo programske opreme.

Preverjanje pristnosti (izrpekološkiauthenticos- pristnost) – potrditev pristnosti.

Vsi smo prebrali ogromno člankov o tem, kako izbrati ključne besede in pravilno sestaviti njihov seznam, kako s ključnimi besedami ustvariti spletno mesto, ki je relevantno za določene iskalne poizvedbe. Oglejmo si podrobneje umeščanje ključnih besed na spletne strani.

Če veste, kam in kako umestiti ključne besede na spletno stran, lahko vaše SEO podjetje postane ali uniči.

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

Naslov strani (naslovna oznaka)
Ključne besede strani (ključne besede meta oznak)
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 si poglejmo ta seznam po vrsti.

Element #1. Naslov strani (naslovna oznaka)

Najprej si oglejmo naslov strani (title tag). Ta element je prvi in najpomembnejši od vseh ostalih 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 s samo zgornjo vrstico v teh brskalnikih. Iskalniki uporabljajo to oznako za lastne namene – za zbiranje informacij o spletnem mestu in določanje njegove vsebine ter jo uporabljajo tudi v rezultatih iskalnikov (SERP) kot ime 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 spletnega brskalnika.

Element št. 2. Ključne besede strani (ključne besede meta oznak)

Zdaj pa se pogovorimo o ključnih besedah in opisnih metaoznakah. Pred časom se je pri dodajanju strani v indeks iskalnika uporabljala oznaka Meta keywords. 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 uporabite izključno za predvideni namen.

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

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

Meta oznaka opisa je še en element spletnega mesta, v katerega je treba umestiti ključne besede. Iskalniki skenirajo to oznako za prisotnost ključnih besed in primerjajo njeno vsebino 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 št. 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, potem jo lahko vidimo, ko z miško premaknemo nad sliko. Alt oznake se uporabljajo za udobje tistih uporabnikov interneta, ki iz nekega razloga ne prikazujejo grafike.

Mnogi iskalniki indeksirajo vsebino te oznake, zato lahko vsebuje ključne besede. Ne pozabite le, da mora nadomestno besedilo ustrezati sliki, jo opisovati in biti enakovredna besedilu. Ne uporabljajte oznake alt z označevalnimi slikami, kot so ločnice, oznake ...

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

Tako smo končno prišli do najosnovnejšega elementa spletnega mesta – oznake body, elementa, katerega vsebina je uporabnikom interneta najbolj zanimiva. Glavni iskalniki vam ne bodo več dajali 1. mesta v rezultatih SERP samo zato, ker se na vaši spletni strani večkrat ponavlja ključna beseda. Samo najbolj relevantno za določeno iskalna poizvedba Spletna stran.

Da bi to dosegli, morate izbrane ključne besede implementirati v kodo spletnih strani in pri tem paziti na 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, vaši diapozitivi PowerPoint predstavitve– odstavkov. 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.

Implementirajte izbrane ključne besede v zgornjih 5 elementov vsake spletne strani in močno boste izboljšali svoje trenutne uvrstitve 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, in ki se nahaja na istem strežniku ali je 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 sta pogosto omejena v svojih zmožnostih, ima napake ali ustvarjata slab HTML, ki ne deluje na različnih platformah.

Jezik HTML je na voljo v več različicah in se še naprej razvija, vendar se bodo konstrukti HTML verjetno še naprej uporabljali v prihodnosti. Z učenjem HTML-ja in njegovim globljim razumevanjem, ustvarjanjem dokumenta na začetku učenja HTML-ja in le-tega čim bolj razširimo, lahko ustvarimo spletne strani, ki si jih lahko ogleda veliko Spletni brskalniki, tako zdaj kot v prihodnosti. To ne izključuje možnosti uporabe drugih metod, kot je napredna metoda, ki jo nudijo Netscape Navigator, Internet Explorer ali nekateri drugi programi.

Delo s HTML je način, da se naučite podrobnosti 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 osnova za skoraj vse programsko opremo, ki je povezana s spletom.

Načela izdelave spletne strani, osnovni elementi spletne strani

Za ustvarjanje spletnih strani se uporablja poseben jezik, imenovan HTML (HyperText Markup Language). Ta jezik definira nabor posebnih ukazov, imenovanih oznake, ki se uporabljajo za določanje oblikovanja ali namena 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 nastala v standardno beležnico ali podoben preprost urejevalnik 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 Da lahko spletni brskalniki pravilno prikažejo isto spletno stran, mora biti HTML standardiziran.

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

Obstajajo orodja za urejanje, zasnovana posebej za pisanje HTML. Prihranijo čas, 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 prednost pred konkurenti. Upali so, da bodo te lastniške razširitve kasneje postale del standarda HTML, vendar se ti upi nikoli niso uresničili. Vendar pa oznake ostajajo in so še vedno podprte.

Za ustvarjanje spletnih strani boste potrebovali kateri koli brskalnik - Internet Explorer oz Google Chrome Mozilla Firefox ali še bolje oba, saj mnogi elementi HTML so različno prikazani v različnih programih za ogled in zelo je zaželeno, da to razliko nadzorujete.

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. Spletna stran 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, njegovo odpravljanje napak, vsebino in tudi njeno polnjenje.

Obstaja več preprostih pravil, ki omogočajo, da obiskovalec razume vmesnik spletnega mesta [št. 10].

1. Stran ne sme vsebovati neuporabnih informacij, pisava mora biti lahko berljiva. Grafični elementi so morali biti jasni, izrazni in hitri za nalaganje.

2. Človeško oko pregleduje spletne strani 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 besedilu in več fotografij).

4. Informacije je treba razdeliti med skupine. Možno je zagotoviti možnost iskanja izdelkov po imenu in opisu.

5. Spletna stran mora imeti razdelke z informacijami:

s podatki o podjetju (področje dejavnosti, 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 določen niz standardni elementi, ki so obvezni sestavni deli vsakega internetnega vira.

Prvi element spletne strani, ki si ga moramo ogledati, je njen naslov. Logotip ali ime spletnega mesta ima zanj enako vlogo kot znak na vhodu v katero koli institucijo. Internet je druga stvar: tukaj je glavna metoda gibanja teleportacija, zato moram videti ta "znak" na vsaki strani.

Glavni del dokumenta zavzema tako imenovano besedilno polje - območje, kjer se nahaja pomenska vsebina strani: smiselno informacijsko besedilo in ilustracije.

Navedeni elementi se imenujejo tudi "Vsebina" (iz angleščine vsebina - Vsebina). Postavitev besedilnega polja je odvisna predvsem od tega, kako spletni oblikovalec postavi preostale elemente dokumenta.

Slika 1. Primer vsebine spletnega mesta

Slika 2. Kontaktni podatki

Preden se lotite izdelave spletnega mesta, 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 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 prihodnjih 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. Sestavljanje spletnih strani in koda za odpravljanje napak.

11. Preverjanje istovetnosti prikaza spletnih strani z različnimi ločljivostmi zaslona 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 si ga moramo ogledati, je njen naslov. Lahko je v besedilni ali grafični obliki, vendar naj bo v obeh primerih na vrhu dokumenta. Včasih je glava kombinirana z menijem za izbiro kodiranja cirilice in gumbi za preklop iz ruske v angleško različico spletnega mesta, če je ta spletni vir predstavljen v dveh jezikih. Neposredno pod podnaslovom dokumenta je praviloma prostor, namenjen namestitvi reklamne pasice. Vključitev pasice na vrh 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 udeležencev v omrežju za izmenjavo pasic na straneh vaše spletno mesto. Standardna velikost pasic, objavljenih pod naslovom dokumenta, je običajno 468x60 slikovnih pik. Če uporabljate statično postavitev strani, bo širina glave vašega dokumenta približno 640 slikovnih pik, predvsem zato, da zagotovite pravilen prikaz dokumenta na monitorjih s 640 x 480 slikovnimi pikami in da se izognete vodoravnemu drsnemu traku, ki otežuje ogled. Očitno bo širina pasice v tem primeru bistveno manjša od širine glave, zaradi česar se bo na delu strani, kjer nameravate nameniti prostor za oglaševanje, pojavil nezaseden prostor, ki ga lahko zapolnite z logotip podjetja, ki je lastnik te strani ali povezava do strežnika, ki izvaja spletno gostovanje. Logotip seveda ni vedno potreben: praviloma je vključen v spletno stran le, če je stran komercialna.

Glavni del dokumenta zavzema tako imenovano besedilno polje - območje, kjer se nahaja pomenska vsebina strani: smiselno informacijsko besedilo in ilustracije. Naštete elemente imenujemo tudi »vsebina« (iz angleščine 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 izdelani v obliki besedilnih nizov, grafičnih objektov, to je gumbov, ali aktivnih komponent, kot so programčki Java. Slednji so isti gumbi, ki se za razliko od svojih "tradicionalnih" sester lahko odzovejo na premike miške in izvajajo nekaj preprostih dejanj, ko se kazalec premakne 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 uporabnik nima za "previjanje" strani nazaj , če besedilno polje zaseda več fizičnih zaslonov po višini, potem porabite dolgo časa za iskanje povezav 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, na katerega lahko obiskovalci vira pošljejo svoje odgovore, predloge in želje lastnikom strani. Če je spletna stran začetni dokument, se na njeno dno postavi tudi števec zadetkov - majhen skript, ki pokliče skript CGI, nameščen na strežniku, ki zabeleži vsako odprtje dokumenta v brskalniku uporabnika in spremeni vrednost indikator števca. Zahvaljujoč temu lahko spletni skrbnik enostavno določi število obiskovalcev, ki so obiskali njegovo stran v določenem časovnem obdobju. Ugotavljam, da je števec obiskov nameščen samo na prvi strani, ki se kliče ob dostopu do spletnega mesta, v drugih dokumentih vira pa ni.

Tako smo preučili vse glavne komponente spletne strani in njihovo možno lokacijo glede na drugo. Primer postavitve spletnega mesta, ki vsebuje celoten nabor zgoraj opisanih komponent, je prikazan na sliki. 3.6. Izbere navigacijske elemente, ki bodo nameščeni vzdolž levega roba dokumenta.

riž. 3.6. Primer postavitve spletne strani z levim položajem navigacijskih elementov

V praksi se pogosto srečujemo s spletnimi mesti, pri katerih je zasnova navigacijskih elementov postavljena ob desni rob zaslona. V tem primeru se besedilno polje premakne v levo, preostale 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 desnim položajem navigacijskih elementov

Kot je razvidno iz slike, je v tem primeru logotip postavljen na isti ravni kot naslov dokumenta, oglasna pasica pa je postavljena glede na sredino strani. S tem pristopom je priporočljivo ohraniti grafično zasnovo glave, logotipa in polja za oglaševanje v eni barvi in umetniškem slogu - potem asimetrija položaja teh predmetov ne bo tako očitna in ne bo "bolela oči ” zagovornikov stroge, “tabelarne” 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 najprimernejša pri ustvarjanju domačih strani: v tem primeru se vsi predmeti strani harmonično »prilegajo« podani širini nevidne tabele, medtem ko je priprava same tabele močno poenostavljena. Edina pomanjkljivost tega pristopa je potreba po podvojitvi navigacijskih elementov na dnu dokumenta, saj pri navpičnem drsenju po strani izginejo za zgornjo mejo zaslona in da bo uporabnik moral priti do njih »previjanje« zaslona, kar je, vidite, zelo neprijetno. Primer zasnove strani z zgornjimi navigacijskimi elementi je prikazan na sl. 3.8.

riž. 3.8. Primer postavitve spletne strani z zgornjim položajem navigacijskih elementov

Seveda vse, kar je bilo povedano v tem razdelku, ni zdravilo, ampak vodnik za ukrepanje. Poskušam orisati samo splošna načela, ki se uporabljajo pri oblikovanju strukture spletnega mesta, vendar končna odločitev vedno ostane pri spletnem skrbniku. Konec koncev, ne glede na to, kateri dizajn boste uporabili 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 strog 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 je razvidno iz slike, so v tem primeru nekateri kontrolni elementi vgrajeni neposredno v glavo strani - govorimo o 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, podvojena na dnu dokumenta, in povezava do enega od tematske razdelke, na primer stran z novicami. Glavni blok navigacijskih elementov je nameščen glede na levi rob dokumenta, meni za izbiro kodiranja cirilice pa se nahaja neposredno pod reklamno pasico na vrhu strani. Besedilno polje je razdeljeno na dva asimetrična stolpca, desni pa vsebuje kratke objave tematskih razdelkov, ki sestavljajo vir, vključno s povezavami do teh razdelkov.

Očitno lahko obstaja veliko različnih možnosti "mešane postavitve" za spletno stran: konkretne 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. Navsezadnje imate samo vi kot razvijalec, vi in nihče drug, pravico, da pokažete vse svoje sposobnosti in talente ter uredite stran po svojem okusu. Ustvarjalci nekaterih domačih strani, ne da bi jih mučili dvomi, postavijo števec zadetkov v zgornji desni kot dokumenta, ime spletnega mesta je napisano z majhno, lepo pisavo in objavljeno pod reklamno pasico, iz nekega razloga pa navigacija elementi se nepričakovano pojavijo prav na sredini bloka besedila, med zgodbo o sebi in fotografijami ljubljenega psa avtorja projekta. Za okus in barvo, kot pravijo, ni tovarišev. Meni osebno pa se ta bolezen zdi neozdravljiva.