mājas › Izglītība › Kādi ir tīmekļa lapas galvenie elementi. Web lapu pamatelementi. HTML valodas struktūra: tagi

Kādi ir tīmekļa lapas galvenie elementi. Web lapu pamatelementi. HTML valodas struktūra: tagi

Jebkurā tīmekļa lapā ir noteikts standarta elementu kopums, kas ir katra resursa obligātas sastāvdaļas Interneta tīkli. Šādu elementu izkārtojums, to relatīvās pozīcijas noformēšana ir viens no galvenajiem tīmekļa pārziņa uzdevumiem.

Pirmais tīmekļa lapas elements ir tā galvene. To var veidot gan teksta, gan grafiskā versijā, tomēr abos gadījumos tai jāatrodas dokumenta augšpusē. Dažkārt apvienojumā ar nosaukumu Kirilicas kodējuma izvēles izvēlne Un pogas, lai pārslēgtos no vietnes versijas krievu valodā uz angļu valodu ja dotais Web resurss tiek pasniegts divās valodās.

Tieši zem dokumenta apakšvirsraksta, kā likums, ir vieta, kas atvēlēta izvietošanai reklāmas baneris. Reklāmkaroga iekļaušana Web lapas augšējā daļā vairumā gadījumu ir priekšnoteikums vietnes reģistrēšanai reklāmkarogu apmaiņas pakalpojumos - sistēmās, kas reklamē jūsu izveidoto resursu apmaiņā pret citu reklāmkarogu apmaiņas tīkla dalībnieku reklāmu rādīšanu jūsu vietnes lapās.

Dokumenta galveno daļu aizņem t.s teksta lauks- apgabals, kurā atrodas lapas semantiskais saturs: jēgpilns informatīvs teksts un ilustrācijas. Uzskaitītos elementus sauc arī par "saturu" (no angļu valodas, saturs - saturs). Teksta lauka atrašanās vieta galvenokārt ir atkarīga no tā, kā tīmekļa dizainers izvietos pārējos dokumenta elementus.

Nākamais obligātais tīmekļa lapas komponents ir navigācijas elementi- hipersaišu saistīšana šo dokumentu ar citām vietnes sadaļām. Navigācijas elementus var izveidot teksta līniju, grafisku objektu, tas ir, pogu vai aktīvo komponentu veidā.

Entītijas, piemēram, Java sīklietotnes. Pēdējās ir tās pašas pogas, kas, atšķirībā no savām "tradicionālajām" māsām, spēj reaģēt uz peles kustībām, veicot dažas vienkāršas darbības, virzot virs tām kursoru (ieslēdzot fona apgaismojumu, veidojot "klikšķa" efektu, mainot formu utt.).

Visizplatītākā pieeja ir novietot navigācijas elementus lapas kreisajā malā.

Dokumenta apakšā ir ierasts publicēt informācija par vietnes izstrādātājiem un adrese E-pasts , ar kuru resursa apmeklētāji var nosūtīt savas atsauksmes, ieteikumus un vēlmes lapas īpašniekiem.

Ja tīmekļa lapa ir sākuma dokuments, tā tiek ievietota arī tās apakšā apmeklējumu skaitītājs ir neliels skripts, kas izsauc serverī instalētu CGI skriptu, kas reģistrē katru dokumenta atvēršanu lietotāja pārlūkprogrammā, mainot skaitītāja indikatora vērtību. Nav ieteicams vienā lapā ievietot vairākus dažādus skaitītājus.

Vietnes atšķiras viena no otras:

Izmēri (no dažām lapām līdz tīmekļa serveriem ar gigabaitiem informācijas).

Dizains (vispārējā krāsu shēma, fonta formāts, izmantotās ilustrācijas utt.).

Struktūra (saišu sistēma, lapu savienošana vietnes iekšienē, kā arī savienojums ar citām vietnēm).

Tajā pašā laikā jebkura tīmekļa lapa ir veidota no standarta elementiem, kurus var iedalīt divās grupās:

Pasīvie (ilustratīvie) elementi

animācija

Aktīvie elementi

ievades lauki
slēdži

rāmji (angļu valodā)rāmis- rāmis, rāmis) ir tehnoloģija, kas ļauj sadalīt tīmekļa lapu vairākās daļās (logos) un dod iespēju mainīt katras daļas saturu neatkarīgi no pārējām daļām. Piemēram, vietnes satura rādītājs bieži tiek ievietots vienā nemainīgā rāmī, bet saturs - citā.

