Vrem sa dezvoltam un site simplu, de prezentare, iar subiectul il alegeti voi. Poate vreti sa prezentati un business (restaurant, bar, cofetarie, frizerie etc), un portofoliu personal pentru a va promova, sau orice alta idee aveti e binevenita. Nu e nevoie sa o confirmati cu noi, go wild :)
Ideea este urmatoarea: avem nevoie sa folosim cat mai multe elemente semantice de HTML5 si cat mai putine div-uri. Va recomand, inainte de a incepe, sa treceti rapid prin elementele de HTML5, astfel veti fi constienti de ele: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5.
Momentan este necesara doar structura de HTML, stilizarea o vom face ulterior.Toate paginile vor contine informatiile importante din head (link fake catre un css & js, un favicon, titlu si ceva metadate), un header, footer, o bara de navigare in partea de sus a continutului.
Avem nevoie de mai multe pagini, minimum urmatoarele:
- homepage - un sidebar, ceva text si imagini incluse, un quote;
- about - in care main focus este pe textul prezentat. Trebuie ca articolul sa fie structurat in paragrafe, sa aiba toate tipurile de headings (avand o logica, desigur) sa contina cel putin o imagine si un tabel (care sa aiba, pe langa date, heading), 2 linkuri (unul sa se deschida in acelasi tab, altul intr-un tab nou);
- o alta pagina cu orice scop vreti voi - dar ar trebui sa contina o lista ordonata si una neordonata;
- contact - un form de contact (cu diverse tipuri de input cu placeholders), text despre adresa fizica etc. Imaginile vor fi incarcate local (dintr-un folder denumit “images”), nu prin link extern.
Incercati sa profitati de cat mai multe elemente de HTML5. Dupa ce parcurgeti lista lor, va va fi mai usor sa organizati informatiile intr-un mod mai semantic. Ce am cerut aici este un minimum de la care sa porniti - cu cat mai multe elemente, cu atat mai bine.Bonus pentru cine ia in calcul accessibility si v-as mai recomanda sa va asigurati ca HTML-ul scris este valid. adica fie folositi o extensie pentru editorul vostru, fie folositi un tool gen http://validator.w3.org/#validate_by_input