domenica 1 febbraio 2009

Web Video Tutorial

In questa sezione di video tutorial troverete delle lezioni online su:
Flash /ActionScript /Flex /AIR o Dreamweaver /HTML, XHTML, CSS, Javascript.
Il materiale verrà aggiornato periodicamente. Qui sotto troverete di volta in volta i link ai videotutorial che verranno prodotti.
Sempre pronti a migliorare i servizi di questo blog, lasciate un commento sulle vostre considerazioni!!! Grazie dell'attenzione! Stay tuned!!! :)


Flash, ActionScript, Flex, AIR

  1. Creare animazioni con la classe Tween in ActionScript 3.0 [2:20]
  2. Creare menu dinamici in ActionScript 3.0 [2:50]
  3. Gestire il caricamento di immagini esterne [2:01]
  4. Creare una document Class in Flash [3.11]
Dreamweaver, HTML, XHTML, CSS, Javascript
  1. Utilizzare il framework SPRY di Dreamweaver [2:50]
  2. Creare una struttura table-less con i CSS [4:21]
  3. Creare rollover con i CSS [2:50]

7 commenti:

SABA ha detto...

fantastici,che dire.
davvero ben fatti.
appare tutto cosi lineare e semplice.

Bravo.

Fabio Bernardi ha detto...

Beh che dire?? Grazie!!! Fa piacere sapere che il lavoro è stato utile! :)

Mattia ha detto...

oh grande Fabio ottima prova con questi videotutorial!
se posso fare una considerazione io metterei la possibilità di scaricare l'esempio svolto nel video, cosi da poterlo testare subito prima di seguire il videotutorial.

cmq complimenti veramente da paura...

p.s. domani seguirò il tuo eseminar su adobe.

ciau maaestro!

iSazu ha detto...

Spero che questi video tutorial continuino... Ora sto facendo un corso di web design (pagato profumatamente) e non faccio altro che discutere con l'insegnante perchè ci fa utilizzare le tabelle e ignora completam i css! Complimenti a te che sei bravissimo a spiegare! Ciao :)

Fabio Bernardi ha detto...

Se c'è sempre gente che li guarda... continuerò a farli! :) Grazie a te piuttosto per i complimenti! ... magari proseguo con i CSS :)

iSazu ha detto...

Io sarò una tua seguace: dove c'è da imparare qualcosa di nuovo, io ci sono!!! ..sì sì!vai di css! ^___^

Anonimo ha detto...

Ciao Fabio,
grazie per questi tutorial, specialmente quelli video, che per un principiante come me sono una manna.
Grazie al video tutorial sulla classe Tween ho realizzato un animazione sui tre componenti che compongono il logo del mio studio.
Il mio sito è basato su un template gratuito adattato alle mie esigenze.
L'animazione se usata in un stage vuoto funziona (anche se ha volte si ferma prima del completamento) ma una volta inserita nel codice del sito mi dà problemi con la generazione del menu. Praticamente la pagina si compone correttamente; ma la prima volta (solo la prima volta) che clicco su una voce del menu l'animazione del logo riparte sovrapponendosi al logo già caricato.

Grazie per l'attenzione che vorrai dedicarmi

Stefano

segue listato

preloader

stop();
import flash.net.URLRequest;
import flash.ui.ContextMenu;
import fl.transitions.Tween;
import fl.transitions.easing.*;


ecc ecc

fotogramma 1

new Tween (pt, "x", Strong.easeOut, -100 - pt.width, 40, 24, false) ;
new Tween (rettangolo, "x", Strong.easeOut, 0 - rettangolo.width, 10.9, 24, false) ;
new Tween (promo, "y", Bounce.easeOut, -300, 59, 24, false) ;


flashmo_button.visible = false;
var menu_label:Array = new Array("Benvenuti",
"Servizi",
"Metodo",
"Clienti",
"Contatti");
var total:Number = menu_label.length;
var spacing:Number = 6;
var i:Number = 0;
var page:Number;
var main_menu:MovieClip = new MovieClip();

stage.addChild(main_menu);
stage.addChild(logo_bg); //sfondo per logo e header copre costruzione menù
stage.addChild(rettangolo);
stage.addChild(pt);
stage.addChild(promo);
stage.addChild(Header);


for( i = 0; i < total; i++ )
{
var btn = new button();
btn.name = "btn" + i;
btn.x = flashmo_button.x + (flashmo_button.width + spacing) * i;
btn.y = flashmo_button.y + (i % 2) * 50;
btn.item_no = i;
btn.addEventListener( Event.ENTER_FRAME, btn_enter );

var each_substring:Array = menu_label[i].split("|");
btn.item_label.fm_label.text = each_substring[0];
btn.item_url = each_substring[1];
main_menu.addChild(btn);
}

function btn_over(e:MouseEvent):void
{
e.target.over = true;
}

function btn_out(e:MouseEvent):void
{
e.target.over = false;
}

function btn_click(e:MouseEvent):void
{
var mc = e.target.parent;
if( mc.item_url != undefined )
navigateToURL( new URLRequest( mc.item_url ), "_parent" );
else
change_page(mc.item_no);
}

function btn_enter(e:Event):void
{
var mc = e.target;
if( mc.over == true )
mc.nextFrame();
else
mc.prevFrame();
}

function change_page(no:Number):void
{
for( var i:Number = 0; i < main_menu.numChildren; i++ )
{
var mc = MovieClip( main_menu.getChildAt(i) );
mc.over = false;
mc.click_area.visible = true;
mc.addEventListener( MouseEvent.ROLL_OVER, btn_over );
mc.addEventListener( MouseEvent.ROLL_OUT, btn_out );
mc.addEventListener( MouseEvent.CLICK, btn_click );
}
var mc_selected = MovieClip( main_menu.getChildAt(no) );
mc_selected.over = true;
mc_selected.click_area.visible = false;
mc_selected.removeEventListener( MouseEvent.ROLL_OVER, btn_over );
mc_selected.removeEventListener( MouseEvent.ROLL_OUT, btn_out );
mc_selected.removeEventListener( MouseEvent.CLICK, btn_click );

page = no + 1;
play();
}
change_page(0); // default page on load