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 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).
Creare Butoane invizibile

Last accessed pages

  1. Drag si Drop cu atribute HTML5 (653)
  2. Verbe modale - Modal verbs - CAN, COULD, MAY, MIGHT, MUST (55659)
  3. Conditional IF - Exercitii si teste engleza incepatori (15982)
  4. Pace mie, Pace fratelui meu, Pace lumii (112)
  5. Elemente principale HTML (22209)

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)