Web design

Realizat de: Bordianu Carolina

Cuprins
Din sumar
Din sumar

1. nceputul designului web

2. Evoluia web design
3. Browsere moderne
4. Instrumente i tehnologii
5. Abiliti i tehnici

Este greu de imaginat Internet fr grafic animat,

diferite stiluri de tipografie, de fundal i muzic.

1.nceputul designului web

Web design cuprinde multe abiliti i

discipline diferite n realizarea i
ntreinerea de site-uri web.
Adesea, multe persoane vor lucra n
echipe care acoper diferite aspecte
ale procesului de proiectare.

Diferite domenii de
web design includ design
grafic web, design de interfa

De creaie, inclusiv codul

standardizate i softwareul proprietar

Web design suprapune

parial inginerie
web n domeniul de
aplicare mai larg
al dezvoltrii web

Web designerii sunt de

ateptat s aib o
contientizare
a uzabilitate

Dei web design are o istorie destul de

recent, acesta poate fi legat de alte
domenii, cum ar fi design grafic.
Cu toate acestea web design poate fi,
de asemenea, vzut din punct de
vedere tehnologic. Ea a devenit o mare
parte din viaa de zi cu zi ale
oamenilor.

1989
n 1989, n timp ce
lucreaz
la CERN Tim
Berners-Lee a propus s
creeze un proiect hipertext
global, care mai trziu a
devenit cunoscut sub numele
de World Wide Web.

n timpul 1991-1993 sa nscut World Wide Web. Pagini cu

text numai pot fi vizualizate cu ajutorul unui simplu browser
linie-mode.

n 1993 Marc
Andreessen i Eric Bina , a
creat browserul
Mosaic .La
acel moment nu s-au mai
multe
browsere,
ns
majoritatea dintre ei au fost
bazate pe Unix i text natural
grele. Nu a existat nici o
abordare
integrat
a
elementelor de design grafic,
cum ar fi imagini sau sunete
Aceast descurajat orice companie unul de la monopolizarea
un browser proprietate i limbaj de programare, care ar fi
putut modificat efectul World Wide Web ca un ntreg.

Evoluia web design

n 1996, Microsoft a lansat primul su browser competitiv, care a fost completat cu
propriile sale caracteristici i tag-uri. Acesta a fost, de asemenea, primul browser pentru a
sprijini foi de stil, care, la momentul a fost vzut ca o tehnic de crea ie obscur. marcajul
HTML de mese a fost iniial destinat pentru afiarea datelor tabulare. Cu toate acestea
designeri dat seama repede potenialul folosind tabele HTML pentru a crea complexe
structurile, multi-coloan care nu au fost altfel posibil.

n 1996, Flash (iniial cunoscut sub numele FutureSplash) a fost dezvoltat. La acea
vreme, instrument de dezvoltare de con inut Flash a fost relativ simplu, comparativ cu
acum, folosind aspectul de baz i instrumente de desen, un precursor limitat la
ActionScript , i o cronologie, dar a permis web designeri pentru a merge dincolo de
punctul de HTML, GIF animate i JavaScript .

n schimb, designerii revenit la animaii GIF (n cazul n care nu a renun at la

utilizarea grafic n micare total)

de

JavaScript

pentru widget-uri . Dar

beneficiile de Flash fcut suficient de popular printre pie ele int specifice pentru
a lucra n cele din urm drumul spre marea majoritate a browserelor, i suficient de
puternic pentru a fi utilizate pentru a dezvolta site-uri ntregi.

De la sfritul browsere rzboaielor s-au browsere noi care vin pe scena. Multe
dintre acestea sunt open source ceea ce nseamn c ele tind s aib o dezvoltare mai
rapid i mai de sustinere a noilor standarde. Noile op iuni sunt considerate de mul i a
fi mai bun dect Microsoft Internet Explorer.

Browsere
moderne

Browsere moderne
1

Browsere moderne
W3C
W3C aa lansat
lansat noi
noi
standarde
standarde pentru
pentru HTML
HTML
(( HTML5
HTML5 )) ii CSS
CSS (( CSS3
CSS3 ),),
Cu
Cutoate
toateacestea,
acestea,n
ntimp
timpce
ce
HTML5
HTML5termenul
termenuleste
estefolosit
folosit
doar
doarpentru
pentruaase
sereferi
referilalanoua
noua
versiune
versiuneaaHTML
HTML

Precum
Precumiinoul
noulJavaScript
JavaScript
API
API,,fiecare
fiecareca
caun
unstandard
standard
nou,
nou,dar
darindividuale.
individuale.

W3C a devenit obinuit s-l

