www.mutationevent.com

Archive pour la catégorie ‘html/xhtml’

« Articles plus anciens
Articles plus récents »

changer la page modèle de votre projet flex

Vendredi 12 décembre 2008

générer votre propre page modèle pour vos projet web Flex pour intégrer vos propre données ou fichiers js.

La page web générer (index.template.html) par Flex utilise le fichier AC_OETags.js pour intégrer le contenu flash (Fichier .swf) dans la page html et history.css, historyFrame.html et history.js pour la gestion de l'historique.

Supposons maintenant que vous voulez utilise SWFObject pour insérer votre fichier .swf, pour moi je préfer SWFObject parce que c'est plus clair et plus facile a modifier surtout lorsqu'on veut faire passé des variables au fichier .swf grâce a l'objet flashvars ou modifier/ajouter certains attributs du fichier .swf. Bref, nous avons besoin du fichier SWFObject que vous pouvez trouvé ici http://code.google.com/p/swfobject/
Notez aussi que Flex utilise quelques variables dynamique dans le fichier template :

  • ${title} pour le titre du document (à placer dans la balise title).
  • ${swf} qui contient le non du fichier .swf générer (la variable ${swf} ne contient pas l'extension fichier, il faut le mettre manuellement).
  • ${version_major}, ${version_minor} et ${version_revision} qui contiennent la version du player requis pour visualiser le fichier .swf (vous pouvez tous les utilisé avec SWFObject, mais ${version_major} suffit).
  • ${width} et ${height} pour la largeur et la hauteur du fichier .swf.
  • ${application} le nom de l'application (nom du projet Flex).
  • ${bgcolor} couleur de l'arrière plan du projet Flex.

code:

  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!-- saved from url=(0014)about:internet -->
  4. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  5.     <!--
  6.     Smart developers always View Source. 
  7.  
  8.     This application was built using Adobe Flex, an open source framework
  9.     for building rich Internet applications that get delivered via the
  10.     Flash Player or to desktops via Adobe AIR. 
  11.  
  12.     Learn more about Flex at http://flex.org
  13.     // -->
  14.     <head>
  15.         <title>${title}</title>
  16. 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  17. 		<script type="text/javascript" src="swfobject.js"></script>
  18. 		<script type="text/javascript">
  19. 	var flashvars = {};
  20. 	var params = {};
  21. 	params.bgcolor = "${bgcolor}";
  22. 	var attributes = {};
  23. 	attributes.id = "${application}";
  24. 	swfobject.embedSWF("${swf}.swf", "myAlternativeContent", "${width}", "${height}", "${version_major}.${version_minor}.${version_revision}", "expressInstall.swf", flashvars, params, attributes);
  25. </script>
  26. 	</head>
  27. <body>
  28. <div id="myAlternativeContent">
  29. 	<a href="http://www.adobe.com/go/getflashplayer">
  30. 		<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
  31. 	</a>
  32. </div>
  33.  
  34. </body>
  35. </html>
  36.  

Download flex template (22)

Tags: , ,
Publié dans flex, html/xhtml, javascript | Aucun commentaire »

Opera Web Standards Curriculum

Vendredi 12 septembre 2008

Apprenez à construire un meilleur Web avec Opera

apprendre les standard web devient facile avec Opera Web Standards Curriculum.
Apprenez a utilisé l'HTML, CSS, le principe du design et le Javascript de base.
pour l'instant seul 23 cours sont disponibles mais 30 autres seront publiés au plus tard fin Septembre.

opera-web-standard

Publié dans html/xhtml | Aucun commentaire »

Combien de balise HTML pouvez vous citer en 5minutes ?

Jeudi 3 janvier 2008

Voici un truc pour le fun et aussi pour tester vos connaissance en HTML

Combien de balise HTML pouvez vous citer en 5minutes ?

Mon scrore et de 51 balises trop faible a mon gout, j'en ai oublier pas mal et pour je les utlise trés souvant. (shame on you)

51

j'en ai cité cela :

A, ABBR, APPLET, B, BASE, BODY, BUTTON, DD, DIV, DL, EM, FORM, H1, H2, H3, H4, H5, H6, HEAD, HTML, I, IFRAME, IMG, INPUT, LI, LINK, META, NOSCRIPT, OL, OPTGROUP, OPTION, P, PARAM, PRE, S, SCRIPT, SELECT, SPAN, STRONG, STYLE, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, TITLE, TR, TT, U, UL,

et j'ai oublier ça :
ACRONYM, ADDRESS, AREA, BASEFONT, BDO, BIG, BLOCKQUOTE, BR, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, DEL, DFN, DIR, DT, FIELDSET, FONT, FRAME, FRAMESET, HR, INS, ISINDEX, KBD, LABEL, LEGEND, MAP, MENU, NOFRAMES, OBJECT, Q, SAMP, SMALL, STRIKE, SUB, SUP, THEAD, VAR,

Publié dans html/xhtml | Aucun commentaire »

JSEclipse sur Adobe Labs

Samedi 16 décembre 2006

JSEclipse fait son apparition dans Adobe labs.

JSEclipse vs aptana

JSEclipse est un plugin pour l'environement eclipse afin d'aider les developpeur à coder en javascript plus rapidement.

les bibliothèques javascript comme Dojo,Prototype,YUI,... sont présentes.

n'oublions pas qu'il existe un IDE (Aptana)du même genre et existe sous forme de plugin pour eclipse aussi .

JSEclipse n'est autre que l'ancien plugin de interAKTonline.

Publié dans html/xhtml, javascript | Aucun commentaire »

HTML ou XHTML

Mercredi 25 janvier 2006

Pour répondre a une question qui m'a été posée dernièrement :
« Est ce que je dois commencer par du HTML ou d XHTML »
Et bien ce que je conseil c'est de commencer par le commencement donc le HTML tout simplement parce que le XHTML et beaucoup plus strict que l'HTML

Explication :
fermer tout les éléments, mettre des cotes pour toutes les valeurs des attributs, et mettre en miniscule toutes les balises ainsi que leurs attributs, ... etc.

Voila quelques ressources qui je pense pourrons vous aidez :
xhtml-beginners
The perils of using XHTMLproperly

Publié dans html/xhtml | Aucun commentaire »

« Articles plus anciens
Articles plus récents »

  • Archives

  • Catégories

  • @mutationevent