Proiect

Descriere: Realizați un layout(aspect al paginii) pentru un site web folosind CSS și HTML(XHTML).
Cerințe: Design-ul trebuie să respecte următoarele reguli:
1. Site-ul trebuie să fie compatibil cu următoarele browsere: Firefox 1.* – 2.0, Internet Explorer 6
și Internet Explorer 7. Vizualizarea site-ului trebuie să fie identică în browser-ele specificate.
Regulile CSS utilizate trebuie să respecte standardele W3C. Fișierele CSS și HTML trebuie să
treacă de validarea CSS și HTML:
http://jigsaw.w3.org/css-validator/
http://validator.w3.org/
2. Proiectul va fi notat în funcție de aspect și funcționalitate. Nu sunt impuse dimensiuni dar
designul trebuie să includă următoarele elemente de bază: Meniu Principal, Header, Sidebar,
Continut, Footer. Un exemplu de layout care poate fi utilizat este:

Tehnologii Web
3. Se va utiliza o schemă de culori unitară care facilitează vizualizarea site-ului. Utilizarea
excesivă a imaginilor de fundal, fonturilor sau culorilor care fac textul greu descifrabil nu este
recomandată. Pentru selecția culorilor puteți folosi instrumente specializate.
4. Proiectul trebuie sa includă un meniu principal și unul secundar ambele realizate în CSS.
Meniul principal trebuie să fie compus din minim 5 elemente iar submeniul din minim 2
elemente pentru fiecare pagină. Elementele meniului vor utiliza tehnica image rollover (un
element își modifică dinamic aspectul în funcție de starea în care se află: selectat, primește
focus, activ).
5. Pentru realizarea proiectului NU este permisă folosirea unor instrumente software WYSWYG
(What You See Is What You Get) care permit realizarea unui layout într-un mediu vizual.
6. Pentru a ilustra cât mai bine layout-ul(aspectul paginii) adăugați conținut site-ului (text și
imagini).
7. Proiectul este individual și va fi susținut la sfârșitul semestrului I.
Bibliografie
1. CSS online consultați: http://ciobanu.cich.md/lectii_view.php?id=2 și altele;
2. Curs HTML, http://ciobanu.cich.md/lectii_view.php?id=1 și altele;
3. Creating a CSS Layout from Scratch, http://www.subcide.com/tutorials/csslayout/index.aspx.