Acasă › Educaţie › Care sunt elementele principale ale unei pagini web? Elemente de bază ale paginilor web. Structura limbajului HTML: etichete

Care sunt elementele principale ale unei pagini web? Elemente de bază ale paginilor web. Structura limbajului HTML: etichete

Orice pagină web conține un anumit set de elemente standard care sunt componente obligatorii ale fiecărei resurse rețele de internet. Dispunerea unor astfel de elemente, proiectarea poziției lor relative este una dintre sarcinile principale ale webmasterului.

Primul element al unei pagini web este ea titlu. Poate fi realizat fie sub formă de text, fie sub formă grafică, dar în ambele cazuri ar trebui să fie situat în partea de sus a documentului. Uneori combinat cu titlul Meniu de selecție codare chirilicăȘi butoane pentru a comuta de la versiunea rusă la cea engleză a site-ului, dacă această resursă Web este prezentată în două limbi.

Direct în subtitlul documentului, de regulă, se află spațiul alocat pentru plasare banner publicitar. Includerea unui banner în partea de sus a paginii Web în cele mai multe cazuri este o condiție prealabilă pentru înregistrarea unui site în serviciile de schimb de bannere - sisteme care promovează resursa pe care ați creat-o în schimbul afișării reclamelor altor participanți la rețeaua de schimb de bannere pe paginile de Site-ul tău.

Partea principală a documentului este ocupată de așa-numitul câmp de text- zona în care se află conținutul semantic al paginii: conținut text informativși ilustrații. Elementele enumerate mai sunt numite „conținut” (din engleză, conținut). Locația câmpului de text depinde în primul rând de modul în care designerul web va plasa elementele rămase ale documentului.

Următoarea componentă obligatorie a paginii web este elemente de navigație- hyperlinkuri de conectare acest document cu alte secțiuni ale site-ului. Elementele de navigare pot fi realizate sub formă de șiruri de text, obiecte grafice, adică butoane sau componente active.

nents, de exemplu applet-urile Java. Acestea din urmă sunt aceleași butoane care, spre deosebire de surorile lor „tradiționale”, pot răspunde la mișcările mouse-ului, efectuând câteva acțiuni simple atunci când cursorul este plasat peste ele (pornirea luminii de fundal, crearea unui efect de „clic”, schimbarea formei etc. ). d.).

Cea mai stabilită abordare este plasarea elementelor de navigare pe marginea stângă a paginii.

Se obișnuiește să se publice în partea de jos a documentului informații despre dezvoltatorii site-ului și adresa E-mail , prin care vizitatorii resurselor își pot trimite răspunsurile, sugestiile și dorințele către proprietarii paginii.

Dacă pagina web este un document de pornire, în partea de jos a acestuia este de asemenea plasat hit counter- un mic script care apelează un script CGI instalat pe server, care înregistrează fiecare deschidere a unui document în browserul utilizatorilor, modificând valoarea indicatorului de contor. Nu este recomandat să plasați mai multe contoare diferite pe o pagină.

Site-urile web diferă unele de altele:

Dimensiuni (de la mai multe pagini la servere Web cu gigaocteți de informații).

Design (schema generală de culori, formatul fontului, ilustrațiile utilizate etc.).

Structura (sistem de legături, conexiunea paginilor din cadrul site-ului, precum și conexiunea cu alte site-uri).

În același timp, orice pagină web este construită din elemente standard, care pot fi împărțite în două grupuri:

Elemente pasive (ilustrative).

animaţie

Elemente active

câmpuri de intrare
întrerupătoare

Ramecadru- frame, framework) este o tehnologie care vă permite să împărțiți o pagină web în mai multe părți (ferestre) și face posibilă modificarea conținutului fiecărei părți indiferent de celelalte părți. Astfel, cuprinsul unui site este adesea plasat într-un cadru imuabil, iar conținutul într-un altul.

Tema 9. Comunicarea electronică. Adrese de email

Poșta electronică (E-mail) este principalul tip de serviciu de rețea. Mesageria se realizează prin intermediul sistemului servere de mail.

Pentru fiecare utilizator de pe serverul de e-mail, există un separat Cutie poștală este locația de pe discul serverului în care sunt stocate mesajele de e-mail. La finalizarea procedurii de înregistrare a adresei de e-mail, utilizatorul primește un login și o parolă, care vor fi apoi folosite pentru a obține acces la căsuța sa poștală. Numele (autentificarea) cutiei poștale este dat de utilizatorul însuși. Serverul se asigură doar că numele este unic.