9. tēma. Elektroniskā saziņa. E-pasta adreses

E-pasts (E-pasts no angļu valodas. Elektroniskais pasts) ir galvenais tīkla pakalpojumu veids. Ziņojumapmaiņa tiek īstenota caur sistēmu pasta serveri.

Katram lietotājam pasta serverī ir savs Pastkaste ir vieta servera diskā, kur tiek glabāti e-pasta ziņojumi. Izejot e-pasta adreses reģistrēšanas procedūru, lietotājs saņem vārdu (login) un paroli, ar kuru vēlāk piekļūst savai pastkastei. Lietotājs pats piešķir pastkastei vārdu (login, login). Serveris tikai pārliecinās, ka nosaukums ir unikāls.

E-pasta adrese sastāv no divām daļām, kas atdalītas ar @ zīmi (šo zīmi parasti sauc par “suni”):

Vārds pastkaste lietotājs (viņa izvēlēts mūsu piemērā - irina).

Domēna vārds pasta serveris(mūsu piemērā - pastu. lv) .

Piemēram, irina@ pastu. lv

E-pasta adreses tiek rakstītas bez atstarpēm, izmantojot latīņu burtus, ciparus vai simbolus (atļauts lietot).

Saskaņā ar e-pasta adreses reģistrāciju lietotāja datorā, aKonts , kurā ir informācija, kas nepieciešama, lai sazinātos ar pasta pakalpojumu, tostarp lietotājvārds (Pieslēgties) un paroli.

Pamatojoties uz šo ierakstu, serveris identificē lietotāju.

Interneta drošība Aizsardzības plānošana

Uzbrukuma objekts var būt gan tīklā pārraidīta informācija, gan internetam pieslēgts dators.

Pārlūkojot internetu, nav iespējams nodrošināt pilnīgu drošību, taču iepriekšēja aizsardzības plānošana ievērojami samazina uzbrukumu iespējamību. Tā kā internets nepārtraukti attīstās, pastāvīgi parādās jaunas drošības problēmas, tāpēc aizsardzības rīku atjaunināšana ir obligāta datorsistēmas veselības uzturēšanas sastāvdaļa.

Aizsardzības līnijas:

Iespējamo uzbrukumu bloķēšana:

Izmantojiet īpašu programmatūru un aparatūru, kas bloķē nedrošus un nevajadzīgus datus.

Izmantojiet autentifikāciju un šifrēšanu.

Riska avotu samazināšana:

Izmantojiet tikai tos interneta pakalpojumus, kas jums patiešām ir nepieciešami.

Izmantojiet nevainojamu programmatūru un atjauniniet to.

Pareizi iestatiet programmatūru (jo mazāk atļauts, jo drošāk).

Nepublicējiet informāciju par sevi tiešsaistē.

Ierobežojiet piekļuvi datora resursiem.

Sagatavošanās atveseļošanai pēc uzbrukuma:

Regulāri izveidojiet un atjauniniet dublējumkopijas darba dati.

Vienmēr turiet pa rokai programmatūras izplatīšanu.

Autentifikācija (norpEiropasautentiskas- autentiskums) - autentiskuma apstiprinājums.

Mēs visi lasām milzīgu skaitu rakstu par to, kā izvēlēties atslēgvārdus un pareizi tos uzskaitīt, kā izmantot atslēgvārdus, lai vietne būtu atbilstoša noteiktiem meklēšanas vaicājumiem. Sīkāk apskatīsim atslēgvārdu izvietojumu tīmekļa lapās.

Zinot, kur un kā ievietot atslēgvārdus tīmekļa lapā, būs atkarīgs no jūsu SEO kampaņas panākumiem vai neveiksmēm.

Katrā tīmekļa lapā ir 5 elementi, kuros jāievieto atslēgvārdi:

Lapas nosaukums (title tag)
Lapas atslēgvārdi (meta atslēgvārdu tags)
Lapas apraksts (metaapraksta tags)
Alternatīvs teksts attēliem (Alt tags)
Tīmekļa lapas saturs (body tag)

No visiem iepriekš minētajiem tīmekļa lapas elementiem vissvarīgākais ir lapas saturs (5. punkts). Vairāk par to zemāk.

