Bannières
Création
de bannières en direct,
échange de bannières
Commerce
Meubles,
Artisan
Graphique
Animation
,
Couleurs
HTML
Informatique
Mac,
Linux, Microsoft
Internet
Bourse,
Chat,
Club de rencontre,
Emploi, Web
tech John Abott. Media, liens,
Jokes, gratuit
sur internet
Jeux
Pokemons, Zelda
64
Loisirs
Animaux,
Gros Mingo,
,Salon de tonte,
Webcams, Livres,
MP3, Radio
à Montréal, tv,
Radio dans le Monde,
CD, Gambling$$$,
Voyage , collection
Programation
Java, JavaScript,
CCS
Recherche
Moteurs
de recherche|
Comment recherchez? | Méta
moteurs,,Search
engines|
How Search Engines Rank Web Pages|Search
Engine Design Tips
Référencements
Ajout
rapide de votre site web,
Conseils, Meta-tag,
Méthodes révolus
Sports
Hockey cosom , Course
à pied, Boutique
Arc Élite, Archers du Québec
WEBMASTERS!
Compteurs, Hébergement,
Sponsors, Redirection
d'URL Courriel gratuit,
caractères spéciaux,
Dreamweaver , Board
, Flash
Jolywood
|
|
FLASH
Introduction
: Il y a seulement un an cette technologie tait pratiquement impossible,
mais l'arrive du Flash3,
de Macromedia et en juin
99 du Flash4,
a acclr les choses ! Dans un avenir rapproch le web sera infest
par cette nouvelle technologie. Dans un premier temps je vous fais
observer cet univers un peu spcial ou les premiers artistes numriques
se promønent enfin … la face du monde... De l'effet sonore aux graphiques
plus fous les uns que les autres, le flash s'attaque … toutes les
formes d'arts. Ensuite, l'imagination mousse, nous avalerons cet
art de la communication. Télécharger
la documentation officiel du Flash4 en format PDF (2.36Mo)
Premier
frame, les plugins : Les plug-in sont disponnibles
directement sur le site de Macromedia
ou sur celui de Netscape.
Et le lecteur Shockwave
7.
Deuxième
frame, les logiciels : Flash
3 évidemment mais aussi Director
7 Shockwave Internet Studio pour produire les shockwaves. FreeHand
8 et Fireworks
optimisé pour le Flash, Photoshop
5 , Illustrator
7 ou CorelDraw
8 pour le graphisme et
Extreme 3D ou Infini-D,
Bryce
3D, et j'en passe pour le graphisme 3D. SoundForge,
SoundEdit
16 ou tous logiciels pour le son. Les QuickTimes
et AVI sont aussi compatiblents avec le Flash.
Troisième
frame, les sites : Voici, pour vous faire une ide, les sites
les plus en vue utilisant le Flash. Il y a des milliers de site
Flash sur le Web. Les uns prsentes leurs compagnies les autres
en fond un fouillis clat toujours est-il que nous observons depuis
quelques temps un intrít marqu pour le Film d'animation et pour
le jeu dvelopp … partie du Flash. Notons par exemple Le gagnant
du Grand Prix Havas du Jury (FIFI,
festival
international film de l'Internet). Kimble
- Special Agent de Ian hothersall et du réalisateur
et producteur Kim Schmitz. Et aussi les jeux des
Aventures Interactives de Berny. Enfin cette liste vous fera
fair eun petit tour d'horizon...
-
-
Crazy
Raven : Dveloppeur qui donne des trucs pour dvelopper du
Flash...
-
Extreme
Flash : Site superbe pour vous aider … dvelopper du Flash...
-
FlashPad
1.3 : Questions et rponses sur le Flash, genre de rendez-vous
des dveloppeurs...
-
-
-
LionHead
Studios : Très Pro avec un mouvement typiquement Flash.
Présentation du jeu Black & withe.
-
hillmancurtis
: Original et artistique. C'est un site à voir absolument
qui montre des dizaines de leurs productions en Flash...
-
-
-
EYE4U
active media : Du Flash plein la page. Chargement rapide et
sa bouge, et très bien... Des concepteurs allemands qui
présentent leurs nombreux traveaux tous superbes.
-
+++a
href : Très artistique et flayé, mais
pas tellement animé.
-
Panoplie
: Site bilingue. La revue organique... Amusant et rafraîchichant.
Les effets sonores y sont très présents. Le téléchargement
est rapide et agrémenté de distractions.
-
The
void : Très beau, d'un style très monochrome
c'est design jusqu'au bout des doigt. Je n'ai pas encore compris
ce qu'il présente ;-). Du vrai design comme je dissais...
-
Chman
on line : Très pro et bilingue, graphiquement travaillé.
Allez faire prendre un coup a Chman...
-
Intellia
: Belle présentation mais le Flash s'arrête là,
un beau site bilingue.
-
-
-
NRG
design : Présentation intéressante de la compagnie
qui produit du graphisme.
-
-
Shift
on line : En fait ils ont utilisés le flash pour faire
du RollOver... Un autre eZine.
-
[New
Beetle] : Le site de volkswagen qui présente la nouvelle
Beatle. Simple mais professionnel.
-
Matinee
New Media : Rafiné avec du 3D c'est encore une présentation
corporative de compagnie de multimédia. À voir...
-
-
First
9 Months : Superbe site sur les 9 mois de la grossesse. Le
Flash y est trøs exploit...
-
-
-
-
-
-
-
-
-
-
L'importation d'images
dans Flash
Faire une animation en Flash requiert plusieurs techniques. L'une
d'entre elles consiste à intégrer des images dans notre
Flash. Vous pouvez passer des heures à travailler vos images
avec Photoshop et les importer en format JPEG. Malheureusement les
réssultats sont souvent très lamentables et dans ce
cas le Flash ne peut pas couvrir 100% de la surface active du Navigateur.
Comment faire pour que le visiteur, indépendamment de la grandeur
de son écran ou de sa résolution d'écran puisse
voir votre Flash en plein écran?
Et bien la solution est de travailler avec des images vectorielles.
Non seulement les images vectorielles sont extensibles mais elles
sont très légères.Il existe deux logiciels qui
produisent des images vectorielles. Illustrator
fait par Adobe
et Freehand
fait par Macromedia.
De plus vous pouvez à l'aide d'un logiciel comme Adobe
Streamline convertir vos images en vecteurs. Cependant, Ce ne
sont pas toutes les images que l'on peut convertir facilement, la
technique est surtout utile avec les logos.
Une fois vos images créées à l'aide de ces logiciels,
il ne reste qu'à les transférer dans votre Flash. Il
faut savoir que les objets d'une image vont être indépendants
une fois dans Flash. Exemple : le nez d'une face peut être indépendant
de la face. L'expérience vous fera découvrir une myriade
de trucs. De plus, si vous sauvegardez vos images avec le même
nom suivi d'un numéro qui augmente, comme image1.ai, image2.ai,
image3.ai, Flash interprétera ces images comme une animation
et les importera comme tel.
Ces images seront complétement intégrées au
Flash et donneront un rendu très professionnel. Petit trucs,
vous pouvez, dans Illustrator par exemple, faire du copier coller
de vos objets directement dans Flash.
Implantation du Flash
sur le Web...
L'objet
et le Embed HTML...
<OBJECT
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=3,0,0,0"
ID=site
WIDTH=100% HEIGHT=100%>
<PARAM NAME=movie VALUE="trucs2.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=menu VALUE=false>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
</OBJECT>
Description
des paramètres :
CLASSID
: Le numéro d'ActiveX, toujour le même et obligatoire.
WIDTH et HEIGHT : Dimension du Flash. 100% va toujour
prendre tout l'espace disponnible. Noter qu'un flash est vectoriel
ce qui donne de merveilleux résultat avec 100%. Enfin
plus de souci avec les grandeurs et résolution d'écran.
MOVIE : Le nom physique du Flash.
QUALITY : Tant qu'a faire du Flash aussi bien le faire
de bonne qualité.
MENU : À TRUE, un clic sur le bouton de droit
de la souris offre un menu. À false aucun menu.
BGCOLOR : La couleur du fond par défaut.
Le code
pour Netscape 4.+ : A imbriquer dans l'OBJECT.
<EMBED
SRC="site.swf"
NAME=site
swLiveConnect=TRUE
WIDTH=100%
HEIGHT=100%
QUALITY=high
MENU=false
BGCOLOR=#FFFFFF
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash">
</EMBED>
Description
des paramètres :
SRC
: Le nom physique du Flash.
NAME : Type de Flash.
swLiveConnect : Toujours à True.
WIDTH et HEIGHT : Dimension du Flash. 100% va toujour prendre
tout l'espace disponnible. Noter qu'un flash est vectoriel ce qui
donne de merveilleux résultat avec 100%. Enfin plus de souci
avec les grandeurs et résolution d'écran.
QUALITY : Tant qu'a faire du Flash aussi bien le faire de
bonne qualité.
MENU : À TRUE, un clic sur le bouton de droit de la
souris offre un menu. À false aucun menu.
BGCOLOR : La couleur du fond par défaut.
TYPE : Information pour le navigateur. Sans cette ligne le
Flash ne fonctionne pas sur le Web mais fonctionne sur votre ordinateur.
Copier la ligne intégrale.
Pour
être sûr : Pour être vraiment sûr que
le Flash fonctionne sur toutes les plate-formes avec IE, ajoutez ces
tests Javascript pour sélectionner le type de MIME et Plug-in
le plus approprié. A imbriquer entre l'OBJECT et le EMBED.
<SCRIPT LANGUAGE=JavaScript>
<!--
function checkForShockwave()
{
navigator.plugins.refresh();
if ( navigator.plugins["Shockwave Flash"] ){
parent.location.reload();
} else {
setTimeout( "checkForShockwave()", 1000 );
}
}
var ShockMode = 0;
if (navigator.mimeTypes &&
navigator.mimeTypes["application/x-shockwave-flash"] &&
navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin)
{
if (navigator.plugins && navigator.plugins["Shockwave Flash"])
ShockMode = 1;
}
if (!ShockMode &&
navigator.appName && navigator.appName.indexOf("Netscape") != -
1 &&
navigator.appVersion.indexOf("4.") != - 1
&& navigator.javaEnabled() && netscape.softupdate.Trigger.UpdateEnabled()
&& document.cookie.indexOf("StartedShockwaveInstall") == -1) {
var jarPath = new String("");
if (navigator.platform.indexOf("Win32") >= 0 )
jarPath =
"http://download.macromedia.com/pub/shockwave/jars/english/silentflash32.jar"
else if (navigator.platform.indexOf("Win16") >= 0 )
jarPath =
"http://download.macromedia.com/pub/shockwave/jars/english/silentflash16.jar"
else if (navigator.platform.indexOf("MacPPC") >= 0 )
jarPath =
"http://download.macromedia.com/pub/shockwave/jars/english/silentflashppc.jar"
if (jarPath.length) {
netscape.softupdate.Trigger.StartSoftwareUpdate(jarPath,
netscape.softupdate.Trigger.FORCE_MODE);
document.cookie='StartedShockwaveInstall;path=/;'
setTimeout("checkForShockwave()", 1000);
}
}
//-->
</SCRIPT>
L'implentation
des codes : Il faut imbriquer le EMBED et le SCRIPT dans l'OBJECT
comme ceci. Si le navigateur est Netscape il ne verra pas l'Object
et si c'est IE il ne verra pas le EMBED. Comme c'est brillant ;-)
<OBJECT...
<SCRIPT...
.../SCRIPT>
<EMBED...
...
/EMBED>
.../OBJECT>
jeanjoly@hotmail.com
|