O adresă de e-mail constă din două părți, separate prin semnul @ (acest semn este denumit în mod obișnuit „câine”):

Nume cutie poștală utilizator (selectat de el, în exemplul nostru - irina).

Numele domeniului server de mail(în exemplul nostru - Poștă. ru) .

De exemplu, irina@ Poștă. ru

Adresele de e-mail sunt scrise fără spații folosind litere, numere sau simboluri latine (permise pentru utilizare).

Pe baza datelor de înregistrare a adresei de e-mail de pe computerul utilizatorului, aCont , care conține informații necesare pentru a contacta serviciul de e-mail, inclusiv numele de utilizator (log in) și parola.

Pe baza acestei înregistrări, serverul identifică utilizatorul.

Planificarea securității pe internet pentru protecție

Ținta unui atac poate fi atât informațiile transmise prin rețea, cât și un computer conectat la Internet.

Este imposibil să asigurați securitatea completă atunci când utilizați Internetul, dar planificarea în avans a securității reduce semnificativ probabilitatea atacurilor. Deoarece Internetul evoluează în mod constant, apar în mod constant noi probleme de securitate, astfel încât actualizarea instrumentelor de securitate este o parte esențială a menținerii sănătății sistemului dumneavoastră computerizat.

Linii de apărare:

Blocarea posibilelor atacuri:

Utilizați software și hardware special care blochează datele nesigure și inutile.

Utilizați autentificarea și criptarea.

Reducerea surselor de risc:

Utilizați numai acele servicii de internet de care aveți cu adevărat nevoie.

Utilizați software fără erori și mențineți-l actualizat în mod regulat.

Configurați corect software-ul (cu cât este mai puțin permis, cu atât securitatea este mai mare).

Nu face publicitate online la informații despre tine.

Limitați accesul la resursele computerului dvs.

Pregătirea pentru a vă recupera după un atac:

Creați și actualizați în mod regulat copii de rezervă date de lucru.

Aveți întotdeauna la îndemână kituri de distribuție software.

Autentificare (de larpecologiceautenticos- autenticitate) – confirmarea autenticităţii.

Cu toții am citit un număr imens de articole despre cum să selectăm cuvintele cheie și să compilam corect o listă a acestora, cum să folosim cuvintele cheie pentru a crea un site web relevant pentru anumite interogări de căutare. Să aruncăm o privire mai atentă la plasarea cuvintelor cheie pe paginile web.

A ști unde și cum să plasezi cuvinte cheie pe o pagină web poate face sau distruge compania ta SEO.

Există 5 elemente pe fiecare pagină web în care ar trebui să plasați cuvintele cheie:

Titlul paginii (eticheta titlu)
Cuvinte cheie pentru pagină (cuvinte cheie metaetichete)
Descrierea paginii (etichetă metadescriere)
Text alternativ pentru imagini (etichetă Alt)
Conținutul paginii web (etichetă corporală)

Dintre toate elementele de mai sus ale unei pagini web, cel mai important dintre toate este conținutul paginii (punctul 5). Mai multe despre asta mai jos.

Deocamdată, să ne uităm la această listă în ordine.

Elementul #1. Titlul paginii (eticheta titlu)

Mai întâi, să ne uităm la titlul paginii (eticheta titlu). Acest element este primul și cel mai important dintre toate celelalte elemente din blocul de cap al oricărei pagini web.

Puteți vedea titlul paginii web în linia de sus a browserului de internet. Pentru a verifica acest lucru, lansați orice browser, de exemplu, Internet Explorer, Opera sau Mozilla Firefox, accesați orice site web și comparați conținutul etichetei de titlu cu linia de sus din acele browsere. Motoarele de căutare folosesc această etichetă în propriile lor scopuri - pentru a colecta informații despre site și a determina subiectul acestuia și, de asemenea, o folosesc în rezultatele motoarelor de căutare (SERP) ca denumire a paginii web.

Tine minte! Titlul unei pagini web este acesta scurta descriere.

În plus față de cele de mai sus, conținutul etichetei de titlu este folosit ca titlu al paginii web atunci când o adăugați la Favoritele browserului de Internet.

