Cum se face un site / Design / Stil
Stilul unui site se defineste prin cateva caracterisitici cum ar fi layout-ul, design-ul
precum si personalizarea website-ului. Layout-ul la randul lui este constituit din cateva
elemente si anunme: un site de pornire simplu, tabele, frame-uri, combinarea limbajului
HTML cu CSS pentru optimizare grafica precum si sheet-urile cu stiluri.
Orice incepator trebuie sa ia in considerare urmatoarele sfaturi pentru a-si asigura o
consecventa in ceea ce priveste crearea unui stil propriu fiecarui site:
- Totul pleaca de la o pagina simpla a site-ului
- Urmatorul pas trebuie sa stiti sa folositi codul HTML pentru orice site
- Apoi invatati sa folositi tabelele pentru un layout protrivit al site-ului
- Evitati frame-urile pe site, pentru a evita eventualele greseli de afisare
- Inainte sa folositi limbajul CSS este obligatoriu sa stiti limbajul HTML din spatele oricarui site.
Elementele unui layout pot fi folosite individual sau combinate pentru a va individualiza site-ul personal de celalte site-uri. Fiecare element ce alcatuieste layout-ul unui site are la randul sau anumite caracteristici si limitari.
- Pagina web simpla a unui site: este usor de creat, se incarca extrem de rapid
si mai ales este usor de intretinut; pe de alta parte insa este foarte limitata in
ceea ce priveste aranjarea in pagina si de asemenea un pic cam plictisitoare si
fara personalitate.
- Pagina web a unui site cu un layout bazat pe tabele: tabelele sunt un
instrument ideal pentru organizarea continutului de tip date calendaristice sau
informatii financiare, dar nu numai. Utilizat corespunzator un tabel poate ajuta
la dentinerea intregului control al continutului unui layout. De exemplu un tabel fara linii vizibile ( border="0" ) te poate ajuta la organizarea textului si a imaginilor pe o pagina a site-ului pe baza randurilor si a coloanelor pe care leai
definit. In acelasi timp un tabel poate contine la randul sau mai multe tabele, realizand un control mai amanuntit al continutului unei pagini a siteului.
Pe de alta parte insa aceasta modalitate de a organiza layout-ul unui site are limitari in ceea ce priveste redarea continutului pe diferite browsere care nu accepta anumite atribute are tag-ului "table". E foarte important ca de
fiecare data cand folosesti tag-ul "table" sa verifici ca redarea continutului sa fie valida in browser. In acelasi timp este de evitat scroll-ul pe orizontal ce se datoreaza de obicei prin folosirea de elemente grafice foarte mari sau prin
folosirea pe site de text preformatat. Trebuie acordata o atentie deosebita la folosirea limbajului HTML deoarece in cazul in care se folosesc mai multe tabele, codul devine mai complex si erorile pot aparea oricand. - Pagina web a unui site cu layout-ul bazat pe frame-uri: este bine de retinut
faptul ca frame-urile ajuta in general la afisarea mai multor documente de tip
HTML intr-o singura pagina web, usureaza navigarea pe site si se recomanda
site-urilor a caror continut au tendinta de a se schimba des. Insa pe cat de folositoare ele au mai multe dezavantaje decat puncte forte in crearea unui layout, si anume: imparte spatiul disponibil al unui site in segmente mai mici,
pierzandu-se astfel saptiu, timpul de incarcare al paginii web creste, lucru pe care nu il dorim pe site, creste riscul de neindexare al site-ului ale caror pagini sunt bazate pe frame-uri, anumite browsere nu permit printarea unei pagini
web al carei layout este bazat pe frame-uri, poate conduce la crash-ul computerelor in cazul in care o pagina web este impartita in prea multe cadre si nu in ultimul rand este dificil de creat codul pentru astfel de pagini. - Pagina web a unui site al carei layout este bazat pe limbajul HTML si
CSS: este una din cele mai folosite sisteme de realizare a unui layout de
succes deoarece salveaza foarte mult timp, trebuie doar specificate
elementele si caracteristicile fiecaruia iar CSS-ul il incarca automat, timpul de
afisare al paginii web scade, scade cantitatea de cod folosit, lucru ce va
determina incarea rapida a site-ului, usor de intretinut deoarece pentru ca orice
modificare trebuie accesat un sigur fisier si anume cel de tip .css , contine
elemente vizuale superioare codului HTML deaorece are o varietate mai mare
de atribute si optiuni fata de limbajul HTML. Probleme se pot intampina la
afisarea in browser a site-ului catre utilizator, deoarece nivelul de
compatibilitate ale acestora cu sheet-urile de CSS variaza, unele sunt
compatibile altele nu, de aceea este importanta verificarea nivelului de compatibilitate cu cateba browsere mai uzuale (Internet Explorer, Mozzila Firefox sau Netscape).
Gata cu teoria! Sa trecem la lucru: Implementare(ghid HTML).
Copyright © 2007 unsite.3x.ro - Toate drepturile rezervate.