Curs Flash

Butoanele (Button Symbols) au un Timeline proprui, special, cu 4 cadre specifice: Up, Over, Down si Hit.

Cadre Buton Pentru a crea un buton invizibil, se lasa Scena de la primul Frame (Up) goala, iar pentru celelalte cadre (Over si Down) e optional, daca se doreste ca sa apara sau nu butonul la pozitionarea sau click-ul mouse-ului pe el.
Scena de la "Up" fiind lasata goala, nu va apare nici o imagine vizibila pentru buton. In acest caz este important cadrul "Hit", aici se defineste zona activa, facand butonul functional.

Iata un exemplu in care vor fi create 2 butoane invizibile. Unul din ele va fi vizibil cand mouse-ul trece deasupra lui, celalalt se va face vizibil doar cand este apasat click pe el. Efectuati urmatorii pasi:
1. Deschideti un document Flash nou, cu scena alba, alegeti instrumentul pentru desenat dreptunghiuri (Rectangle Tool) si desenati un dreptunghi in partea stanga in Scena.
2. Dreptunghiul fiind selectat, alegeti meniul Modify -> Convert to Symbol. In fereastra care se deschide (pt. transformare in Symbol) alegeti la Type optiunea Button.
Acum dreptunghiul din Scena a devenit buton.
3. Click-dreapta pe dreptunghiul din scena si Edit (sau dublu-click pe el, cu "Selection Tool"). Asa se intra in pagina lui de editare..
4. In panoul Timeline al butonului dati click-dreapta pe cadrul "Over" si alegeti Insert Keyframe, la fel si pt. cadrul "Hit", click-dreapta pe el si Insert Keyframe.
  - La "Over" s-a adaugat butonul cum sa arate cand mouse-ul e deasupra lui, iar la "Hit" s-a creat zona activa, care e chiar butonul (daca se doreste ca zona activa sa fie mai mare sau mai mica, se poate modifica desenul in Scena)
Pentru a-l face invizibil, trebuie sters din cadrul "Up". Click-dreapta pe el si alegeti Clear Frames.
5. Iesiti din pagina de editare a butonului (prin click pe numele scenei, "Scene 1", sau meniul Edit -> Edit Document), observati ca pentru a indica faptul ca butonul este invizibil, Flash la colorat in albastru-deschis transparent.
6. Alegeti instrumentul pentru desenat figuri ovale (Oval Tool) si desenati un cerc in partea dreapta, apoi transformati-l in buton (ca si pe dreptunghi, din meniul Modify -> Convert to Symbol).
7. Dupa ce a fost cercul transformat in buton, intrati in pagina lui de editare (click-dreapta pe el si Edit).
8. In aceasta pagina faceti Keyframe la "Down" si "Hit" (click-dreapta pe fiecare si "Insert Keyframe").
9. Click-dreapta pe Frame-ul "Up" si dati Clear Frames pt. a face invizibil butonul.
Faceti la fel si la cadrul "Over" (sa fie pagina goala), pentru ca acest buton sa fie invizibil si cand se trece cu mouse-ul deasupra lui.
  - Va apare vizibil doar cand se apasa click pe el.
10. Iesiti din pagina de editare buton (click pe "Scene 1") si apasati "Ctrl+Enter" ca sa testati continutul documentului Flash.
Scena e goala, dar ca indiciu ca sunt butoane in ea, cand cursorul de la mouse ajunge deasupra lor isi schimba aspectul in "manuta-indicatoare".
  - Butonul din latura stanga apare vizibil cand cursorul e deasupra lui, iar pt. cel din dreapta trebuie apasat click pe locatia lui..
Testati si gasiti butoanele in Flash-ul urmator, care este rezultatul acestui exemplu.
- Ca sa nu apara butonul nici la click, lasati goala Scena si la cadrul "Down".
- In prezentarea urmatoare puteti vedea cum se face acest exemplu.

- Tutorial Butoane invizibile

tutorial_butoane_invizibile_pasi
- Fisierul FLA cu acest exemplu poate fi descarcat de la: Tutorial Butoane invizibile.

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag se foloseste in <table> pentru a crea celula de tip "header"?
<thead> <th> <td>
<table><tr>
  <th>Title 1</th>
  <th>Title 2</th>
</tr></table>
Ce proprietate CSS seteaza distanta dintre randuri?
line-height word-spacing margin
.some_class {
  line-height: 150%;
}
Care functie deschide o noua fereastra.
alert() confirm() open()
document.getElementById("id_button").onclick = function(){
  window.open("http://coursesweb.net/");
}
Indicati functia PHP care returneaza un array cu numele fisierelor si directoarelor dintr-un director.
mkdir() scandir() readdir()
$ar_dir = scandir("dir_name");
var_export($ar_dir);
Care din urmatoarele forme a verbului "sleep" (a dormi) se foloseste pentru viitor?
sleeping slept will sleep
He will sleep there.
- El va dormi acolo.
Care din urmatoarele forme a verbului "dormir" (a dormi) se foloseste pentru viitor?
dormido dormirá durmiendo
Él dormirá allí.
- El va dormi acolo.
Creare Butoane invizibile

Last accessed pages

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (271994)
  2. Coduri pt culori (69986)
  3. Formatare text in pagina html (37625)
  4. Curs HTML gratuit Tutoriale HTML5 (194439)
  5. Verbe modale - Modal verbs - CAN, COULD, MAY, MIGHT, MUST (67072)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (791)
  2. Cursuri limba engleza gratuite si lectii online (349)
  3. Coduri pt culori (348)
  4. Gramatica limbii engleze - Prezentare Generala (338)
  5. Exercitii engleza - English Tests and exercises - Grammar (316)