Elementul nr. 2. Cuvinte cheie pentru pagină (cuvinte cheie metaetichete)

Acum să vorbim despre cuvintele cheie și metaetichetele descrierii. Cu ceva timp în urmă, eticheta Meta cuvinte cheie a fost folosită la adăugarea unui site la indexul motorului de căutare. Dar acele vremuri au trecut. Acum motoarele de căutare pur și simplu ignoră această etichetă, deoarece... sunt frecvente cazuri de utilizare a acestuia în scopuri „murdare”. Unele motoare de căutare acordă atenție acestei etichete pentru a determina subiectul site-ului.

Din tot ceea ce s-a spus, rezultă că această etichetă nu este necesară, dar o puteți folosi numai în scopul pentru care a fost prevăzut.

Cuvintele cheie trebuie separate prin virgulă. Plasați cele mai importante cuvinte cheie la începutul listei, apoi în ordinea descrescătoare a importanței. Motoarele de căutare nu mai acordă atenție cazului în care sunt introduse cuvintele cheie, așa că acum toate cuvintele cheie pot fi introduse cu litere mici.

Elementul nr. 3. Descrierea paginii (etichetă metadescriere)

Metaeticheta de descriere este un alt element al site-ului în care ar trebui plasate cuvintele cheie. Motoarele de căutare scanează această etichetă pentru prezența cuvintelor cheie și, de asemenea, compară conținutul acesteia cu conținutul site-ului însuși (conținutul etichetei body). O circumstanță foarte importantă este aceea că motoarele de căutare utilizează conținutul etichetei de descriere ca descriere a paginii web în rezultatele căutării (SERP).

Această etichetă trebuie să conțină o scurtă descriere a paginii web, dar nu mai mult de 50 de cuvinte.

Elementul nr. 4. Text alternativ pentru imagini (etichetă Alt)

Etichetele Alt sunt o descriere text a conținutului imaginii, de exemplu. dacă dintr-un motiv oarecare imaginea nu se încarcă, iar această imagine are text alternativ, atunci acest text va fi afișat în locul imaginii.

Dacă imaginea este încărcată, iar imaginea are și alt-text, atunci o putem vedea când trecem mouse-ul peste imagine. Etichetele Alt sunt folosite pentru confortul acelor utilizatori de Internet care, din anumite motive, nu afișează grafică.

Multe motoare de căutare indexează conținutul acestei etichete, așa că poate conține cuvinte cheie. Amintiți-vă doar că textul alternativ trebuie să corespundă imaginii, să o descrie și să fie echivalentul său în text. Nu utilizați eticheta alt cu imagini de marcare, cum ar fi linii de despărțire, marcatori...

Elementul nr. 5. Conținutul paginii web (etichetă corporală)

Așadar, am ajuns în sfârșit la cel mai elementar element al site-ului - body tag-ul, elementul al cărui conținut este cel mai interesant pentru utilizatorii de internet. Motoarele de căutare majore nu vă vor mai oferi o primă poziție în SERP-uri doar pentru că există mai multe repetări ale unui cuvânt cheie pe pagina site-ului dvs. Doar cele mai relevante pentru un anume interogare de căutare pagină web.

Pentru a realiza acest lucru, ar trebui să implementați cuvintele cheie selectate în codul paginilor web, observând frecvența repetării acestora. Procedați după cum urmează: pentru fiecare pagină specifică, selectați 1-2 cuvinte cheie și optimizați pagina corespunzătoare pentru acestea.

Imaginează-ți că pregătești o prezentare a noului tău site web sau produs. Apoi, de exemplu, diapozitivele tale Prezentări PowerPoint– paragrafe. Ar trebui să fie scurte și clare. La fel ca într-o prezentare PowerPoint, poți folosi liste pentru a enumera beneficiile site-ului sau produsului tău, concentrându-te de fiecare dată pe cuvintele cheie selectate.

Implementați cuvintele cheie selectate în cele 5 elemente de mai sus ale fiecărei pagini web și vă veți îmbunătăți considerabil clasamentele și rezultatele actuale.

limbaj HTML

Paginile web pot exista în orice format, dar standardul este Hyper Text Markup Language, un limbaj de marcare hipertext conceput pentru a crea text bogat bogat în imagini, sunet, animație, clipuri video și link-uri hipertext către alte documente împrăștiate în spațiul web și situat pe același server sau fiind parte integrantă a aceluiași proiect Web.

