Creare
si actualizare site
Continut, structura, aspect grafic
Tehnologii utilizate in proiectare
Estetica fotografica in web design
Optimizare grafica pentru web
Ce este HTML
Fundamente
Fonturi
Blocuri de text
Imagini
Legaturi
Liste
Tabele
Ferestre cadru in HTML
Formulare
Sinteza taguri
Ce sunt stilurile
Stiluri dedicate
Clase de stiluri
Stiluri identificate
Stiluri inline
Stiluri definite in fisiere externe
Pseudo clase de stiluri
| DOCUMENTATIE - JAVASCRIPT |
Ce este, cum se insereaza
Evenimente si functii
Ierarhii JavaScript
Ferestre cadru in JavaScript
Crearea ferestrelor in JavaScript
JavaScript si bara de stare
Obiecte predefinite
Validare date in formulare HTML
Obiectul Image
Exemple JavaScript
HTML + CSS + XML - profesional
Java + JavaScript - profesional
|
|
| PROIECTARE SITE WEB > PROIECTARE & WEBDESIGN -
Optimizarea grafica pentru web |
Proiectare Site-uri Web - Reguli de Optimizare Grafica pentru Web
Iata cateva reguli importante legate de crearea si optimizarea graficii
special pentru web:
-
- Incercati sa realizati imagini de dimensiuni
cat mai mici. Cu cat dimensiunea fisierului imagine este mai mica,
cu atat sansele de a fi transferat (de a fi "incarcat" de browser)
mai usor sunt mai mari. Dimensiunea se refera in special la spatiul
ocupat pe disc (exprimat in kb) si mai putin la dimensiunea fizica a
imaginii, desi de cele mai multe ori acestea sunt legate una de
alta.
-
- Rezolutia nu conteaza. Indiferent de valoarea
ce corespunde rezolutiei setate in programul de editare grafica pe
care il folosim, browserul web afisaza un pixel de imagine pe un
pixel ecran (in cazul in care nu este specificata o alta dimensiune
in codul html). Prin urmare, ceea ce conteaza este dimensiunea
imaginii - inaltimea si latimea acesteia exprimata in pixeli.
-
- Folositi preponderent "gif" sau "jpg". Gif si
Jpg sunt formatele grafice in care este preferabil sa salvam
imaginile destinate afisarii pe web ("png" este de asemenea o
alternativa, dar inca exista reticente in privinta acesteia,
datorita dimensiunii si compatibilitatii). Gif suporta 256 de
culori, asadar este mai potrivit pentru imagini contrastante, cu
suprafete de culoare plate sau text. Formatul Jpg, prin felul in
care aplica compresia este mai potrivit pentru fotografii si pentru
imagini cu treceri continue de culoare.
-
- Realizati indexarea cu atentie. Inainte de a
salva o imagine in formatul "gif", numarul de culori din fisier
trebuie redus la 256 sau mai putin. Programe software precum Adobe
Photoshop folosesc o tehnica numita indexare, care reatribuie
culorile in concordanta cu un index fix de culoare. In Photoshop se
pot crea si tabele de culoare personalizate, in asa fel incat sa
putem pastra intacte o buna parte din culorile imaginii originale.
-
- Salvati numai datele esentiale. Prin folosirea
optiunii de salvare speciala pentru web (optimizare pentru web),
dimensiunea fisierului se reduce, eliminandu-se datele nefolositoare
ce pot fi incluse (note incluse, canale alfa, etc).
|
|
|