 |
|
 |  |
| Aeronautica | Comunicatii | Drept | Informatica | Nutritie | Sociologie |
| Tehnica mecanica |
Html
|
Qdidactic » stiinta & tehnica » informatica » html Fundalul unui site web - utilitatea lor |
Fundalul unui site web - utilitatea lor
Lectia nr. 5 - Fundal
In timp ce navigati pe Internet probabil ca ati vazut multe pagini web a caror citire este greoaie si obositoare. Acest lucru este posibil in cazul in care a fost ales un fundal necorespunzator. Ca sa nu mai vorbim de faptul ca unele pagini sunt inestetice datorita folosirii ca fundal a unor imagini pretentioase si total neinspirate.
Alegerea fundalului
Atunci cand cautati un fundal pentru paginile web, este recomandat sa tineti cont de urmatoarele:
alegeti cu grija culorile fundalului, pentru a nu interfera cu culoarea textului
folositi pentru text si fundal culori contrastante, care sa permita citirea usoara a continutului ( cea mai buna optiune, din punct de vedere al lizibilitatii, ramane folosirea unui fundal alb si text negru). Din pacate, aceasta alegere nu este si cea mai atractiva. Puteti sa alegeti si alte combinatii de culori, care vi se par deosebite.
daca folositi imagini pentru fundal, folositi fisiere GIF sau JPEG de dimensiuni mici, pentru a reduce la minimum timpul de incarcare a paginii
imaginea folosita pentru fundal trebuie sa fie in concordanta, din punct de vedere cromatic, cu aspectul paginii web si restul imaginilor
nu este recomandabila folosirea imaginilor animate pentru fundal datorita dimensiunilor mari si lizibilitatii reduse a textului
Culori si imagini folosite pentru fundal
Culoarea standard pe care un browser o afiseaza pentru fundal este gri. Bineinteles ca puteti selecta orice culoare doriti pentru fundal, folosind atributul BGCOLOR.
DE RETINUT:
Puteti alege o imagine ( format GIF sau JPEG ) pe care sa o folositi ca fundal, pentru a da un aspect mai deosebit paginilor web.
Indiferent de dimensiunea imaginii folosite, browserul va completa fundalul paginii web cu copii ale imaginii respective, asezate una langa alta si/sau una peste alta. In acest caz, trebuie sa specificati neaparat si culoarea folosita pentru fundal. Culoarea respectiva va fi folosita de browserele care lucreaza in format text sau de utilizatorii care au dezactivata optiunea referitoare la incarcarea imaginilor. Este recomandabil ca aceasta culoare sa fie apropiata de culoarea de baza a imaginii folosite.
Animatii
Imaginile animate, ca de altfel toate imaginile, se folosesc pentru a sublinia un mesaj sau pentru a da un impact deosebit unei pagini web. Cu toate ca unele animatii sunt ingenios realizate si atrag cititorii, nu trebuie uitat ca motivul principal pentru care se navigheaza pe Internet este cautarea de informatii dintr-un domeniu sau altul. Pagina web pe care ati realizat-o trebuie sa atraga cititorii prin continutul ei intrinsec si nu prin folosirea unor imagini animate viu colorate.
Restrictii impuse in folosirea imaginilor animate
Daca va hotarati totusi sa folositi unele animatii, trebuiesc luate in calcul cateva aspecte:
a ) dimensiunea fisierului folosit
b ) utilitatea lor
c ) browserele folosite
a ) Sa presupunem ca atunci cand creati o imagine animata folositi 10 cadre avand fiecare 10 Kb, rezultand deci un fisier de 100 Kb. De asemenea, sa presupunem ca vizitatorii folosesc modemuri de 56 Kb/s iar rata de transfer efectiva este de 3.6 KB/s ( in realitate, aceasta poate fi mult mai scazuta ). Aceasta inseamna ca numai fisierul respectiv se incarca in aproximativ 30 de secunde. Daca se ia in calcul si faptul ca trebuiesc incarcate si celelalte elemente componente ale paginii, se observa ca timpul de incarcare este destul de ridicat. Asa cum am mai spus, acest lucru este total contraindicat.
DE RETINUT:
Trebuie verificat cu atentie dimensiunea fisierului folosit si este recomandabila evitarea imaginilor animate de mari dimensiuni in prima pagina.
b ) Pe de alta parte folosirea unor imagini animate poate duce la cresterea atractivitatii sitului Bineinteles ca aceste animatii nu trebuie sa intrerupa brutal concentrarea cititorului asupra textului paginii Ele trebuiesc folosite cu masura si , pe cat posibil, sa fie folositoare si sa
adauge ceva instructiv continutului paginii .
c ) In plus , nu toate browserele suporta imaginile animate . Browserele care nu suporta animatiile vor afisa numai primul cadru . Acesta va fi intotdeauna ales cu maximum de atentie .
Exemple de folosire a imaginilor animate:
Se poate folosi o imagine animata pentru a ilustra un concept sau o tehnica descrisa in textul principal . Pentru a nu intrerupe firul expunerii, animatia respectiva poate sa apara si intr-o noua fereastra. Dupa ce vede animatia respectiva, vizitatorul poate inchide fereastra si poate continua citirea textului .
Unde se pot gasi imagini animate ?
In functie de imaginatia proprie , fiecare webmaster poate sa realizeze animatii pe care sa le includa in paginile web. Pentru acest lucru este nevoie de un software specializat si de anumite cunostinte de grafica pe web. Daca nu dispuneti de aptitudinile necesare crearii unor imagini grafice adecvate, le puteti incarca direct de pe Internet. Exista o multime de librarii online interesante, care contin fiecare cateva mii de imagini animate.
Exemplu de sit web
Pentru a reduce la minimum timpul de incarcare al paginilor web, am cautat sa folosesc cat mai putin imagini animate. Este adevarat, unele dintre ele pot fi foarte atractive dar fisierele corespunzatoare au in general dimensiuni mari. De asemenea, trebuie avuta in vedere utilitatea lor. Acest sit este bazat in principal pe oferirea unui continut bogat. Daca as fi inclus o multime de imagini animate, ar fi crescut fara indoiala spectaculozitatea paginilor respective. In schimb, cititorii ar fi fost derutati si, probabil, ar fi citit textul cu o mai mare dificultate.
Asta presupunand ca nu au dezactivata optiunea de incarcare a imaginilor din browser. In logo am inclus o mica imagine animata, alcatuita din sase cadre (in globul care se invarteste). Am cautat, in schimb, sa reduc la maximum dimensiunea acestui logo. Am ales sa folosesc in coloana din stanga o imagine pentru fundal in nuante de albastru deschis. Pentru aceasta imagine am asigurat o compresie maxima a fisierului JPG (2KB).
De asemenea, am folosit atributul BGCOLOR='blue' pentru coloana din stanga unde am folosit fundalul. Aceasta inseamna ca pentru vizitatorii sitului care au dezactivata optiunea de vizualizare a imaginilor va apare un
fundal de culoare albastru deschis in coloana respectiva. In partea stanga, acolo unde este inserat continutul propriu-zis al paginii web, am ales un fundal alb pentru a asigura o lizibilitate maxima a textului. Bineinteles ca fiecare isi poate alege, in functie de preferintele proprii si de stilul general al paginii web, culoarea sau imaginea folosite pentru fundal. Important este ca aceste elemente sa nu fie prea stridente si sa asigure o buna imagine pentru pagina respectiva.
|
Atentie! Caracterul ; (punct si virgula) este obligatoriu la sfarsit!
Aplicarea unor efecte asupra texlului
Pentru a aplica unei zone de text un anumit efect, se incadreaza textul intre eticheta de inceput si cea de sfarsit, corespunzatoare efectului respectiv. Cele mai utilizate efecte se pot aplica asupra textului in HTML sunt:
Descriere
<I> Textul este scris cursive</I>
Efect
Textul este scris cursiv
Descriere
<U> Textul este scris subliniat </U>
Efect
Textul este scris subliniat
Descriere
<B> Textul este scris ingrosat </B> Efect
Textul este scris ingrosat
Descriere
<BIG> Textul este scris mai mare </BIG> Efect
Textul este scris mai mare
Descriere
<SMALL> Textul este scris mai mic </SMALL> Efect
Textul este scris mai mic
Descriere