Puteți lucra pe Web fără cunoștințe limbaj HTML, deoarece textele HTML pot fi create de diverși editori și convertori speciali. Dar scrierea directă în HTML nu este dificilă. Poate fi chiar mai ușor decât să înveți un editor sau un convertor HTML, care sunt adesea limitate în capacitățile lor, sunt greșite sau produc HTML slab care nu funcționează pe platforme.

Limbajul HTML vine în mai multe variante și continuă să evolueze, dar constructele HTML vor continua probabil să fie folosite în viitor. Învățând HTML și înțelegându-l mai profund, creând un document la începutul învățării HTML și extinzându-l cât mai mult posibil, suntem capabili să creăm pagini Web care pot fi vizualizate de mulți. Browsere web, atât acum, cât și în viitor. Acest lucru nu exclude posibilitatea de a utiliza alte metode, cum ar fi metoda avansată oferită de Netscape Navigator, Internet Explorer sau alte programe.

Lucrul cu HTML este o modalitate de a învăța dezavantajele creării documentelor într-un limbaj standardizat, folosind extensii doar atunci când este cu adevărat necesar.

HTML a fost ratificat de World Wide Web Consortium. Este susținut de mai multe browsere utilizate pe scară largă și probabil va sta la baza aproape a tuturor software, care este legat de Web.

Principii de creare a unei pagini web, elemente de bază ale unei pagini web

Pentru a crea pagini Web, se folosește un limbaj special numit HTML (HyperText Markup Language). Acest limbaj definește un set de comenzi speciale numite etichete care sunt folosite pentru a specifica formatarea sau scopul anumitor elemente ale unei pagini Web. Etichetele speciale sunt folosite pentru plasarea pe paginile Web imagini grafice, clipuri audio și video și alte așa-numite obiecte încorporate.

Paginile web sunt obișnuite fișiere text creat în Notepad standard sau un editor de text simplu similar. Și conțin text, același text pe care vrei să-l pui pe pagini, doar marcat într-un mod special. Pentru a diverse programe Pentru ca browserele Web să afișeze corect aceeași pagină Web, HTML trebuie să fie standardizat.

În practică, standardul HTML este foarte influențat de prezența etichetelor propuse și susținute de cele mai cunoscute browsere, precum Microsoft Internet Explorer și Google Chrom. Aceste etichete în acest moment poate sau nu să facă parte din specificația HTML actuală.

Există instrumente de editare concepute special pentru scrierea HTML. Economisesc timp deoarece conțin chei acces rapid pentru efectuarea de operațiuni repetitive, cum ar fi setarea setărilor inițiale pentru documente, tabele sau pur și simplu aplicarea stilurilor textului. Editorii HTML diferă de instrumentele de autor WYSIWYG prin faptul că necesită cunoștințe despre regulile de compilare manuală a HTML; editorii simplifică și accelerează doar acest proces. Pe lângă etichetele HTML standardizate de WWWC (etichete standard), browserele Web acceptă multe etichete non-standard. Aceste etichete au fost introduse de dezvoltatorii unui anumit program de browser Web pentru a obține un avantaj față de concurenți. Ei sperau că aceste extensii proprietare vor deveni mai târziu parte a standardului HTML, dar aceste speranțe nu s-au realizat niciodată. Cu toate acestea, etichetele rămân și sunt încă acceptate.

Pentru a crea pagini Web veți avea nevoie de orice browser - Internet Explorer sau Google Chrome Mozilla Firefox, sau mai bine ambele, din moment ce mulți elemente HTML sunt afișate diferit în diferite programe de vizionare și este foarte de dorit să se controleze această diferență.

În plus, aveți nevoie de orice editor de text, de exemplu, pentru a pregăti fișiere HTML și de un browser pentru a vizualiza și controla ceea ce s-a făcut.

Pentru a crea o pagină Web, primul pas este crearea unei structuri de site. Un site web este un server cu un nume unic și o adresă permanentă, conectat fizic la WWW sau găzduit virtual pe un alt server mai mare.

După crearea structurii site-ului, rulați editor de text Cuvânt, creează document nouși salvați-o ca pagină Web, apoi continuați să creați o pagină Web. Ne face munca mai ușoară și mai bună. În el determinăm momentul creării unui site Web, depanarea acestuia, subiectul său, precum și completarea acestuia.