foloseasc pentru a se referi
la ntreaga suita de noi
standarde (HTML5, CSS3 i
JavaScript.

Instrumente i tehnologii
Web designerii folosi o varietate de instrumente, n func ie de ce parte a procesului
de producie n care sunt implicate n. Aceste instrumente sunt actualizate n timp de
standardele i software noi, dar principiile din spatele lor rmn acelea i. Web
designeri graficieni folosesc pachete vector i raster grafic pentru a crea de imagini
sau de proiectare prototipuri de web-formatat.
Tehnologiile utilizate pentru a crea site-uri includ standard mark-up, care poate fi de
mn codificate sau generate desoftware-ul de editare.

Abiliti i tehnici
1.

Design de marketing si
comunicare

2. Design experiena utilizatorului i

design interactiv

Marketing si design de comunicare pe un

site poate identifica ceea ce funcioneaz
pentru piata tinta. Acest lucru poate fi o
grup

de

vrst

sau

fir

special

al

culturii;astfel proiectantul poate nelege

tendinele

de

publicul. Designerii

pot

nelege, de asemenea, de tipul de site-ul

care sunt de proiectare, sensul, de exemplu,
c (B2B)business-to-business considerente
de proiectare site-ul ar putea diferi foarte
mult de la un site web orientate consumator,
cum ar fi de vnzare cu amnuntul site web
sau de divertisment

Experiena utilizatorului este legat de

aspectul, instruciuni clare i etichetarea pe
un site web. Ct de bine un utilizator
nelege modul n care acestea pot
interaciona pe un site poate depinde, de
asemenea,
de design interactiv siteului. Dac un utilizator percepe utilitatea
site-ului, ele sunt mult mai probabil s
continue utilizarea acestuia. Utilizatorii care
sunt calificai i bine versat cu utilizarea
site-ului se poate gsi o mai unic, dar mai
intuitive sau mai puin user-friendlyinterfa
website util totui.

Pagina
Pagina l
lime
ime pixel
pixel poate
poate
fi,
fi, de
de asemenea,
asemenea, considerat
considerat
vital
pentru
alinierea
vital
pentru
alinierea
obiectelor
obiectelor n
n layout
layout design.
design.

Cele
Cele mai
mai populare
populare site-uri
site-uri
web-l
web-lime
ime fix
fix au
au n
n general
general
aceea
aceeaii l
lime
ime stabilit
stabilit pentru
pentru aa
se
se potrivi
potrivi fereastra
fereastra curent
curent de
de
browser
browser cele
cele mai
mai populare.
populare.

Aspect de pagin

Fluid machete

Fluid

Fluid machete crescut

n popularitate jurul
anului 2000 ca o
alternativ la machete
bazate pe HTML-mas
i de design bazat pe
reea.

Acest lucru a fost din considerente de ecran citesc dispozitive i diferite

dimensiuni ferestre care designerii au nici un control asupra. n consecin ,
un proiect poate fi defalcat n unit i (bare laterale, blocuri de con inut,
publicitate ncorporate zone, zone de navigaie), care sunt trimise la
browser-ul i care vor fi montate n fereastra de afi are de browser, cum cel
mai bun se poate.

Grafic n
micare

Aspectul paginii i interfaa cu utilizatorul poate fi, de asemenea,

afectate de utilizarea de grafic n micare. Alegerea sau nu de a
utiliza grafic n micare poate depinde de piaa- int pentru siteul. Grafic n micare pot fi de ateptat sau cel pu in mai bine
primit, cu un site orientat spre divertisment.
Cu toate acestea, un public int site cu un
interes mai grave sau formale (cum ar fi
de afaceri, comunitate, sau de guvern) s-ar
putea gsi animaii inutile i distrage
atenia numai pentru scopuri de
divertisment sau de decorare.

Modele sensibile:
Efectuarea munca ta
Tipografie

Ei bine, schimbarile masive in modul in tipografie este tratat de ctre

smartphone-uri a fost primul pas, i o dat proiecte sensibile a devenit popular
a afectat atunci proiectarea orice site; cei care nu au fost dispu i s creeze siteuri sensibile sunt sortite s dispar, mai ales acum cu noul algoritm Google.

Principalul lucru n procesul de nvare

web design - este o practic. Trebuie s
ncepem cu leciile cele mai simple pentru
incepatori. Am nevoie de ea lecii simple
pentru c atunci cnd se dovedete - ofer
un stimulent puternic pentru a merge mai
departe. Exercitarea pe leciile au
competenele necesare care ar trebui s fie
dezvoltate n viitor.
Pe drum, este foarte util s se uite la cele
mai bune exemple de creativitate de
proiectare. Apoi, putei ncerca s fac
ceva similar pe cont propriu. i
ntotdeauna trebuie s credem c vei
reui!

Mulumesc
pentru atenie