Curs Flash

Elementele pot fi aranjate si pozitionate in Scena unul langa celalalt, aliniate, rotite sau suprapuse (unul peste altul).
In tutorialul din aceasta lectie sunt prezentate optiunile folosite pentru diferite moduri de aranjare a elementelor in raport cu alte obiecte sau cu Scena.

1. Aranjare - Suprapunere

Partea mai dificila in aranjarea desenelor apare la suprapunerea lor unul peste altul, existand anumite reguli de ordine in suprapunerea formelor si obiectelor:

  1. Desenele facute cu "Object Drawing" sunt mereu plasate peste (deasupra) celor desenate cu "Merge Drawing", in acelasi Layer (Strat).
  2. Cand este desenat un obiect, acesta e plasat in fata ultimului.
  3. Grupurile (formate din mai multe elemente adaugate intr-un Grup) apar deasupra formelor si obiectelor din acelasi Layer.
  4. Fiecare nou Grup format va apare peste anteriorul.
- Flash permite schimbarea acestor ordini de aranjare prin optiunea Arrange, ce se afla in meniul Modify, aceasta apare si in meniul ce se deschide cand se da click-dreapta peste un element din Scena. Cu aceasta functie, obiectele pot fi plasate in fata sau in spatele altora.
Arrange are 4 comenzi: - Pentru a invata ce fac concret comenzile de mai sus, vedeti imaginea de jos si testati singuri urmatorul exemplu:
1. Se deseneaza 3 obiecte (cu "Object Drawing"), un cerc, un dreptunghi si un trinughi, putin suprapuse (dreptunghiul fiind intre cerc si triunghi)
2. Ca sa fie plasat cercul peste dreptunghi, se selecteaza cercul si din meniul Modify -> Arrange se alege Bring Forward (acum cercul a trecut un nivel in fata si e la mijloc).
3. Dupa aceasta modificare, dreptunghiul e dedesubt, pentru a-l aduce deasupra de tot (peste celelalte), se selecteaza dreptunghiul si din meniul Modify -> Arrange se alege Bring to Front (acum triunghiul e la mijloc).
4. Se selecteaza cercul si triunghiul (fara dreptunghi) si se adauga impreuna intr-un Grup (din meniul Modify -> Group (sau Ctrl+G)). Se observa ca dupa ce a fost format grupul, acesta e plasat automat deasupra dreptunghiului (inainte el era in fata).
5. Pentru a duce Grupul in spate de tot, se selecteaza si apoi din meniul Modify -> Arrange se alege Send to Back.

- Exemplu cu Arrange

Exemplu cu Arrange

Formele facute cu "Merge Drawing" nu pot fi aduse cu optiunea "Arrange" in fata obiectelor desenate cu "Object Drawing". Pentru a apare in fata obiectelor, trebuie desenate pe alt Layer superior.

2. Aliniere

Adobe Fash are un panou special pentru alinierea obiectelor in scena. Acesta poate fi deschis din meniul Window -> Align (sau Ctrl+K).
Panoul Align contine mai multe grupuri de butoane pentru alinierea si dimensionarea obiectelor intre ele, in raport cu marginile sau centrul lor, precum si alinierea obiectului (obiectelor) in raport cu marginile si centrul scenei (vedeti imaginea urmatoare).

- Panou Align

Panou Align
- Ca sa intelegeti ce fac butoanele din Panoul Align, incercati urmatorul exemplu:
1. Desenati un dreptunghi in scena si selectati-l.
2. Deschideti Panoul Align (din meniul Window -> Align, sau "Ctrl+K") si bifati optiunea Align to stage.
3. Testati efectul butoanelor de la Align, Space si Match size.
4. Stergeti dreptunghiul (cu tasta "Del") si desenati altre trei figuri geometrice, asezate aleator.
5. Selectati cele trei figuri desenate, deschideti Panoul Align si debifati optiunea Align to stage.
6. Testati efectul butoanelor, intai de la Distribute, apoi Align, Space si la urma Match size.
- Vedeti acest exemplu si in prezentarea urmatoare.

- Utilizare Panou Align

utilizare_panou_align
- Panoul Align poate fi folosit si cu grupuri de elemente.

3. Rotire

Rotirea obiectelor, liniilor si formelor in sensul direct sau invers orelor de ceas se face rapid cu instrumentul Free Transform Tool (situat in Bara cu instrumente pt. desen).
- Se selecteaza cu "Free Transform" obiectul ce trbuie rotit, apoi cu mouse-ul in unul din colturile cadrului de selectare (cand cursorul mouse-ului ia aspectul unei sageti in forma de cerc) se tine apasat si se roteste obiectul (dupa cum se vede in imaginea urmatoare).

- Rotire cu Free Transform

Rotire cu Free Transform
Rotirea cu Free Transform este mai putin precisa. Daca se doreste o rotire exacta de 90 de grade, se poate face din meniul Modify -> Transform -> Rotate 90o CW (sau Rotate 90o CCW, invers orelor de ceas).
- O rotire exacta cu un anumit numar de grade se poate face din Panoul Transform, care se deschide din meniul Window -> Transform (sau "Ctrl+T").
- Se selecteaza obiectul (obiectele) ce trebuie rotit, se deschide "Panoul Transform" si se adauga numarul de grade pt. rotatie imediat sub Rotation (buton ce trebuie sa fie bifat, vedeti in imaginea urmatare).

- Rotation in Panoul Transform

Rotation in Panoul Transform
- Rotatia din acest panou se face in sensul orelor de ceas.

Un alt tip de rotatie ete cel in oglinda. Aceasta se face din meniul Modify -> Transform -> Flip Vertical (sau Flip Horizontal). Cu aceste doua optiuni, obiectul, Grupul, pot fi rotite vertical sau orizontal obtinandu-se imaginea acestora in oglinda.

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care meta tag se foloseste pentru scurta descriere a paginii?
<meta content="..."> <meta description="..."> <meta http-equiv="...">
<meta name="description" content="70-160 caractere ce descriu continutul paginii" />
Ce proprietate CSS opreste efectul dat de "float"?
clear text-align position
#some_id {
  clear: both;
}
Clic pe metoda ce creaza un array cu toate elementele din pagina cu un anumit nume de tag.
getElementsByName() getElementById() getElementsByTagName()
var divs = document.getElementsByTagName("div");
var nr_divs = divs.length;
alert(nr_divs);
Indicati functia PHP ce returneaza numarul de elemente dintr-un array.
is_[) count() strlen()
$arr =[7, 8, "abc", 10);
$nri = count($arr);
echo $nri;        // 4
Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "I live (happy)".
happly happily hapily
I live happily.
- Traiesc fericit (in mod fericit).
Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "Vivo (feliz)".
felizamente felizmente felices
Vivo felizmente.
- Traiesc fericit (cu fericire).
Suprapunere, Aliniere si Rotire

Last accessed pages

  1. Conditional IF - Exercitii si teste engleza incepatori (15982)
  2. Pace mie, Pace fratelui meu, Pace lumii (112)
  3. Elemente principale HTML (22209)
  4. Parcurgere Array secvential si asociativ (1073)
  5. Subjunctiv - Introducere (3625)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2463)
  2. Curs HTML gratuit Tutoriale HTML5 (2294)
  3. Curs si Tutoriale JavaScript (1502)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (1500)
  5. Curs si Tutoriale Ajax (1456)