Structura standard a unei pagini web

Scopul și plasarea documentului Web

Rețeaua globală nu numai că a conectat utilizatori din întreaga lume, dar și sa stabilit ca noi tehnologii pe computerele personale. Într-adevăr, utilizatorul care a cumpărat și instalat pe computerul său Microsoft Office 97 devine proprietarul tehnologiei Internet în formă finită, indiferent dacă computerul său este conectat la rețea sau nu.

Cu alte cuvinte, mijloacele destinate să lucreze cu rețeaua au fost utilizate și în alte scopuri care nu sunt legate de aceasta, iar printre software-ul instalat pe majoritatea computerelor personale, aplicațiile pe Internet și-au luat locul onoarei.

1.2. Scenariul și structura documentului Web.

Pentru a înțelege structura și scriptul unui document Web, trebuie să luăm în considerare mai multe pagini Web și să identificăm elementele comune.

Orice document Web constă în etichete și, de obicei, etichetele inițiale sunt scrise cu litere mari, iar etichetele finale sunt scrise cu litere mici.

Deci, să ne uităm la etichetele principale care sunt incluse în fiecare document Web. În primul rând, asta este

O caracteristică distinctivă a documentului HTML. Unul dintre principiile limbajului este cuibarea pe mai multe niveluri a elementelor. HTML este cel mai extern, deoarece între etichetele de început și sfârșit ar trebui să fie întreaga pagină Web.

De asemenea, eticheta principală este

Zona antetului paginii Web. Cu alte cuvinte, prima sa parte. Pe lângă HTML, HEAD servește doar pentru a forma o structură generală a documentului.

Fără aceste etichete, nu puteți crea pagini web. Mai multe detalii despre aceste și alte etichete vor fi luate în considerare în secțiunea 2.1.

2.1. Structura textului documentului Web

Dacă comparați textele sursă ale diferitelor pagini web, puteți observa cu ușurință asemănarea structurilor lor. Acest lucru se datorează faptului că documentele sunt create în conformitate cu anumite reguli. Sintaxa limbajului HTML este ISO 8879: 1986 "Prelucrarea informațiilor. Sisteme de text și de birou. Limbajul de marcă generalizată standard (SGML) ". Este adevărat că există o mare diferență între standardul oficial și standardul actual.

Următorul este un șablon tipic pentru documente web. În exemplul său, vom lua în considerare principiile generale de construire a paginilor HTML.

Pentru a înțelege structura unei pagini Web, trebuie să luăm în considerare în detaliu toate elementele incluse în lista de mai sus.

Textul original al paginii Web ar trebui să fie situat aici

Du-te la început document

În interiorul unei construcții similare, puteți plasa și etichete: acestea nu vor fi percepute de browser.

O caracteristică distinctivă a documentului HTML. Unul dintre principiile limbajului este cuibarea pe mai multe niveluri a elementelor. HTML este cel mai extern, deoarece între etichetele de început și sfârșit ar trebui să fie întreaga pagină Web. În principiu, acest element poate fi considerat o formalitate. Are versiunea atributelor, lang și dir, care în acest caz foarte puțini oameni folosesc și permit încorporarea elementelor HEAD, BODY și PLAINTEXT, care determină structura generală a paginii Web. Desigur, eticheta finală toate documentele hipertext se termină.

Zona antetului paginii Web. Cu alte cuvinte, prima sa parte. Pe lângă HTML, HEAD servește doar pentru a forma o structură generală a documentului. Acest element poate avea atributele lang și dir și este posibilă încorporarea elementelor TITLE, ISINDEX, BASE, META, LINK, NEXTID.

O descriere a stilului unor elemente ale unei pagini Web. În exemplul de mai sus, fonturile pentru elementele H2 și COD sunt atribuite. În mod natural, există un stil implicit pentru fiecare element, deci STYLE nu este necesar.

Data indicând "termenul de valabilitate" al documentului:

Specificați aplicația în care a fost creat documentul Web:

Atributul nume este utilizat de aplicația client pentru mai multe informații despre paginile Web și despre comanda acestora. Acest atribut este adesea înlocuit de atributul http-equiv. Acesta este folosit de către server pentru a crea câmpuri suplimentare atunci când interogarea este executată.

În plus, elementul META poate conține o adresă URL. Șablonul pentru atributul corespunzător este:

Una dintre cele mai utile pentru design este atributul care definește fundalul paginii. Apariția sa poate fi asemănătoare cu o mică revoluție în WWW, deoarece aceleași pagini Web gri, datorită cărora au înflorit modele colorate:

background = '' Calea către fișierul de fundal ''

Designul mai simplu al fundalului este de a specifica culoarea sa:

Culoarea de fundal este specificată de trei cifre hexazecimale din două cifre, care determină intensitatea culorilor roșu, verde și albastru, respectiv.

Ambele atribute de mai sus nu sunt alternative și sunt adesea folosite împreună.

Deoarece fundalul paginii se poate modifica, trebuie să aveți posibilitatea să selectați culoarea corespunzătoare a textului. Pentru aceasta, aveți următorul atribut:

Pentru a specifica culoarea hiperlinkurilor, folosiți atributul:

De asemenea, puteți seta culoarea pentru hyperlink-urile utilizate:

Hipertextul aflat în interiorul elementului BODY poate avea o structură arbitrară. Este determinată în primul rând de scopul paginii web și de fantezia dezvoltatorului.

