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
Ce atribut e folosit in tag-ul <img> pentru adresa imaginii?
href src rel
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
Care din aceste coduri CSS ascunde elementul in pagina?
display: none; display: inline; position: relative;
#id {
  display: none;
}
Ce instructiune opreste executia lui while() sau for() ?
continue prompt() break
for(var i = 0; i< 8; i++) {
  if(i > 1) break;
  alert(i);
}
Indicati functia utilizata pentru a crea constante.
define() include() defined()
define("CONSTANT_NAME", "value");
echo CONSTANT_NAME;
Care este forma de plural a substativului "class" (clasa)?
classes clases clasis
This school has three classes.
- Scoala asta are trei clase.
Care este pluralul substativului "voz" (voce)?
vose voze voces
Escuché dos voces.
- Am auzit doua voci.
Creare Butoane invizibile

Last accessed pages

  1. Teste Programare Web (1064)
  2. Verbe modale - Modal verbs - CAN, COULD, MAY, MIGHT, MUST (40218)
  3. GraidleChart Creare Diagrame grafice (357)
  4. Pensula si Radiera (295)
  5. this si target in Evenimente (136)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (5254)
  2. Curs HTML gratuit Tutoriale HTML5 (4326)
  3. Curs si Tutoriale JavaScript (3544)
  4. Prezentul simplu si continuu - Present Tense Simple and Continuous (3467)
  5. Curs PHP MySQL, Tutoriale si Scripturi PHP (3378)