Există câteva reguli simple care permit ca interfața site-ului să fie înțeleasă de către vizitator [Nr. 10].

1. Site-ul nu trebuie să conțină informații inutile, fontul trebuie să fie ușor de citit. Elementele grafice trebuiau să fie clare, expresive și rapid de încărcat.

2. Ochiul uman scanează paginile site-ului de sus în jos. Cea mai mare atenție este concentrată pe partea stângă sus a paginii. Prin urmare, în partea de sus a paginii site-ului, de regulă, cel mai mult Informații importante: numele companiei, sigla, numele site-ului web etc.

3. Un vizitator al site-ului ar trebui să găsească cu ușurință informațiile de care este interesat și să poată obține informații cuprinzătoare (descriere în text plus câteva fotografii).

4. Informațiile ar trebui distribuite între grupuri. Este posibil să oferiți posibilitatea de a căuta produse după nume și descriere.

5. Site-ul trebuie să aibă secțiuni de informații:

cu informatii despre firma (domeniu de activitate, adresa, numere de contact etc.);

Elementele de bază ale paginilor web:

1. Antet / Logo (Header)

3. Conținut/Conținut (câmp de text)

4. Elemente de navigare

5. Informații despre dezvoltatorii site-ului

Orice pagină Web conține un anumit set elemente standard, care sunt componente obligatorii ale fiecărei resurse de pe Internet.

Primul element al unei pagini Web pe care trebuie să ne uităm este titlul acesteia. Logo-ul sau denumirea site-ului joacă pentru el același rol ca semn la intrarea în orice instituție. Internetul este o altă problemă: aici principala metodă de mișcare este teleportarea și, prin urmare, trebuie să văd acest „semn” pe fiecare pagină.

Partea principală a documentului este ocupată de așa-numitul câmp Text - zona în care se află conținutul semantic al paginii: text cu informații semnificative și ilustrații.

Elementele enumerate se mai numesc și „Conținut” (din engleză, conținut - Conținut). Amplasarea câmpului de text depinde în primul rând de modul în care designerul Web plasează restul elementelor documentului.

Figura 1. Exemplu de conținut al site-ului

Figura 2. Informații de contact

Înainte de a începe să vă creați site-ul, luați o abordare foarte responsabilă a problemei de aranjare a elementelor paginii. În general, o pagină web este împărțită în conținutul paginii, navigare și informații aferente. Aceste elemente sunt la rândul lor împărțite în elemente mai mici.

Ca rezultat, succesiunea de acțiuni pentru dezvoltarea unui site Web se reduce la următorul algoritm simplu:

1. Stabilirea obiectivelor și definirea sarcinilor principale.

2. Crearea unei liste de secțiuni tematice viitoare.

3. Dezvoltarea structurii logice și fizice a resursei.

4. Întocmirea unei schițe de proiectare, amenajarea site-ului, tabelul de layout invizibil.

5. Pregătirea materialelor text.

6. Pregătirea materialelor grafice sub formă vectorială.

7. Exportați desene vectoriale în format raster.

8. Optimizarea tuturor imaginilor.

9. Crearea șabloanelor de pagini Web.

10. Asamblarea paginilor Web și codul de depanare.

11. Verificarea identității de afișare a paginilor Web cu diferite rezoluții de ecran și palete de culori și browsere diferite.

Orice pagină web conține un anumit set de elemente standard care sunt componente obligatorii ale fiecărei resurse Internet. Desigur, gama și numărul de astfel de obiecte pot varia în funcție de focalizarea tematică a site-ului, de volumul de materiale publicate pe acesta, precum și de scopurile și obiectivele pe care creatorul acestei resurse și le stabilește. Dispunerea unor astfel de elemente, proiectarea poziției lor relative este una dintre sarcinile principale ale webmasterului.

