Logo Facebook8    Logo Youtube12    Logo Google     Logo twitter

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


 

Acest site foloseste cookie-uri.

Folosim cookie-uri pentru a vă asigura că aveti cea mai bună experiență pe acest site.

I understand
DESPRE NOI
World-IT este un site care are ca domeniu Tehnologia Informatiei(IT).
Acest site are ca prim scop introducerea persoanelor in acest domeniu. Mai multe informatii aici.

URMARESTE-NE 
Logo Facebook8  Logo Youtube12   Logo Google  Logo twitter