Pagaidām ņemsim šo sarakstu kārtībā.

Elements #1. Lapas nosaukums (title tag)

Vispirms apsveriet lapas nosaukumu (title tag). Šis elements ir pats pirmais un vissvarīgākais no visiem pārējiem elementiem jebkuras tīmekļa lapas galvenajā blokā.

Interneta pārlūkprogrammas pašā augšējā rindā varat redzēt tīmekļa lapas nosaukumu. Lai to pārbaudītu, palaidiet jebkuru pārlūkprogrammu, piemēram, Internet Explorer, Opera vai Mozilla Firefox, dodieties uz jebkuru vietni un salīdziniet virsraksta taga saturu ar šo pārlūkprogrammu augšējo rindiņu. Meklētājprogrammas izmanto šo tagu saviem mērķiem - lai apkopotu informāciju par vietni un noteiktu tās tēmu, kā arī izmantotu to meklēšanas rezultātos (SERP) kā tīmekļa lapas virsrakstu.

Atcerieties! Tīmekļa lapas nosaukums ir tā Īss apraksts.

Papildus iepriekšminētajam, virsraksta taga saturs tiek izmantots kā tīmekļa lapas nosaukums, pievienojot to interneta pārlūkprogrammas izlasei.

Elementa numurs 2. Lapas atslēgvārdi (meta atslēgvārdu tags)

Tagad parunāsim par atslēgvārdiem un apraksta metatagiem. Pirms kāda laika, pievienojot vietni meklētājprogrammas rādītājam, tika izmantots atslēgvārdu metatags. Bet tie laiki ir pagājuši. Tagad meklētājprogrammas vienkārši ignorē šo tagu, jo. bieži ir gadījumi, kad to izmanto "netīriem" mērķiem. Dažas meklētājprogrammas pievērš uzmanību šim tagam, lai noteiktu vietnes tēmu.

No teiktā izriet, ka šī atzīme nav nepieciešama, taču jūs varat to izmantot tikai paredzētajam mērķim.

Atslēgvārdi ir jāatdala ar komatu. Novietojiet svarīgākos atslēgvārdus saraksta augšdaļā un pēc tam dilstošā secībā pēc svarīguma. Meklētājprogrammas vairs nepievērš uzmanību atslēgvārdu rakstītajam reģistram, tāpēc tagad visus atslēgvārdus var drukāt ar mazajiem burtiem.

Elementa numurs 3. Lapas apraksts (metaapraksta tags)

Apraksta metatags ir vēl viens vietnes elements, kurā jāievieto atslēgvārdi. Meklētājprogrammas meklē šo atslēgvārdu tagu un salīdzina tā saturu ar pašas vietnes saturu (body tag saturu). Ļoti svarīgs apstāklis ir tas, ka meklētājprogrammas izmanto apraksta taga saturu kā tīmekļa lapas aprakstu meklēšanas rezultātos (SERP).

Šajā tagā ir jāietver īss tīmekļa lapas apraksts, bet ne vairāk kā 50 vārdi.

Elementa numurs 4. Alternatīvs teksts attēliem (Alt tags)

Alt tagi ir attēla satura tekstuāls apraksts, t.i. ja kāda iemesla dēļ attēls nav ielādēts un šim attēlam ir alternatīvais teksts, tad attēla vietā tiks parādīts šis teksts.

Ja attēls ir ielādēts un attēlam ir arī alternatīvais teksts, mēs to varam redzēt, novietojot peles kursoru virs attēla. Alt-tagi tiek izmantoti to interneta lietotāju ērtībām, kuri kādu iemeslu dēļ nerāda grafiku.

Daudzas meklētājprogrammas indeksē šī taga saturu, tāpēc tajā var būt ietverti atslēgvārdi. Tikai neaizmirstiet, ka alternatīvajam tekstam ir jāatbilst attēlam, tas jāapraksta, jābūt tā teksta ekvivalentam. Neizmantojiet alt tagu iezīmēšanas attēliem, piemēram, atdalīšanas līnijām, aizzīmēm...

Elementa numurs 5. Tīmekļa lapas saturs (body tag)

