:: inapoi la soft educational tehnic ::
Exemplu pagina web - soft educational grafica pentru web

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.
Veti studia si notiuni de animatie in webdesign, veti crea un intreg site in format flash, dupa acest model >>

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


Titlurile temelor si subiectelor abordate:

alegerea culorilor pentru pagina web, scheme de culori primare, tertiare, tetrare,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,structura unei pagini web cu slice-uri, analiza paginii web precizari asupra constructiei slice-urilor,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,inglobarea in structura html a acestora; editarea backgroundului unei celule dintr-un tabel,principiul editarii html: inlocuirea imaginilor sectionate cu structuri html pentru reducerea dimensiunilor fisierelor paginii web,inlocuirea backgroundului tabelelor,butoane pentru web,tipuri de butoane: rollover tile,definirea hartilor de imagini, zone hot spot,pregatirea imaginilor pentru web, caracteristicile imaginii cu destinatie web,galerii de imagini pentru web, structura unui web photoalbum, prelucrarea fotografiilor pentru fotoalbum,automatizari photoalbum; realizarea unui web album,J Album, particularizarea acestuia,operatii de automatizare in grafica pentru web, prelucrarea automata a unui numar mare de fotografii pentru cresterea productivitatii, structura operatiilor de batch, operatii de automatizare cu corel photopaint, batch, scripturi de automatizare,construirea unui layout al unei pagini web cu menu de tip hotspot,editarea celulelor de tabel in pagina web,inlocuirea imaginilor jpeg cu tile background,crearea unui layout cu rollover buttons,construirea headerelor,prelucrarea galeriilor de imagini,animatia in grafica web,exemplificarea layerelor in animatie,inserarea unei fotografii fara backround in flash, prelucrarea fotografiei ; crearea butoanelor tip rollover in format flash, atribuirea starilor normal, over, down, atribuirea linkurilor,,importul imaginilor bitmap in formatul flash, animarea bitmap-urilor, managementul timeline, durata de viata a layerelor, suprapunerea mutarea layerelor,crearea unei animatii propriu-zise pentru o zona a paginii web,controlul animatiei, actiuni atribuite ramelor frames si actiuni atribuite butoanelor, actiuni de tip stop, goto, etichete alocate ramelor frames label,crearea unui banner animat in format flash