Simpla Animatie Flash, Save, Export

Pentru inceput, pentru a demonstra cat de usor este lucrul in Adobe Flash, mai ales pentru elementele simple, iata cat de simplu poate fi creata o animatie Flash, in doar cateva miscari.
Efectuati pasii urmatori:

1. Deschideti aplicatia Adobe Flash si dati click pe ActionScript 3.0, de la coloana Create New a paginii de start.
- Daca pagina de start nu e vizibila initial, dati click pe meniul File -> New... (sau Ctrl+N) si alegeti ActionScript 3.0, apoi OK.
2. Dati click pe dreptunghiul din bara cu instrumente pentru desen (sau apasati tasta R). Se observa ca dreptunghiul din bara instrumentelor de desen devine activ, acum mouse-ul va putea desena dreptunghi-uri (sau patrate) pe suprafata de lucru.
3. In partea stanga a zonei de lucru trasati un patrat de dimensiuni medii.
4. In panoul Timeline, ce contine un sir cu mai multe celule (cadre), selectati cadrul 25 (vedeti imaginea "Select cadru"), apoi, dati click pe meniul Insert -> Timeline si Blank keyframe (sau apasati tasta F7). Va apare o scena goala (alba).
- Panoul Timeline ar trebui sa fie vizibil sub scena alba, daca nu apare, dati click pe meniul Window -> Timeline.

Select cadru

5. Apasati tasta O, ceea ce va face cursorul sa poata desena fguri ovale, cercuri; si desenati un cerc de dimensiuni medii in partea dreapta a scenei.
6. Dati click pe punctul de sub numarul 1 din panoul Timeline, ceea ce va reintoarce la cadrul 1 (unde incepe animatia).
- Acel punct reprezinta un indiciu ca exista continut in acel cadru.
7. Click meniul Insert si alegeti Shape Tween (vedeti imaginea "Insert Shape Tween"). Acum animatia e creata.
8. Pentru a vedea animatia, click pe meniul Control si Play (sau apasati tasta Enter).

Insert Shape Tween

- Pentru a vedea rezultatul obtinut, click pe imaginea de mai jos:

Exemplu animatie Flash

- De aici -> FLa - Ex. animatie puteti descarca fisierul in format FLA al exemplului.
In tutorialele urmatoare veti putea invata mai multe despre crearea animatiei in Flash. Acesta e doar un exemplu ca sa vedeti cat de usor este crearea unei animatii simple.

Salvarea / Deschidere / Export continut Flash

Un fisier Flash se numeste in general document. Documentele Flash sunt salvate (meniul File -> Save, sau Ctrl+S) cu extensia ".fla".
Fisierele ".fla" contin toate informatiile necesare pentru ca respectivul document Flash sa poata fi deschis si modificat cu programul Adobe Flash.

- De exemplu, pentru a salva animatia facuta si prezentata mai sus, apasati Ctrl+S (sau meniul File -> Save), apoi, in fereastra care apare alegeti directorul in care sa fie salvat documentul, dati-i un nume sugestiv (ca mai tarziu sa stiti despre ce e vorba), de exemplu "prima_animatie.fla" si apasati Save. Documentul creat si elementele din el sunt salvate.

Astfel, oricand se pot efectua modiificari, adaugari la aceasta animatie prin deschiderea documentului ".fla" salvat, cu aplicatia Adobe Flash, apasand Ctrl+O (sau din meniul File -> Open).

Pentru a adauga intr-o pagina Web continutul Flash creat intr-un document (.fla), trebuie ca acesta sa fie Exportat cu extensia ".swf", din meniul File -> Export si Export Movie. Prin aceasta se va obine un fisier cu extensia ".swf" ce contine animatia, efectele sau ce a fost creat in respectivul document ".fla", si care sunt recunoscute si afisate de Flash Player-ul instalat in browser.
Continutul fisierului ".swf" poate fi inclus intr-o pagina web folosind urmatorul cod (X)HTML:

- "nume_fisier.swf" e calea si numele fisierului SWF.
- "width" si "height" stabilesc lungimea, respectiv inaltimea, suprafetei in care va fi afisat continutul Flash in pagina.
- value="#e8e8fe" defineste culoarea de fundal a suprafetei in care e adaugat continutul Flash.

- De exemplu, pentru a include intr-o pagina HTML animatia creata mai sus, intai trebuie exportata ca fisier SWF (click pe meniul File -> Export si Export Movie), in fereastra care apare alegeti directorul in care sa fie salvat fisierul si dati un nume (de ex. "prima_animatie.swf") si apasati Save.
In pagina HTML se adauga urmatorul cod:

- Daca directorul in care se afla pagina HTML e diferit de cel in care se gaseste fisierul SWF, la "prima_animatie.swf" trebuie adaugata si calea catre acel director.

In afara de formatul initial de salvare (Flash CS5 Document (*.fla)), documentul Flash poate fi salvat (de la File -> Save sau File -> Save As) ca:
- Flash CS4 Document (*.fla) - Util daca acel document trebuie ulterior deschis si prelucrat cu versiunea Adobe Flash CS4
- Flash CS5 Uncompressed Document (*.xfl) - Acest format va crea un director cu un fisier ".xfl" si alte tipuri de fisiere (JPG, XML, DAT) ce vor contine informatii despre acel document Flash, care pot fi folosite si in alte programe, precum Adobe InDesign si Adobe After Effects.
- Documentul Flash poate fi salvat si ca Template, de la meniul File -> Save as Template. Acesta va putea fi apoi deschis si folosit din libraria cu Template-uri, de la meniul File -> New, iar in fereastra care apare se alege categoria "Templates".

Pe langa optiunea de export ca fisier ".swf", exista inca o modalitate de export des utilizata, si anume Export Image. Cu aceasta se poate crea o imagine a scenei curente de lucru (cu toate desenele din cadrul ei), salvata in fisiere cu format: bmp, jpg, jpeg, gif sau png. Pentru aceasta, se alege meniul File -> Export -> Export Image, iar in fereastra care apare se poate alege directorul si tipul (extensia) fisierului cu imaginea salvata.

<<-Principalele ferestre de lucru .. -- Scena Panouri si instrumente ..->>

Un Test simplu in fiecare zi

HTML

CSS

JavaScript

PHP-MySQL

Engleza

Spaniola

Ce tag adauga imagine in pagina web?

<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />

Care din aceste coduri CSS afiseaza textul inclinat?

font-style: italic; text-decoration: underline; font-weight: 500;

#id {
  font-style: italic;
}

Clic pe functia jQuery care ascunde animat un element HTML.

click() hide() show()

$(document).ready(function() {
  $(".a_class").click(function(){ $(this).hide("slow"); });
});

Clic pe functia definita corect in PHP.

fname function() {} function fname() {} function $fname() {};

function fname($a, $b) {
  echo $a * $b;
}

Indicati forma pentru Prezent Perfect Continuu a verbului "to walk" (a merge).

have walked have been walking be walking

I have been walking for 5 hours.
- Merg pe jos de 5 ore.

Indicati Trecutul Nedefinit pentru verbul "ser" (a fi) la forma Yo.

será sería fui

Yo fui entrenador.
- Am fost antrenor.