Lectia 5 HTML | Design & Sectionare site

In functie de preferintele fiecaruia dintre noi, putem crea diferite design-uri pentru un anumit site.

Ti-am aratat in Introducere cum vreau sa arate site-ul pe care il construim la finalul cursului.
Un site are mai multe elemente (logo-ul, meniul, continutul, imaginile, footer-ul, etc.). Aceste elemente trebuie repartizate in functie de design-ul ales pentru site-ul respectiv.

 

Pentru a intelege mai bine, gandeste-te la dormitorul tau. Cand faci ordine, toate lucrurile au un anumit loc in care trebuie repartizate. Cartile le vei pune in biblioteca, hainele le vei aseza in dulap, etc.

Acelasi lucru se aplica si la un site.
Logo-ul trebuie pus undeva la inceputul site-ului, meniul trebui asezat imediat dupa logo, etc.

Pentru a construi un site in conditii optime, este bine sa ai o schita  pentru repartizarea in pagina a acestor elemente in sectiunile potrivite. Aceasta schita o poti desena foarte usor in paint.
Mai jos, am desenat schita site-ului propus de mine:

Schita structura unui site site html1

 

Priveste atent la cele doua imagini de mai sus. Observi cum schita cuprinde toate sectiunile/elementele pe care le are site-ul propus?
Avand aceasta schita in fata, iti va fi mai usor cand vei crea locurile de repartizare a elementelor (sectiunile). Acest lucru il vei face in lectia urmatoare.

Acum tebuie sa te invat cum poti sectiona pagina unui site pentru a obtine design-ul potrivit.
Acest lucru se poate face in doua moduri.
Prin folosirea etichetelor pereche <div> sau <table>. Este recomandat sa sectionezi site-ul folosind eticheta <div>.

 In urmatoarele doua lectii, te voi invata detaliat cum poti sa sectionezi site-ul folosind eticheta <div>.