2. MIS ON ÜLDSE VEEBIDISAIN?
on pisidetailideni läbimõeldud Teie kodulehe
välisvaade.
See pole ainult ilus vormistus, vaid ka
funktsionaalsus.
3. VEEBIDISAINI ESIMENE PÕLVKOND
(1991-1994)
Veebilehed olid staatilised, kujunduselt lihtsad,
sisaldasid pealkirju ja tekstilõike
Blogid
Turvalisus ja privaatsus olid suureks probleemiks
4. Veebilehtede loomine käis sõna otseses mõttes
käsitsi arvutitele arusaadavat HTML koodi
kirjutades, veebilehitsejaid oli aga mitmeid
erinevaid ning puudusid koodistandardid, mis
tagaksid veebilehtede ühtse väljanägemise kõikjal.
6. VEEBIDISAINI TEINE PÕLVKOND
Veebilehed hakkasid enam keskenduma sisule ja
külastajatele
Mitmekülgsemaks muutus ka disain.
Veebilehtede loomine oli samuti lihtsam
10. VEEBIDISAINI NELJAS
PÕLVKOND
Selle põlvkonna kujundus on tõepoolest
interaktiivne – olulise sisuna on veebi liikunud
videod.
Oluliseks on saanud ka juurdepääsetavus – kui
hästi on veebilehe sisu edasiantav vaegnägijatele
kasutades ekraanilugeja tehnoloogiaid.
12. TEHNOLOOGIAD
Hulk tehnoloogiaid.
Peamised nendest on ASP.NET ja Silverlight.
13. Kui tahta luua töölauarakenduste omaduste ja
funktsionaalsusega võrreldavaid lahendusi veebis,
siis selle jaoks on Microsoft välja töötanud
platvormist ja veebilehitsejast sõltumatu
tehnoloogia Silverlight.
14. ALLOLEV JOONIS ANNAB HEA ÜLEVAATE, KUIDAS
PAIKNEVAD ERINEVAD TEHNOLOOGIAD
MICROSOFTI VEEBIPLATVORMI MAASTIKUL.
15. TÖÖRIISTAD
Mõned vahendid veebiga toimetamiseks on
käepärasemad tavakasutajatele, osad jällegi
disaineritele ja kolmandad on orienteeritud
arendajatele.
Microsoft Office abil saab veebilehti teha
tavakasutaja, kes oskab hästi Wordi ja Excelit, kuid
ei tea midagi veebilehtedest ega nendega
seonduvatest tehnoloogiatest.
16. VISUAL STUDIO
Microsofti peamiseks arendustööriistaks on Visual
Studio.
18. EXPRESSION BLEND
Silverlight rakenduste loomiseks on spetsiaalselt
välja töötatud uus tööriist Expression Blend. Blend
on mõeldud disaineritele ja selle ülesehitus
sarnaneb Adobe Photoshopile või -Illustratorile.
20. EXPRESSION WEB
Expression Web on veebidisaineritele mõeldud
tööriist.
Sellega on väga mugav kirjutada standarditele
vastavat HTML ja CSS-i ning selles on samamoodi
olemas IntelliSense.
22. HEAD TAVAD VEEBIDISAINIS
Veebilehe kujundamisel tuleks arvestada heade
tavadega, mis on veebiajaloo vältel välja
kujunenud. Juba neid reegleid järgides muutub leht
tublisti kasutajasõbralikumaks.
23. VEEBI KUJUNDUSE
ELUTSÜKKEL
Lihtsama veebilehe loomise ja hooldamisega saab
hakkama pea iga inimene, kellel on tehnilist taipu ja
silma kujunduseks, eeldab korraliku
veebirakenduse loomine lisaks kujundamisele ja
arendusele (sisu loomine, koodi kirjutamine jms)
siiski ka korralikku planeerimist, analüüsi, testimist
ning hilisemat ülalpidamist.
27. PILT VEEBILEHEL
Veebilehel saab kasutada peamiselt rastergraafikat,
toetatakse jpg, png ja gif failivorminguid, sest need
on piisavalt universaalsed (toetatud erinevate
arvutiplatvormide poolt) ning kasutavad
kompressiooni (failimahud on väikesed).
30. CSS
CSS (Cascading Style Sheets) – astmelised
stiililehed ehk kaskaadlaadistik ehk stiililehed on
keel, milles märgitakse üles veebilehtede kujundus.
Vastavate reeglite järgi pannakse kirja, kuidas
erinevaid HTML elemente peab näitama (värvid,
teksti font, suurus jne).
31. VEEBILEHE ÜLDINE KUJUNDUS
Veebilehe üldise kujunduse alla kuuluvad taust ning
teksti vaikimisi kasutatav välimus. Kõik järgnevalt
kirjeldatavad omadused kirjutatakse selektor body
jaoks:
body{omadused}
32. TEKSTI KUJUNDAMINE
Teksti kujundamisvõtted on tekstitöötlusest
tuttavad. Veebilehel tuleb nendega ettevaatlikult
ümber käia, sest ekraanilt lugemine on raskem kui
paberilt.
Teksti kujundamisvahendeid saab määrata kõigile
teksti sisaldavatele veebilehe osadele (pealkirjad,
lõigud, loendid, lingid jne).
33. KUIDAS PANNA VEEBIDISAIN
MÜÜMA?
Siin on 7 nõuannet mis veebidisaini juures
rakendades sinu müügitulemusi oluliselt
tõstavad:
1. Vastused 3 sekundi jooksul
2. Kasuta pilte, mis võimendavad sõnumit
3. Elimineeri valiku paradoks
4. Näita toodet
5. Tasuta!