Primul element al unei pagini web pe care trebuie să ne uităm este titlul acesteia. Poate fi realizat fie sub formă de text, fie sub formă grafică, dar în ambele cazuri ar trebui să fie situat în partea de sus a documentului. Uneori, antetul este combinat cu un meniu pentru selectarea codificării chirilice și butoane pentru trecerea de la versiunea rusă la cea engleză a site-ului, dacă această resursă web este prezentată în două limbi. Direct sub titlul documentului, de regulă, se află spațiul alocat pentru amplasarea unui banner publicitar. Includerea unui banner în partea de sus a paginii web în cele mai multe cazuri este o condiție prealabilă pentru înregistrarea unui site în serviciile de schimb de bannere - sisteme care promovează resursa pe care ați creat-o în schimbul afișării reclamelor altor participanți la rețeaua de schimb de bannere pe paginile de Site-ul tău. Dimensiunea standard a bannerelor publicate sub titlul documentului este de obicei 468x60 pixeli. Dacă utilizați un aspect de pagină static, lățimea antetului documentului va fi de aproximativ 640 de pixeli, în primul rând pentru a vă asigura că documentul este afișat corect pe monitoare de 640 x 480 pixeli și pentru a evita o bară de defilare orizontală care îngreunează vizualizarea. Evident, lățimea bannerului în acest caz va fi semnificativ mai mică decât lățimea antetului, din cauza căreia în partea din pagină în care intenționați să alocați spațiu pentru publicitate va apărea spațiu neocupat, care poate fi umplut cu logo-ul companiei care deține acest site sau un link către serverul care implementează web. Desigur, un logo nu este întotdeauna necesar: de regulă, acesta este inclus într-o pagină web doar dacă site-ul are un accent comercial.

Partea principală a documentului este ocupată de așa-numitul câmp de text - zona în care se află conținutul semantic al paginii: text cu informații semnificative și ilustrații. Elementele enumerate mai sunt numite „conținut” (din engleză, conținut). Locația câmpului de text depinde în primul rând de modul în care designerul web va plasa elementele rămase ale documentului.

Următoarea componentă obligatorie a unei pagini web sunt elementele de navigare - hyperlink-uri care conectează acest document cu alte secțiuni ale site-ului. Elementele de navigare pot fi realizate sub formă de șiruri de text, obiecte grafice, adică butoane sau componente active, cum ar fi applet-urile Java. Acestea din urmă sunt aceleași butoane care, spre deosebire de surorile lor „tradiționale”, pot răspunde la mișcările mouse-ului, efectuând câteva acțiuni simple atunci când cursorul este plasat peste ele (pornirea luminii de fundal, crearea unui efect de „clic”, schimbarea formei etc. ). d.). După cum am menționat deja în secțiunea „Populatele de bază ale designului web”, elementele de navigare trebuie poziționate astfel încât să fie întotdeauna „la vedere”, „la îndemână”, adică astfel încât utilizatorul să nu aibă pentru a „înapoi” pagina înapoi, dacă câmpul de text ocupă mai multe ecrane fizice în înălțime, atunci petreceți mult timp căutând link-uri către alte secțiuni. Cea mai stabilită abordare este plasarea elementelor de navigare pe marginea stângă a paginii.

În partea de jos a documentului, se obișnuiește să se publice informații despre dezvoltatorii site-ului și o adresă de e-mail la care vizitatorii resursei își pot trimite răspunsurile, sugestiile și dorințele proprietarilor paginii. Dacă pagina web este documentul de pornire, în partea de jos a acestuia este plasat și un contor de vizite - un mic script care apelează un script CGI instalat pe server, care înregistrează fiecare deschidere a documentului în browserul utilizatorilor, schimbând valoarea de indicatorul de contor. Datorită acestui fapt, webmasterul poate determina cu ușurință numărul de vizitatori care i-au vizitat pagina într-o perioadă de timp. Observ că contorul de vizite este instalat doar pe prima pagină apelată la accesarea site-ului; nu este prezent în alte documente ale resursei.

Așadar, am examinat toate componentele principale ale unei pagini web și posibila lor locație una față de alta. Un exemplu de aspect de site web care conține un set complet de componente descrise mai sus este prezentat în Fig. 3.6. Selectează elementele de navigare care urmează să fie poziționate de-a lungul marginii din stânga a documentului.

Orez. 3.6. Un exemplu de aspect de pagină web cu poziționarea în stânga a elementelor de navigare

În practică, întâlnim adesea site-uri web în care designul elementelor de navigare este poziționat de-a lungul marginii din dreapta a ecranului. În acest caz, câmpul de text este deplasat spre stânga, componentele rămase ale documentului sunt aranjate pe principiul esteticii maxime a combinației lor. Un exemplu de astfel de implementare a site-ului este prezentat în Fig. 3.7.