Tātad, visbeidzot, mēs nonācām pie visvienkāršākā vietnes elementa - body tag, elementa, kura saturs visvairāk interesē interneta lietotājus. Lielākās meklētājprogrammas vairs nedos jums 1 SERP tikai tāpēc, ka jūsu vietnes lapā ir vairāki atslēgvārdi. Tikai visatbilstošākais konkrētajam meklēšanas vaicājums tīmekļa lapa.

Lai to panāktu, atlasītos atslēgvārdus vajadzētu iegult tīmekļa lapu kodā, ievērojot to atkārtošanās biežumu. Rīkojieties šādi: katrai konkrētai lapai atlasiet 1-2 atslēgvārdus un optimizējiet tiem atbilstošo lapu.

Iedomājieties, ka gatavojat savas jaunās vietnes vai produkta prezentāciju. Tad, piemēram, slaidi jūsu PowerPoint prezentācijas- rindkopas. Tiem jābūt īsiem un skaidriem. Tāpat kā PowerPoint prezentācijā, varat izmantot sarakstus, lai uzskaitītu savas vietnes vai produkta priekšrocības, katru reizi koncentrējoties uz atlasītajiem atslēgvārdiem.

Iekļaujiet savus izvēlētos atslēgvārdus iepriekšminētajos 5 katras tīmekļa lapas elementos, un jūs ievērojami uzlabosit savu pašreizējo klasifikāciju un rezultātus.

HTML valoda

Tīmekļa lapas var pastāvēt jebkurā formātā, taču kā standarts tiek pieņemta hiperteksta iezīmēšanas valoda - hiperteksta iezīmēšanas valoda, kas izstrādāta, lai izveidotu formatētu tekstu, kas piesātināts ar attēliem, skaņu, animāciju, videoklipiem un hiperteksta saitēm uz citiem dokumentiem, kas izkaisīti visā Web telpā un atrodas tajā pašā serverī vai ir viena un tā paša Web projekta neatņemama sastāvdaļa.

Jūs varat strādāt tīmeklī bez zināšanām HTML valoda, jo HTML tekstus var izveidot ar dažādiem īpašiem redaktoriem un pārveidotājiem. Bet rakstīt tieši HTML nav grūti. Tas var būt pat vienkāršāk nekā apgūt HTML redaktoru vai pārveidotāju, kura iespējas bieži vien ir ierobežotas, satur kļūdas vai nodrošina sliktu HTML kodu, kas nedarbojas dažādās platformās.

HTML valodai ir vairāki varianti un tā turpina attīstīties, taču HTML konstrukcijas, visticamāk, tiks izmantotas arī turpmāk. Apgūstot HTML un uzzinot vairāk par to, izveidojot dokumentu HTML apguves sākumā un pēc iespējas to paplašinot, mēs varam izveidot Web lapas, kuras var apskatīt daudzi tīmekļa pārlūkprogrammas gan tagad, gan nākotnē. Tas neizslēdz citu metožu izmantošanu, piemēram, uzlaboto metodi, ko nodrošina Netscape Navigator, Internet Explorer vai kāda cita programmatūra.

Darbs ar HTML ir veids, kā apgūt dokumentu veidošanas specifiku standartizētā valodā, izmantojot paplašinājumus tikai tad, kad tas patiešām ir nepieciešams.

HTML ir ratificējis World Wide Web Consortium. To atbalsta vairākas plaši izmantotas pārlūkprogrammas, un tas, iespējams, kļūs par pamatu gandrīz visam. programmatūra, kas ir saistīts ar Web.

Tīmekļa lapas izveides principi, tīmekļa lapas galvenie elementi

Lai izveidotu Web lapas, tiek izmantota īpaša valoda HTML (HyperText Markup Language - Hypertext Markup Language). Šī valoda definē īpašu komandu kopu, ko sauc par tagiem, ko izmanto, lai norādītu noteiktu Web lapas elementu formatējumu vai piešķiršanu. Izvietošanai tīmekļa lapās tiek izmantoti īpaši tagi grafiskie attēli, audio un video klipus un citus tā sauktos iegultos objektus.

Web lapas ir parastas teksta faili, kas izveidots standarta Notepad vai līdzīgā vienkāršā teksta redaktorā. Un tajos ir teksts, tas pats teksts, ko vēlaties ievietot lapās, tikai iezīmēts īpašā veidā. Lai dažādas programmas Tīmekļa pārlūkprogrammas pareizi parāda vienu un to pašu Web lapu, HTML valoda ir jāstandartizē.

