sâmbătă, 5 ianuarie 2013
Grafica Profesionala si Animatia in Web Design
Grafica Profesionala si Animatia in Web Design
Exemplu elementar
Mostra Video din curs web design: newsletter.
Soft Educational, Lectii Video, Curs pentru Grafica Profesionala in Web Design.
In materialele educationale Crearea unei pagini web, teste html ati facut o prima incursiune in interiorul codurilor html, ati invatat sa creati pagini web, backrounduri, text, tabele si linkuri intre pagini, ati invatat sa particularizati codul html si sa il adaptati scopului dvs., creand chiar teste html. In aceste Lectii Video veti invata sa creati grafica profesionala pentru web, cu ajutorul programelor profesionale de editare grafica.
Veti invata sa editati imagini pentru web, sa creati pagini profesionale, galerii de imagini, harti de imagini, pentru ca, in ultima parte a Lectiilor Video, sa trecem la constructia structurii unei pagini web profesionale >>
Aveti la dispozitie un curs web design format din 45 Lectii Video, pe 4 CD-uri, la dimensiunea de 1280 / 768 pixel.
Lectiile Video din acest curs de web design sunt structurate pe aplicatii, notiunile teoretice fiind date numai acolo unde sunt absolut indispensabile. Lectiile nu se limiteaza la capitolul "grafica", ci veti invata sa creati o pagina web profesionala de la inceput pana la sfarsit. Veti studia si notiuni de animatie in webdesign, veti crea un intreg site in format flash, dupa acest model >>
Titlurile Lectiilor Video:
CD nr. 1
I. notiuni de baza ale prelucrarii imaginii pentru web
1 alegerea culorilor pentru pagina web, scheme de culori primare, tertiare, tetrare, etc
2 crearea layoutului paginii; structura unei pagini web cu slice-uri, analiza paginii web structura unei pagini web cu slice-uri, definirea sectiunilor / slice-urilor, analiza paginii web www.softedu.eu, layoutul paginii web, tipuri de background al paginii web, tile background; crearea sliceurilor unui layout; exportul paginii in format html cu slice-urile inglobate
3 structura unei pagini web cu slice-uri, analiza paginii web precizari asupra constructiei slice-urilor, exemplu, detalii
4 structura unei pagini web cu slice-uri, analiza paginii web principiu de lucru al imaginilor inglobate intr-o pagina web, tipuri de fundaluri, obtinerea tile backround si inglobarea in structura html a acestora; editarea backgroundului unei celule dintr-un tabel
5
principiul editarii html: inlocuirea imaginilor sectionate, cu structuri html pentru reducerea dimensiunilor fisierelor paginii web; inlocuirea backgroundului tabelelor
6 butoane pentru web; definire, exemplificare
7 tipuri de butoane: rollover si tile; principii, avantaje si dezavantaje, aplicatie
8 definirea hartilor de imagini, zone "hot spot" ale paginii web, creare, functionalitate
CD nr. 2
II. construirea graficii pentru pagina web
9 pregatirea imaginilor pentru web, caracteristicile imaginii cu destinatie web
10 galerii de imagini pentru web, structura unui web photoalbum, prelucrarea fotografiilor pentru fotoalbum
11 automatizari ale realizarii unui photoalbum; realizarea practica a unui web album cu programe profesionale si programe gratuite | mostra aici >>
12 utilizarea unui J Album, particularizarea acestuia
13 operatii de automatizare in grafica pentru web: prelucrarea automata a unui numar mare de fotografii pentru cresterea productivitatii, structura operatiilor de batch, exemplificare
13_a operatii de automatizare cu corel photopaint, batch fiel, scripturi de automatizare ( 800 / 600 pixel )
14 construirea unui layout al unei pagini web cu menu de tip hotspot
15 prelucrarea fotografiilor cu forme deosebite, pentru inserarea intr-o pagina web
16 prezentarea programului Adobe Photoshop elements, cu care se va face constructia layoutului paginii web
CD nr. 3
17 constructia efectiva a layoutului paginii web, partea 1
18 constructia efectiva a layoutului paginii web, partea 2
19 realizarea efectiva a sectionarii ( slicing ) pentru layoutul realizat in Adobe Photoshop Elements, sectionarea in Corel Photopaint ( procedura identica cu sectionarea in Image Ready, Macromedia Fireworks ori alt editor profesional de imagine )
20 construirea paginii web, indepartarea zonelor sectionate nedorite in editorul html
21 editarea celulelor de tabel in pagina web, inlocuirea imaginilor jpeg cu tile background
22 varianta: crearea unui layout cu rollover buttons
23 crearea structurii websiteului
24 prelucrarea diferentiata a zonelor din pagina web, inlocuirea / construirea headerelor
25 prelucrarea galeriilor de imagini, prelucrarea / modificarea unor zone ale paginii web
III. animatia in grafica web, utilizare componentei rave din cadrul suitei corel 12 pentru siteuri flash
26 animatia; crearea unei zone animate intr-o pagina web
27 bazele animatiei in grafica web , introducere *
28 notiuni definitorii, viteza animatiei, rame pe secunda, FPS *
29 barele de instrumente in rave *
30 barele de instrumente - exemplificare *
31 utilizarea definirea si exemplificarea layerelor in animatie *
CD nr. 4
32 crearea layoutului paginii web in format flash, exportul, dimensiuni de fisier, optimizari
33 inserarea unei fotografii fara backround in formatul flash, prelucrarea fotografiei ; crearea butoanelor tip rollover in format flash, atribuirea starilor "normal", "over", "down", atribuirea linkurilor
34 plasarea elementelor vectoriale in formatele flash, modalitati de import si prelucrare
35 completarea textului pentru butoane, redimensionarea lor
36 introducerea / importul altor imagini fara background in layoutul web
37 posibilitati de modificare a layoutului in timpul editarii site-ului flash
38 editarea unor noi zone din pagina web in format flash, familiarizarea cu utilizarea obiectelor si stivelor de obiecte ( layers ), atribuirea si modificarea de proprietati obiectelor ( culoare, dimensiuni ), ordonarea obiectelor, utilizarea variantelor de umplere / fill, asezarea textului
39 importul imaginilor bitmap in formatul flash, animarea bitmap-urilor, managementul timeline, durata de viata a layerelor, suprapunerea / mutarea layerelor
40 crearea unei animatii propriu-zise pentru o zona a paginii web
41 controlul animatiei, actiuni atribuite ramelor / frames si actiuni atribuite butoanelor, actiuni de tip stop, goto, etichete alocate ramelor / frames label
42 crearea unui banner animat in format flas
Abonați-vă la:
Postare comentarii (Atom)
Niciun comentariu:
Trimiteți un comentariu