Orez. 3.7. Un exemplu de aspect de pagină web cu poziționarea în dreapta a elementelor de navigare

După cum se poate observa din figură, în acest caz logo-ul este plasat la același nivel cu titlul documentului, iar bannerul publicitar este poziționat relativ la centrul paginii. Cu această abordare, se recomandă menținerea designului grafic al antetului, logo-ului și câmpului pentru publicitate într-o singură culoare și stil artistic - atunci asimetria poziției acestor obiecte nu va fi atât de evidentă și nu va „răni ochii ” a susținătorilor unei estetici stricte, „tabulare” a designului.

Elementele de navigare pot fi plasate nu numai lângă marginile din dreapta și din stânga paginii, ci și în partea de sus a documentului. Această opțiune de aspect este cea mai potrivită, în opinia mea, la crearea paginilor de pornire: în acest caz, toate obiectele paginii „se potrivesc” armonios în lățimea dată a tabelului invizibil, în timp ce pregătirea tabelului în sine este mult simplificată. Singurul dezavantaj al acestei abordări este necesitatea de a duplica elementele de navigare din partea de jos a documentului, deoarece la derularea verticală a paginii, acestea dispar în spatele marginii de sus a ecranului, iar pentru a ajunge la ele, utilizatorul va trebui să „derulează” ecranul, ceea ce, vezi tu, este foarte incomod. Un exemplu de proiectare a unei pagini cu elemente de navigare de sus este prezentat în Fig. 3.8.

Orez. 3.8. Exemplu de aspect de pagină web cu poziționarea de sus a elementelor de navigare

Desigur, tot ceea ce s-a spus în această secțiune nu este un panaceu, ci un ghid de acțiune. Încerc să subliniez doar principiile generale care sunt utilizate atunci când elaborez structura unui site, dar decizia finală rămâne întotdeauna a webmasterului. În cele din urmă, indiferent de designul pe care îl folosești ca bază pentru viitorul tău proiect, rezultatul muncii tale va fi în continuare corect: pe Internet nu există nici cenzură, nici reglementări care să oblige creatorul site-ului să respecte unul sau altul cadru strict. Un exemplu de soluție de proiectare care nu se încadrează în niciuna dintre categoriile de mai sus este așa-numitul aspect mixt, a cărui diagramă aproximativă este prezentată în Fig. 3.9.

După cum se poate vedea din figură, în acest exemplu unele dintre elementele de control sunt integrate direct în antetul paginii - despre care vorbim despre butoanele pentru comutarea între versiunile în rusă și engleză ale site-ului, precum și despre butoanele de navigare: acesta poate fi un link către adresa de e-mail a creatorilor de resurse, duplicat în partea de jos a documentului și un link către unul dintre secțiuni tematice, de exemplu, o pagină de știri. Blocul principal de elemente de navigare este poziționat relativ la marginea din stânga a documentului, dar meniul de selectare a codificării chirilice se află chiar sub bannerul publicitar din partea de sus a paginii. Câmpul de text este împărțit în două coloane asimetrice, iar cel din dreapta conține scurte anunțuri ale secțiunilor tematice care alcătuiesc resursa, inclusiv linkuri către aceste secțiuni.

Evident, poate exista o mare varietate de opțiuni de „aspect mixt” pentru o pagină web: solutii concrete depind de numărul de secțiuni care alcătuiesc resursa, volumul de text pregătit pentru plasare pe site și, în final, de imaginația designerului însuși. Este important doar că aspect site-ul nu a provocat plângeri din partea vizitatorilor. În cele din urmă, doar tu în calitate de dezvoltator, tu și nimeni altcineva, aveți dreptul să vă arătați toate abilitățile și talentele și să aranjați pagina după propriul gust. Creatorii unor pagini de start, fără a fi chinuiți de îndoieli, plasează contorul de lovituri în colțul din dreapta sus al documentului, numele site-ului este scris cu font mic, îngrijit și publicat sub un banner publicitar, iar din anumite motive navigare elemente apar pe neașteptate chiar în mijlocul blocului de text, între povestea despre tine și fotografiile câinelui îndrăgit al autorului proiectului. Nu există tovarăși pentru gust și culoare, după cum se spune. Dar personal, această boală mi se pare incurabilă.