Praksē HTML standartu lielā mērā ietekmē tagu klātbūtne, ko piedāvā un atbalsta slavenākās pārlūkprogrammas, piemēram, Microsoft Internet Explorer un Google Chrom. Šīs atzīmes ir ievietotas Šis brīdis var būt vai nebūt daļa no pašreizējās HTML specifikācijas.

Ir rediģēšanas rīki, kas īpaši paredzēti HTML rakstīšanai. Tie ļauj ietaupīt laiku, jo satur atslēgas ātra piekļuve lai veiktu atkārtotas darbības, piemēram, sākotnēji iestatītu dokumentu, tabulu iestatījumus vai vienkārši lietotu tekstus. HTML redaktori atšķiras no WYSIWYG autorēšanas rīkiem ar to, ka tiem ir nepieciešamas zināšanas par HTML manuālas kompilēšanas noteikumiem, redaktori tikai vienkāršo un paātrina šo procesu. Papildus WWWC standartizētajiem HTML tagiem (standarta tagiem) tīmekļa pārlūkprogrammas atbalsta daudzus nestandarta tagus. Šos tagus ieviesa konkrētas tīmekļa pārlūkprogrammas izstrādātāji, lai iegūtu konkurences priekšrocības. Viņi cerēja, ka šie zīmola paplašinājumi vēlāk tiks iekļauti HTML standartā, taču šīm cerībām nebija lemts piepildīties. Tomēr atzīmes paliek, un tās joprojām tiek atbalstītas.

Lai izveidotu tīmekļa lapas, nepieciešama jebkura pārlūkprogramma - Internet Explorer vai Google Chrome Mozilla Firefox, un abi ir labāki, tāpat kā daudzi HTML elementi dažādos skatītājos tiek parādīti atšķirīgi, un ir ļoti vēlams kontrolēt šo atšķirību.

Turklāt ir nepieciešams jebkurš teksta redaktors, piemēram, lai sagatavotu HTML failus, un pārlūkprogramma, lai skatītu un kontrolētu paveikto.

Lai izveidotu Web lapu, pirmais solis ir vietnes struktūras izveide. Vietne ir serveris, kuram ir unikāls nosaukums un pastāvīga adrese, kas ir fiziski savienots ar WWW vai virtuāli mitināts citā, lielākā serverī.

Pēc vietnes struktūras izveides palaidiet teksta redaktors vārds, radīt jauns dokuments un saglabājiet to kā tīmekļa lapu, pēc tam turpiniet, lai izveidotu tīmekļa lapu. Tas atvieglo un uzlabo mūsu darbu. Tajā mēs nosakām vietnes izveides laiku, tās atkļūdošanu, priekšmetu un arī tās pabeigšanu.

