vineri, 22 martie 2013

Cum sa faci un site. Structura simpla pentru o pagina web

Structura simpla pentru o pagina web trebuie sa contina urmatoarele sectiuni:

<head></head>

si

<body></body>

Ambele trebuiesc incluse in sectiunea <html></html> deci codul devine:

<html>
<head></head>
<body>
</body></html>

In sectiunea <head></head> vor fi incluse toate datele care nu se vad la prima vedere dar care sunt foarte importante.

In sectiunea <body></body> vor fi toate elementele vizibile (sau invizibile) in browserul utilizatorului.

Pentru a testa codul de mai sus haideti sa ii adaugam niste elemente vizibile si cateva elemente necesare si sa il vizualizam intr-un browser.

In sectiunea <head> ii mai adaugam elementul <title>Prima pagina web</title> textul introdus intre delimitatoarele <title> si </title> va aparea in bara de sus a ferestrei browserului.</head>

In sectiunea <body> ii vom adauga un asa numit element de titlu (de aceasta data mult mai vizibil). Acest element are ca delimitatoare <h1> si </h1> .</body>

Codul va deveni:

 <html>  
 <head>  
 <title>Prima pagina web</title>  
 </head>  
 <body>  
 <h1>Acesta este un titlu pe prima mea pagina web</h1>  
 </body>  
 </html>  

Vom scrie acest cod intr-un fisier nou creat oriunde pe calculator si denumit prima.html (observati ca extensia este .html, ca sa faceti acest lucru creati un fisier text simplu, adaugati codul, salvati apoi schimbati extensia din txt in html).

Apoi daca vom deschide acest fisier cu dubluclick se va deschide browserul implicit afisand prima pagina web creata.



Normal, acest exemplu nu arata bine dar pe parcurs vom invata cum sa il facem mai atractiv.

Am evidentiat cele doua elemente vizibile <title></title> si
<h1> </h1> pentru a va fi mai usor sa faceti legatura intre cod si pagina asa cum este ea vizibila intr-un browser.

Daca va placut si v-ati descurcat lasati un comentariu mai jos. Sau daca aveti nevoie de ajutor tot un comentariu sa scrieti.

4 comentarii :

mihaela spunea...

Buna ! Ai putea posta un tutorial pentru setarea tastaturii pe limba coreeana ? Am reusit sa montez tastatura pe ecran si sa adaug limba coreeana si in teorie ar trebui sa pot scrie ,dar nu imi merge .

Anonim spunea...

Buna,cea mai simpla cale de a scrie in coreeana este sa intri pe Google Translate,selectezi prima limba ca fiind coreeana,apoi dai pe tastatura virtuala!Succes

Dorin spunea...

Interesant tutorialul, felicitari pentru blog.

nouatigaraelectronica spunea...
Acest comentariu a fost eliminat de administratorul blogului.