Documentul HTML poate fi foarte mare, caz în care utilizatorului ar trebui să i se ofere posibilitatea de a naviga rapid la secțiunea dorită a paginii. Pentru a face acest lucru, puteți utiliza mecanismul de hyperlink-uri. De asemenea, este necesar să plasați etichetele corespunzătoare în locurile potrivite ale textului. Vom discuta hyperlink-urile în detaliu în secțiunea 2.2. și aici vom lua în considerare doar un șablon pentru crearea de etichete:

În acest caz, puteți naviga în interiorul documentului cu următoarea structură:

Du-te la marca

Mai multe linii similare pot forma un fel de cuprins pentru o pagină Web, care poate fi plasată la începutul și la sfârșitul documentului.

Atunci când specificați o referință relativă, puteți specifica nu numai numele fișierului, ci și numele dosarelor în care acesta se află. Cu alte cuvinte, calea către fișiere poate fi împărțită în două părți: absolută și relativă. Acest lucru este util dacă, pentru fișierele specificate în document, există un fragment de cale inițială comună.

În expresia de referință absolută, puteți, de asemenea, să omiteți schema de acces (fișier: //). În acest caz, numai partea stângă a referinței absolute va fi luată în considerare înainte de primul stânga "\", adică numele discului local.

Alte construcții vor fi luate în considerare mai jos.

Unul dintre cele mai importante elemente ale limbajului care asigură crearea de hyperlink-uri este:

Modelul cel mai frecvent utilizat este:

file: // Drive: \ File path

file: /// Drive: / Calea către fișier

La fel ca multe alte elemente ale limbajului, elementul A necesită utilizarea atributelor. Deja cunoaștem atributul hyperlink-ului, șablonul său este după cum urmează:

WWW, ca cel mai modern sistem, ar trebui să ofere compatibilitate cu cele anterioare, astfel încât să nu refuze protocoale vechi, ci să le adapteze la nevoile moderne (de exemplu, ftp). Sunt disponibile următoarele scheme de acces:

fișier - accesul la fișierul de pe discul local;

ftp - accesul la arhivele de fișiere utilizând protocolul de transfer de fișiere;

gopher - accesul la sistemul Gopher;

http - acces la WWW;

mailto - trimiterea mesajelor prin e-mail;

știri - acces la știrile din USENET;

nntp - acces la știrile din USENET utilizând protocolul NNTP;

telnet - conexiune telnet;

wais - conectare la sistemul WAIS.

În cazul în care se folosesc tranziții în interiorul paginii curente, etichetele trebuie plasate pe ea:

HoTMetaL PRO 3.0.

Să analizăm pe scurt crearea unui document hipertext prin comparație.

HotDog Professional 3

Microsoft Word 97

Instrumentul principal pentru crearea documentelor HTML în Word 97 este expertul pentru paginile Web. Începe atunci când se creează un nou fișier. Utilizatorul este rugat să selecteze tema paginii Web. Al doilea pas este să alegeți stilul paginii. Acest lucru completează activitatea expertului, iar utilizatorului i se oferă posibilitatea de a completa documentul cu informații utile.

Pagina Web creată de expert este un spațiu liber care conține paragrafe pentru introducerea anumitor informații. După ce le citește, utilizatorul primește la dispoziție o idee gata făcută, pe care este liber să o pună în aplicare sau să o respingă.

Dacă specificați o altă pagină de cod, trebuie să remediați acest fragment și să salvați fișierul. Când vizualizați codul HTML, puteți vedea modul în care modul de creare afectează documentul.

În paginile Web de mai sus, există un șablon "Pagină Web nouă", care corespunde fișierului HTML.DOT. Acesta vă permite să creați un fișier gol, iar utilizatorul trebuie să-l umple cu informații de la început până la sfârșit.

Word 97 nu oferă un instrument special pentru formatarea paginilor Web, dar puteți folosi acelea care sunt concepute pentru editare obișnuită. Multe butoane vă permit să creați efecte adecvate în hipertext. Acesta este, în primul rând, unelte care vă permit să formatați textul: bold și italic, schimbați dimensiunea și culoarea literelor, creați un efect de subliniere etc. Este posibil să creați și indent indentations la fel ca în Netscape Editor. Numai în acest caz este elementul DIR utilizat.

Crearea de documente în standardul HTML.

În această secțiune vom lua în considerare crearea de anteturi, formatarea și modificarea stilului de document, precum și listele utilizând exemplul dat în 2.1.

Exemplul folosește etichetele pentru antet.

Există șase niveluri de anteturi, care sunt notate cu H1. H6. Antetul nivelului 1 este cel mai mare, iar nivelul 6 oferă cel mai mic titlu. Ideea dimensiunii relative a anteturilor în ele este dată în Figura 3.1. Pentru titluri, puteți utiliza atributul care specifică alinierea stângă, centru sau dreapta:

Figura 3.1. Anteturi create cu ajutorul elementelor H1. H2

Elementul FONT poate înlocui cu succes elementele antetului H1. H6. Pentru acesta din urmă, de exemplu, nu este posibil să specificați culoarea literelor. Pentru ca titlul creat pe baza elementului FONT să arate bine, acest element trebuie să fie combinat cu altele: CENTER, B, I, P, etc. (vezi 3.2.).