 |
Soft Educational, Lectii Video pentru Grafica Profesionala in Web Design. In materialele educationale "15. 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 >>. Lectiile Video 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. Aveti la dispozitie 45 Lectii Video, pe 4 CD-uri, la dimensiunea de 1280 / 768 pixel. |
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 flash | mostra>> |
| 43 | crearea
unui mail personalizat, pentru felicitarea de Sarbatori | mostra
|| mostra
fragment lectie veti putea realiza formatarea unui mail personalizat, asemanator cu acesta >> |
| 44 | aspectul mailului personalizat ( 800 / 600 pixel ) |
*obs.: lectii video identice cu cele
din materialele: din materialele Animatie, Interactivitate, la 800/600
pixel
Lectiile Video presupun cunostinte minimale referitoare la editarea
html, daca doriti aprofundarea acestora, va sugeram materialele educationale:
15. Creare de pagini web si structuri html