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

Crearea paginilor web, editare html,crearea testelor computerizate

Crearea paginilor web, editare html,crearea testelor computerizate Mostra 1 Mostra 2 In aceast curs de web design, alcatuit din 34 de lectii video veti invata foarte rapid sa creati pagini web cu aspect si functionalitate profesionista, veti putea concepe propriile prezentari ( lucrari de grad, doctorat, prezentari complexe ) sub forma de pagini web care sa ruleze local ( pe calculator, nu neaparat pe internet ), dar mai ales veti invata sa generati propriile teste computerizate interactive. Veti edita elemente html ca headerul paginii, etichetele alt, meta,a href, div, astfe ca veti patrunde adanc in structura html a unei pagini web. Continuturile Lectiilor Video 1 – structura unei pagini web, programul gratuit utilizat 2 – pregatirea imaginilor pentru web utilizand programe gratuite 3 – construirea imaginii Header a paginii web, backroundul paginii web 4 – inserarea imaginilor in pagina web, crearea backroundului 5 – optimizarea primara a structurii paginii web, crearea structurii meniului de navigare, optimizarea headerului paginii 6 – multiplicarea paginii, crearea subpaginilor web 7 – imbunatatirea designului navigarii 8 – crearea hyperlinkurilor intre subpaginile web 9, 10 – designul linkurilor, linkuri vizitate, linkuri active 11 – editarea continutului paginii web 12, 13 – editarea continutului unei pagini web care contine text si imagin, modificarea fontului: marime, tip, aliniere, asezarea in pagina 14, 15 – structura arborescenta a paginii web, realizarea linkurilor catre pagina home, navigarea arborescenta, cai relative si absolute in linkul catre un fisier 16 – reprezentarea structurii arborescente a paginii, cai relative, realizare 17 – inserarea unui link extern care se deschide intr-o noua fereastra 18 – crearea paginilor html pentru pre vizualizarea si vizualizarea fotografiilor; prelucrarea fotografiilor pentru previzualizare optima 19, 20 – realizarea legaturilor intre paginile care contin si afiseaza fotografii 21 – inscrierea etichetelor “meta” si vizualizarea /editarea html in modul de vizualiziare “source”, incursiune in editarea codului html 22, 23 – editarea codului sursa pentru pagina web 24, 25, 26, 27 – finalizarea paginii, editari de linkuri, linkuri de tip ancora 28 – setarea Internet Explorer pentru a permite rularea continutului activ ( Active Content ) in calculatorul meu 29, 30, 31 – editare avansata in cod html: personalizarea testelor, adaptarea intrebarilor si rapsunsurilor 32, 33 - urcarea paginii web pe internet printr-un client FTP, din nou un program gratuit care functioneaza excelent 34 - modificarea unei pagini si inlocuirea acesteia pe server

Curs Web Design

Curs Web Design Exemplul 1 Exemplul 2 Exemplul 3 In acest curs de Web Design vom descoperi o formidabila suita de editare web profesionala, gratuita si legala, inclusiv instrumente de editare de imagine si chiar imagine panoramica. Veti putea crea o pagina web profesionala, urmarind cateva lectii video, extrem de precis concentrate pe exact ceea ce trebuie sa stiti pentru dezvoltare de webdesign profesional. Click pe imagini! Vom construi pagina web de la zero, inclusiv imaginile care intra in componenta sa, ocupand-ne de crearea unui baner cu o fotografie panoramica, corectarea fotografiei, alegerea unei scheme de culori pentru pagina web, schitarea layoutului paginii web. Un curs de web design extrem de concentrat si eficient! In cele din urma vom invata sa editam o filmare proprie, sa creeam un video clip din aceasta, sa adaugam imagini si sa le transformam in alt videoclip, sa editam titluri, efecte video, tranzitii, dupa care vom exporta filmul, il vom publica pe youtube apoi il vom ingloba intr-o pagina web. Un curs de web design complet! In acest curs de web design vom edita un layout, trecand prin toate elementele de editare html, vom crea structura de navigare si linkurile, vom completa continutul paginii web, vom folosi propriile butoane roll-over la care vom edita fiecare stare, vom folosi e-frames, vom insera si formata text, tabele, imagini, filme, scripturi JavaScript si vom crea un fotoalbum flash Vom invata sa editam o pagina template/master, pentru ca atunci cand este nevoie de modificari, sa nu editam fiecare pagina web componenta, ci doar sa editam pagina Master, schimbarile reflectandu-se imediat asupra celorlalte pagini. La finalul acestui curs de web design, veti crea aceasta pagina web in mai putin de 2 ore: exemplu >> Videotutorialele au dimensiunea de 1277/977 pixeli. Curs Web Design - Titlurile Lectiilor Video: 1. Obtinerea programelor gratuite cu care vom lucra, descriere 2. Fotografia panoramica. Crearea unui baner profesional. 3. Corectii ale fotografiei panoramice, editarea imaginii 4. Redimensionarea imaginii banerului pentru pagina web 5. Alegerea schemei de culori, tipuri de scheme de culori, relatii intre culori 6. Obtinerea schitei Layoutul paginii web 7. Introducere in programul de editare Web. Editarea unei pagini Template/Master. Stabilirea backgroundului, a dimensiunii paginii web. Inserarea unei imagini (pregatita anterior in lectiile 2 si 3) ca baner 8. Notiuni despre linkuri si navigarea intre pagini, schema structurala a site-ului web 9. Crearea de butoane Roll-Over personalizate, starile butoanelor, designul butoanelor de navigare 10. Inserarea butoanelor Roll-Over in layoutul paginii web 11. Crearea celorlalte pagini, definitivarea structurii de navigare 12. Crearea textului pentru meniul de navigare, creerea linkurilor pentru butoanele roll-over si pentru text 13. Definitivarea stilului hyperlinkurilor, linkuri catre pagini externe site-ului 14. Editarea continutului paginii Home, formatarea textului in e-frames / creative html frames 15. Inserarea unei harti interactive Google Map 16. Inserarea de clipuri audio / video si a filmelor (embed) de pe youtube, crearea unui fotoalbum Java Script sau Flash 17. Editari html ale continutului, inserare si formatare de text, forme geometrice 18. Inserarea obiectelor importate sau legate (link) inserarea si formatarea tabelelor html 19. Definitivarea formatarii 20. Formatare de text html, html text frame tool sau creative frame text, formatarea textului pe coloane 21. Exportul paginii web in formate clasice html 22. Editarea template-ului paginii web si update-ul celorlalte pagini, inserarea unui e-mail link 23. Modificarea dimensiunilor intregului site, modificarea / adaugarea elementelor de design 24. Definitivarea aspectului, inserarea unor noi clipuri video, updatarea continutului 25. Definitivarea aspectului, retusuri finale, verificarea siteului, publicarea / exportul variantei finale. 26. Exportul noii variante a paginii web 27. Personalizari de meniu 28. Controlul linkurilor pentru fisierele linked and embed. Editari grafice avansate. Crearea unui alt meniu de navigare. Ceea ce obtinem puteti vedea aici >> 29. Crearea, editarea filmelor din componenta paginii web, creerea unui clip video din imagini si filmari proprii, editarea clipului video: tranzitii, titluri, efecte video. Exportul filmului, publicarea pe youtube si inglobarea acestuia in pagina web. 30. Crearea unei pagini web prin atribuirea unei scheme de culori prestabilite 31. Exercitiu: realizarea unui layout aplicand schemele de culori asupra paginii Master. Analiza Web a unei pagini, identificarea elementelor html. Ceea ce obtinem puteti vedea aici >> 32. Exercitiu: un alt layout pentru acelasi continut.