Cum se realizează o pagină web?

There are no translations available.

Pe cat de complicat suna pe atat de usor poate fi definita pagina web si in acelasi timp inteleasa de marea majoritate a persoanelor interesate Ei, bine cea mai complexa pagina web este cea care are extensia Html si ca sa fiu mai bine inteleasa acest cuvant provine din limba engleza si inseamna Hyper Text Makup Language. Paginile HTML sunt formate din etichete sau tag-uri si au extensia .html sau .htm. In marea lor majoritate aceste etichete sunt pereche, una de deschidere <eticheta> si alta de inchidere </eticheta>.

Aceste tipuri de pagini se pot crea cu ajutorul programelor specializate, cum ar fi : (Macromedia Dreamwaver, etc) dar si cu ajutorul oricarui editor de text ( Microsoft Word, Notepad, Wordpad….etc).

Ca sa putem intelege mai bine acest “proces” de realizare a paginilor web este necesar sa stim ca pagina este structurata in 3 mari capitole, mai exact:

1.Inceputul paginii ce cuprinde tag-urile de inceput, cum ar fi: <html> , <title> , <b>

2.Continutul poate fi format din imagini si text

3.Partea finala formata la randul ei din tag-uri dar de incheiere, cum ar fi: </html> , </title> , </b>.

Mai concret toata pagina web este formata din tag-uri.

Spre exemplu o pagina simpla web ar arata cam asa:

<html>
<head>
<title>Titlu</title>
</head>
<body>
Continut pagina
</body>
</html>

Explicatie taguri folosite:

<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.

<title>Titlu</title> Acest tag se află în partea superioară a paginii web.

<body></body> Fundalul paginii web

Atentie! Fundalul poate fi o imagine si pentru aceasta folosim tagul urmator: <body backround=””> </body> ,dar si o culoare si atunci folosim astfel: <body bgcolor=””> </body>

Alte taguri utilizate in realizarea unei pagini web:

<hr>	Spatiu
<b>	Face textul ingrosat
<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, marimea ş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.

Exemple: Orasul Focsani, Traditii

Material realizat de Simona Voicu, cls. a XII-a F