Ir daži vienkārši noteikumi, kas ļauj apmeklētājam saprast vietnes saskarni [#10].

1. Vietnē nedrīkst būt bezjēdzīga informācija, fontam jābūt viegli salasāmam. Grafiskajiem elementiem bija jābūt skaidriem, izteiksmīgiem un ātri ielādējamiem.

2. Cilvēka acs skenē vietnes lapas no augšas uz leju. Lielākā uzmanība tiek pievērsta lapas augšējā kreisajā stūrī. Tāpēc vietnes lapas augšpusē, kā likums, visvairāk svarīga informācija: uzņēmuma nosaukums, logotips, vietnes nosaukums utt.

3. Vietnes apmeklētājam ir viegli jāatrod viņu interesējošā informācija un jāspēj iegūt visaptverošu informāciju (apraksts teksta veidā plus dažas fotogrāfijas).

4. Informācija jāsadala grupās. Ir iespējams nodrošināt iespēju meklēt preces pēc nosaukuma un apraksta daļas.

5. Vietnē ir jābūt informatīvām sadaļām:

ar datiem par uzņēmumu (darbības joma, adrese, kontakttālruņi utt.);

Web lapu pamatelementi:

1. Galvene/Logotips (Galvene)

3. Saturs/Saturs (teksta lauks)

4. Navigācijas elementi

5. Informācija par vietnes izstrādātājiem

Katrā tīmekļa lapā ir noteikts kopums standarta elementi, kas ir katra interneta resursa obligātas sastāvdaļas.

Pirmais tīmekļa lapas elements, kas mums jāņem vērā, ir tās nosaukums. Vietnes logotipam vai nosaukumam ir tāda pati loma kā zīmei pie ieejas jebkurā iestādē. Cita lieta ir internets: šeit galvenais pārvietošanās veids ir teleportācija, un tāpēc man ir jāredz šī "zīme" katrā lapā.

Dokumenta galveno daļu aizņem tā sauktais Teksta lauks - apgabals, kurā ievietots lapas semantiskais saturs: jēgpilns informatīvais teksts un ilustrācijas.

Uzskaitītie elementi tiek saukti arī par "Saturu" (no angļu valodas, saturs - Saturs). Teksta lauka atrašanās vieta galvenokārt ir atkarīga no tā, kā Web dizainers izvietos pārējos dokumenta elementus.

1. attēls. Vietnes satura paraugs

2. attēls. Kontaktinformācija

Pirms sākat veidot savu vietni, ļoti atbildīgi pieejiet lapas elementu sakārtošanas problēmai. Parasti tīmekļa lapa ir sadalīta lapas saturā, navigācijā un saistītajā informācijā. Šie elementi ir sīkāk sadalīti mazākos elementos.

Rezultātā tīmekļa vietnes izstrādes darbību secība tiek veikta pēc šāda vienkārša algoritma:

1. Mērķu izvirzīšana un galveno uzdevumu definēšana.

2. Nākotnes tematisko sadaļu saraksta izveide.

3. Resursa loģiskās un fiziskās struktūras attīstība.

4. Dizaina skices, vietas izkārtojuma, neredzamās maketēšanas tabulas sagatavošana.

5. Teksta materiālu sagatavošana.

6. Grafisko materiālu sagatavošana vektoru formā.

7. Eksportēt vektoru rasējumus rastra formātā.

8. Visu attēlu optimizācija.

9. Web lapu veidņu izveide.

10. Web lapu veidošana un atkļūdošanas kods.

11. Web lapu attēlojuma identitātes pārbaude ar dažādu ekrāna izšķirtspēju un krāsu paletēm un dažādām pārlūkprogrammām.

Jebkura tīmekļa lapa satur noteiktu standarta elementu kopu, kas ir katra interneta resursa obligāta sastāvdaļa. Protams, šādu objektu klāsts un skaits var atšķirties atkarībā no vietnes tematiskā fokusa, tajā publicēto materiālu apjoma, kā arī no mērķiem un uzdevumiem, ko šī resursa veidotājs sev izvirza. Šādu elementu izkārtojums, to relatīvās pozīcijas noformēšana ir viens no galvenajiem tīmekļa pārziņa uzdevumiem.

Pirmais tīmekļa lapas elements, kas mums jāņem vērā, ir tās nosaukums. To var veidot gan teksta, gan grafiskā versijā, tomēr abos gadījumos tai jāatrodas dokumenta augšpusē. Dažreiz virsraksts tiek apvienots ar kirilicas kodējuma atlases izvēlni un pogām, lai pārslēgtos no vietnes versijas krievu valodā uz angļu valodas versiju, ja šis tīmekļa resurss ir attēlots divās valodās. Reklāmas banera izvietošanai atvēlētā vieta parasti atrodas tieši dokumenta apakšvirsrakstā. Reklāmkaroga iekļaušana tīmekļa lapas augšējā daļā vairumā gadījumu ir priekšnoteikums vietnes reģistrēšanai reklāmkarogu apmaiņas pakalpojumos - sistēmās, kas reklamē jūsu izveidoto resursu apmaiņā pret citu baneru apmaiņas tīkla dalībnieku reklāmu rādīšanu jūsu vietnes lapās. Zem dokumenta nosaukuma publicēto baneru standarta izmērs parasti ir 468x60 pikseļi. Ja izmantojat statisku lapas izkārtojumu, dokumenta virsraksta platums būs aptuveni 640 pikseļi: šī vērtība galvenokārt ir saistīta ar nepieciešamību nodrošināt, lai dokuments tiktu pareizi parādīts monitoros ar 640 x 480 pikseļu ekrāna izšķirtspēju, un lai izvairītos no horizontālām ritjoslām, kas apgrūtina skatīšanu. Acīmredzot reklāmkaroga platums šajā gadījumā būs daudz mazāks par virsraksta platumu, lai tajā lapas daļā, kurā plānojat atvēlēt vietu reklāmai, būtu neizmantota vieta, kuru var aizpildīt ar uzņēmuma logotipu, kuram pieder šī vietne, vai saiti uz tīmekļa mitināšanas serveri. Protams, logotips ne vienmēr ir nepieciešams: parasti tas tiek iekļauts tīmekļa lapā tikai tad, ja vietnei ir komerciāls fokuss.

Dokumenta galveno daļu aizņem tā sauktais teksta lauks - apgabals, kurā ievietots lapas semantiskais saturs: jēgpilns informatīvais teksts un ilustrācijas. Uzskaitītos elementus sauc arī par "saturu" (no angļu valodas, saturs - saturs). Teksta lauka atrašanās vieta galvenokārt ir atkarīga no tā, kā tīmekļa dizainers izvietos pārējos dokumenta elementus.

Nākamais obligātais tīmekļa lapas komponents ir navigācijas elementi - hipersaites, kas saista šo dokumentu ar citām vietnes sadaļām. Navigācijas elementi var būt teksta virknes, grafiski objekti, t.i., pogas, vai aktīvi komponenti, piemēram, Java sīklietotnes. Pēdējās ir tās pašas pogas, kas, atšķirībā no savām "tradicionālajām" māsām, spēj reaģēt uz peles kustībām, veicot dažas vienkāršas darbības, virzot virs tām kursoru (ieslēdzot fona apgaismojumu, veidojot "klikšķa" efektu, mainot formu utt.). Kā jau minēju Web dizaina sadaļā “Pamatpostulāti”, navigācijas elementi ir jāizvieto tā, lai tie vienmēr būtu “redzamā vietā”, “pie rokas”, tas ir, lai lietotājam nebūtu “jāattīt” lapa atpakaļ, ja teksta lauks aizņem vairākus fiziskus ekrānus augstumā, un pēc tam ilgstoši meklēt saites uz citām sadaļām. Visizplatītākā pieeja ir novietot navigācijas elementus lapas kreisajā malā.

Dokumenta apakšā ir ierasts publicēt informāciju par vietnes izstrādātājiem un e-pasta adresi, pa kuru resursa apmeklētāji var nosūtīt savas atsauksmes, ieteikumus un vēlmes lapas īpašniekiem. Ja tīmekļa lapa ir sākuma dokuments, tīmekļa lapas apakšā tiek ievietots arī trāpījumu skaitītājs - neliels skripts, kas izsauc serverī instalētu CGI skriptu, kas tver katru reizi, kad dokuments tiek atvērts lietotāja pārlūkprogrammā, mainot skaitītāja indikatora vērtību. Pateicoties tam, tīmekļa pārzinis var viegli noteikt apmeklētāju skaitu, kuri jebkurā laikā apmeklēja viņa lapu. Es atzīmēju, ka trāpījumu skaitītājs tiek iestatīts tikai pirmajā lapā, kas tiek izsaukta, piekļūstot vietnei, tā nav citos resursu dokumentos.

Tātad, mēs esam analizējuši visas galvenās tīmekļa lapas sastāvdaļas un to iespējamo atrašanās vietu attiecībā pret otru. Vietnes izkārtojuma piemērs, kurā ir pilns iepriekš aprakstīto komponentu komplekts, ir parādīts attēlā. 3.6. Tas ir atlasījis navigācijas elementu novietojumu gar dokumenta kreiso apmali.

Rīsi. 3.6. Tīmekļa lapas izkārtojuma piemērs ar kreisajā pusē novietotiem navigācijas elementiem

Praksē bieži vien ir vietnes, kuru dizainā navigācijas elementi ir novietoti gar ekrāna labo malu. Šajā gadījumā teksta lauks tiek pārvietots pa kreisi, pārējās dokumenta sastāvdaļas ir sakārtotas, pamatojoties uz to kombinācijas maksimālās estētikas principu. Šādas vietnes ieviešanas piemērs ir parādīts attēlā. 3.7.

Rīsi. 3.7. Tīmekļa lapas izkārtojuma piemērs ar labajā pusē novietotiem navigācijas elementiem

Kā redzams attēlā, logotips šajā gadījumā ir novietots vienā līmenī ar dokumenta nosaukumu, un reklāmas baneris ir novietots attiecībā pret lapas centru. Ar šādu pieeju ir ieteicams saglabāt nosaukuma, logotipa un reklāmas laukuma grafisko dizainu vienotā krāsā un mākslinieciskā stilā - tad šo objektu novietojuma asimetrija nebūs tik acīmredzama un nekaitēs stingras, "galda" dizaina estētikas piekritējiem.

Navigācijas elementus var novietot ne tikai pie lapas labās un kreisās malas, bet arī dokumenta augšpusē. Šis izkārtojuma variants, manuprāt, ir vispiemērotākais mājas lapu veidošanai: šajā gadījumā visi lapas objekti harmoniski “iekļaujas” norādītajā neredzamās tabulas platumā, savukārt pašas tabulas sagatavošana ir ievērojami vienkāršota. Vienīgais šīs pieejas trūkums ir nepieciešamība dublēt navigācijas elementus dokumenta apakšā, jo, ritinot lapu vertikāli, tie pazūd ārpus ekrāna augšdaļas, un, lai tiem piekļūtu, lietotājam būs “jāattīs” ekrāns atpakaļ, kas, kā redzat, ir ļoti neērti. Lapas dizaina piemērs ar augšējiem navigācijas elementiem ir parādīts attēlā. 3.8.

Rīsi. 3.8. Tīmekļa lapas izkārtojuma piemērs ar augšpusē novietotiem navigācijas elementiem

Protams, viss, kas ir teikts šajā sadaļā, nav panaceja, bet gan rīcības ceļvedis. Es tikai cenšos ieskicēt vispārīgos principus, kas tiek piemēroti, veidojot vietnes struktūru, taču galīgais lēmums vienmēr tiek atstāts tīmekļa pārzinim. Galu galā neatkarīgi no tā, kādu dizainu izmantosit par pamatu savam nākotnes projektam, jūsu darba rezultāts tik un tā būs pareizs: nav ne cenzūras internetā, ne noteikumu, kas piespiestu vietnes veidotāju vienā vai citā stingrā ietvarā. Dizaina risinājuma piemērs, kas neietilpst nevienā no iepriekš minētajām kategorijām, ir tā sauktais jauktais izkārtojums, kura aptuvenā diagramma ir parādīta attēlā. 3.9.

Kā redzams attēlā, šajā piemērā dažas vadīklas ir iebūvētas tieši lapas galvenē - mēs runājam par pogām, lai pārslēgtos starp vietnes versiju krievu un angļu valodā, kā arī navigācijas pogām: tā var būt saite uz resursa veidotāju e-pasta adresi, kas dublēta dokumenta apakšā, un saite uz kādu no tematiskajām sadaļām, piemēram, ziņu lapu. Galvenais navigācijas elementu bloks ir novietots attiecībā pret dokumenta kreiso apmali, taču kirilicas kodējuma izvēles izvēlne atrodas tieši zem reklāmas banera lapas augšpusē. Teksta lauks ir sadalīts divās nesimetriskās kolonnās, un labajā ir īsi paziņojumi par tematiskajiem virsrakstiem, kas veido resursu, tostarp saites uz šīm sadaļām.

Acīmredzot tīmekļa lapas “jauktam izkārtojumam” var būt ļoti daudz iespēju: konkrētus risinājumus atkarīgs no sadaļu skaita, kas veido resursu, teksta apjoma, kas sagatavots ievietošanai vietnē, un, visbeidzot, no paša dizainera iztēles. Svarīgi ir tikai tas izskats vietne neizraisīja apmeklētāju sūdzības. Galu galā tikai jums kā izstrādātājam, jums un nevienam citam, ir tiesības izmantot visas savas spējas un talantus un izveidot lapu pēc jūsu vēlmēm. Dažu mājas lapu veidotāji bez vilcināšanās ievieto hitu skaitītāju dokumenta augšējā labajā stūrī, ieraksta vietnes nosaukumu mazā, mazā burtnīcā un publicē zem reklāmas banera, un nez kāpēc negaidīti navigācijas elementi tiek atrasti tieši teksta bloka vidū, starp stāstu par sevi un autora mīļākā suņa fotogrāfijām. Par garšu un krāsu, kā saka, nav biedru. Bet personīgi man šī slimība šķiet neārstējama.