
Paginile Internetului
- documentar -
Putem spune că o pagină web este precum o carte, deoarece ambele conţin text şi imagini. Însă, pe lângă acestea, pagina web mai poate cuprinde fişiere de tip audio, video şi diferite aplicaţii.
Cea mai amplă pagină web este aceea care are extensia HTML. Acest termen abreviat provine din limba engleză şi înseamnă Hyper Text Markup Language (Compunerea unui text într-o limbă de uz internaţional – Limba engleză).
Realizarea unei pagini web
Putem realiza o pagină web cu orice editor de text (Microsoft Word, Notepad, Wordpad, etc.) cu condiţia ca la salvare să adăugăm extensia html , dar şi cu ajutorul programelor de specialitate (Macromedia Dreamweaver, Evrsoft First Page, etc.)
Structura unei pagini web
Conţinutul unei pagini web, realizat cu ajutorul tag-urilor, este echivalentul unui comentariu al unei opere literare:
- Expoziţiunea = Partea de introducere a unei pagini web (tag-urile de iniţiere)
- Desfăşurarea acţiunii = Conţinutul (text, imagini, etc.)
- Deznodământul = Partea de încheiere a unei pagini web (tag-urile de încheiere)
După cum aţi reţinut, o pagină web este realizată în totalitate de tag-uri.
Exemple de tag-uri:
- de iniţiere: <html> , <title> , <b>
- singuratice: <br> , <hr>
- de încheiere: </html> , </title> , </b>
Tag-urile de iniţiere şi de încheiere se cuplează, formând o pereche. Lor li se mai spune şi tag-uri pereche.
Atenţie ! Tag-urile au o anumită ordine în document, nu pot fi aşezate după bunul nostru plac, în caz contrar nu vom obţine ce dorim.
Exemple:
Tag – Explicaţie.
<html> </html> |
Cu acest tag se începe şi se încheie orice document HTML. |
<head> </head> |
Acest tag se află în partea superioară a paginii web. |
<body backround=””> </body> |
Fundalul paginii web, setat printr-o imagine. |
<body bgcolor=””> </body> |
Fundalul paginii web, setat printr-o culoare. |
<title> Titlul documentului </title> |
Afişează numele paginii web |
<hr> |
|
<b> |
Face textul îngroşat. |
<i> |
Face textul înclinat. |
<u> |
Face textul subliniat. |
<h1> |
Face textul foarte mare. |
<h6> |
Face textul foarte mic. |
<br> |
Funcţionează precum ENTER-ul, se trece pe rândul următor. |
|
Funcţionează precum SPACE-ul, lasă spaţiu la început de rând. Pentru a forma un paragraf folosiţi acest tag de mai multe ori, consecutiv. |
<center> </center> |
Cu ajutorul acestui tag se centrează textul sau imaginea. |
<font face=”fontul scrisului” size=”mărimea textului” color=”culoarea textului, obligatoriu, denumirea culorii trebuie scrisă în limba engleză”> Scris </font> |
Aceste tag-uri setează fontul, mărimea şi culoarea scrisului. |
<img src=”adresa unde se afla poza” width=”valoare” height=”valoare” border=”valoare”> |
Afişează o poză. Width dă valoarea lăţimii imaginii, height dă valoarea înălţimii. Border dă mărimea chenarului în care se află imaginea. Dacă dăm valoarea 0, imaginea nu va avea chenar. |
<a href=”adresa unde se afla o a doua pagina web”> Numele adresei </a> |
Legătura între două pagini web. |
Să trecem la lucru. Vă vom prezenta o pagină web, dar şi conţinutul documentului HTML.
Pagină web: exemplu.html
Conţinutul documentului HTML:
<html> |
Fisierele de lucru le găsiti în arhiva de aici.
Materialele sunt realizate de Cosmin Florea 12F