E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale HTML

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DESIGN  /  HTML  /  Bazele HTML (10)

IV. Indicatii pentru incepatori

14.05.2008
IV. Indicatii pentru incepatori

Daca esti incepator, in acest tutorial vei gasi cateva indicatii care te vor ajuta sa construiesti o pagina web.

Total vizualizari: 8420 8420 afisari   |   Comentarii  0   |   Rating   |   (2 voturi)   |   Timp necesar: 15 min 15 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1 23 »
comenteaza printeaza

Daca esti incepator, in acest tutorial vei gasi cateva indicatii care te vor ajuta sa construiesti o pagina web.

1. Inchide intotdeauna tag-urile
Cand deschizi un tag HTML (ex. <b>, <p>), nu uita sa il inchizi. Iata un exemplu:

    <b>Animalele mele preferate sunt pisicile si cainii.</b>

    <p>Animalele mele preferate sunt pisicile si cainii.</p>

    <center>Animalele mele preferate sunt pisicile si cainii.</center>

Inchizand toate tag-urile, te asiguri ca pagina ta HTML va functiona in orice browser, in special atunci cand folosesti tag-urile <table>, <tr> sau <td>.

Exista cateva tag-uri pentru care aceasta regula nu se aplica, deoarece ele nu au tag de inchidere:
tag-ul <br>, pentru trecerea la linia urmatoare
tag-ul <img>, pentru inserarea unei imagini

2. Foloseste stiluri
Documentele de stiluri, cum este de exemplu CSS, iti vor face viata mai usoara. Folosind stiluri, nu mai trebuie sa folosesti tag-ul font pentru a formata fiecare portiune de text in parte, ci poti sa creezi reguli (clase) pe care sa le aplici in mod repetat. Astfel, iti va fi mai usor sa controlezi aspectul paginii, modificand un singur fisier de stil (CSS).

3. Valideaza codul HTML
Inainte de a copia fisierele pe site, poti valida paginile HTML pentru a te asigura ca nu contin erori. Programele de validare vor semnala probleme ca: lipsa unor tag-uri sau tabele, folosirea unor tag-uri incompatibile cu anumite browsere, etc. Nu uita: daca pagina ta arata bine intr-un browser, aceasta nu inseamna ca va arata la fel in orice browser.

Aceste programe de validare te vor invata cum sa folosesti corect tag-urile HTML. Le poti gasi gratuit pe Web - de exemplu W3C Markup Validation Service sau WDG HTML Validator.

4. Comenteaza codul HTML
Incearca sa incluzi cat mai multe comentarii in codul HTML, si sa lasi spatiu in jurul tag-urilor pentru a imparti pagina in sectiuni.

Iata un exemplu de cod fara comentarii:

<tr>
<td valign="top">
<p><a href="pagina1.htm" target=_blank><img
src="imagini/poza1.gif" width=108 height=80 border=0></a></p>
<p><b>TITLU </b>
<br>
Textul paginii
</p>
<p><a href="pagina2.htm" target=_blank> Link</a>
<br><a href="pagina3.htm">Download</a><br></p>
</td>
<td><img src="../../imagini/spatiu.gif" width=10 height=1></td>
<td valign="top">
<p><img src="imagini/spatiu1.gif" width=108 height=78
border=0></p>
</td>
<td><img src="../../imagini/spatiu.gif" width=10 height=1></td>
<td valign="top">
<p><img src="images/spatiu2.gif" width=108 height=78
border=0></p>
</td>
</tr>

Mai jos, poti vedea acelasi cod cu spatii inserate si comentarii:

<!Inceputul tabelului -->
<tr>
<!-- Coloana 1 -->
<td valign="top">
<p><a href="pagina1.htm" target=_blank><img
src="imagini/poza1.gif" width=108 height=80 border=0></a></p>
<p><b>TITLU </b>
<br>
Textul paginii
</p>
<p><a href="pagina2.htm" target=_blank> Link</a>
<br><a href="pagina3.htm">Download</a><br></p>
</td>
<!-- Spatiu -->
<td><img src="../../imagini/spatiu.gif" width=10 height=1></td>
<!-- Coloana 2 -->
<td valign="top">
<p><img src="imagini/spatiu1.gif" width=108 height=78
border=0></p>
</td>
<!-- Spatiu -->
<td><img src="../../imagini/spatiu.gif" width=10 height=1></td>
<!-- Coloana 3 -->
<td valign="top">
<p><img src="images/spatiu2.gif" width=108 height=78
border=0></p>
</td>
<! Sfarsitul tabelului -->
</tr>

Poti observa ca exemplul comentat este mult mai usor de citit si de inteles.

Pagina:
1 23 »
comenteaza printeaza
Alte tutoriale HTML:
Noteaza acest tutorial
Rating tutorial
 
(2 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
4305
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
4165
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4160
Tutoriale scrise de kheops
kheops Rang utilizator kheops - Mediu
4084
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
3985
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
Ruby on Rails JSON Powerpoint XML COREL DRAW Outlook Lightroom Verilog Excel Sony Vegas SWF Dreamweaver SEO CSS Python StyleSheet RoR Bridge PSD PHP Word Fotografie Java HTML Gimp Action Script XHTML Swift 3D Photoshop AJAX MySQL Illustrator Fireworks Flash Javascript Vista
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software