S'abonner à la newsletter

› voir les dernières newsletters

s'identifier

valider

J'ai oublié mon mot de passe

s'enregistrer (c'est gratuit)

En créant votre compte sur weecast.fr vous pourrez retrouver l'historique de vos achats, participer à la vie de la communauté, vendre vos tutoriels et ainsi faire fortune

créer votre compte

Tuto Website xml avec utilisation de SWFAddress et SWFObject avec Flash,Actionscript

 

     Website xml avec utilisation de SWFAddress et SWFObject  Website xml avec utilisation de SWFAddress et SWFObject    

10 Euros TTC

ACHETER

2 vidéos | 1h37 | 8272 vues

Ajouter aux favoris

artkabis artkabis
148 583 vues


 

Dans ce tutoriel, nous allons créer un website dynamique qui utilisera les bibliothèques SWFAddress et SWFObject. La bibliothèque SWFAddress, permet entre autre de gérer plus simplement le référencement de votre site, mais aussi de séparer vos différentes pages pour permettre à l'utilisateur de naviguer dans le site avec son navigateur (suivant,précédent). Nous utiliserons aussi la bibliothèque SWFObject pour gérer l'intégration du projet dans la page html. Donc à la différence de mon premier tutoriel, ce mini site utilise les dernières technologies javascript permettant de déployer notre site dans de meilleures conditions.

L'intégration se fera donc plus simplement et offrira par la même occasion de nouvelles fonctionnalités. Pour ce qui est du site en lui-même, nous utiliserons la classe TweenMax de Greensock pour que la navigation soit beaucoup plus dynamique qu'une navigation standard.

Voici quelques-unes des fonctionnalités de ce website:

  • Menu dynamique avec rollover out
  • Déplacement avec effet de vitesse pour le corps du website
  • Contenu textuel géré via un fichier xml (facilement modifiable)
  • Désactivation du menu pendant les mouvements de la page
  • Gestion du flash player grâce au SWFObject
  • Intégration optimisé du swf grâce au SWFObject
  • Séparation du contenu et optimisation du référencement via SWFAddresse
  • Gestion des erreurs de chargements


Voici ce que nous passerons en revu dans ce tutoriel:

I) L'interface

  • Création du background sur Photoshop
  • Création du menu avec chacun des états des boutons
  • Utilisations des filtres pour les éléments graphiques
  • Mise en place du footer, du corps et du menu

II) La classe Website:

  • Import des différentes classes utilisés dans le projet
  • Mise en place des variables et constantes du projet
  • Regroupement des éléments dans divers Array
  • Gestion du chargement xml et récupération des données sans la moindre boucle
  • Gestion de la modification du texte et des mouvements du corps
  • Utilisation de la Classe SWFAddress pour la gestion des pages dans le navigateur
  • Gestion des états des boutons (over,out et clic)
  • Gestion des erreurs liées au chargement du fichier xml


III) Intégration.

  • Téléchargement des bibliothèques adéquates
  • Importation des Bibliothèque javascript
  • Mise en place du contenu html avec utilisation de SWFObject

>>TESTER LE RÉSULTAT DU TUTORIEL WEBSITE<<

Mise à jour des fichiers sources:

Vous trouverez un pack un plus complet que celui qui vous a été proposé à l'origine. Une classe "Precharg" qui gère l'ensemble des chargements du website a été ajouté, cette classe peut facilement être adaptée sur vos différents projets et il est possible de modifier la couleur du thème en redéfinissant simplement la variable "_couleur".

Vous vous rendrez aussi compte que le projet comporte désormais un nouveau swf nommé "chargeur", celui-ci est utilisé pour le pré-chargement.

Un tutoriel sur l'utilisation et la mise en place de cette classe sera proposé gratuitement sur weecast. En attendant, vous trouverez un fichier "lisez-moi.txt" vous donnant toutes les indications pour utiliser correctement cette classe.

Contenu du pack:
  • index.html (apel SWFObject et Address.js)
  • Chargeur.swf
  • SWFAddress.js,SWFAddress.as et SWFAddressEvent.as
  • swfobject.js, expressinstall.swf
  • contenu.xml
  • interface.swf
  • Website.as
  • Precharg.as
  • chargeur.fla,interface.fla
  • Lisez-moi.txt

Mise à jour:
  • Initialisation du projet, titre affiché dès le début grace à l'événement INIT (écouteur ajouté).

Formations vidéo connexes


Créer un website avec gestion xml en as3Créer un website avec gestion xml en as3

Tutorial par artkabis

10361 vues , 37 com., 2 votes

Galerie automatique xml avec gestion du défilementGalerie automatique xml avec gestion du défilement

Tutorial par artkabis

6910 vues , 18 com., 2 votes

Menu coulissant élastique avec gestion xmlMenu coulissant élastique avec gestion xml

Tutorial par artkabis

4533 vues , 1 com., 0 vote

tester une vidéo gratuite

  • Qualité des formations
  • Commande sécurisée
  • Téléchargement immédiat
  • Lecture illimitée et HD
  • Support à votre écoute
  • Achat écologique

Plus d'infos sur nos garanties


Fermer

Désolé, vote impossible !

Pour pouvoir évaluer un tutoriel, vous devez :

› être connecté avec vos identifiants
› avoir acheté le tutoriel
 

Fermer

Désolé, impossible de suivre ce formateur!

Pour pouvoir suivre ce formateur, vous devez être connecté avec vos identifiants

identifiez-vous s'il vous plait !

Fermer

ACHETER CETTE FORMATION

Pour visionner cette formation vidéo vous devez posséder des crédits. 1 crédit = 1 € TTC. Découvrez tous nos forfaits!


Déjà membre ?

J'ai oublié mon mot de passe