insérer une image
La résolution d'une image est la valeur en dpi (Dot Per Inch ou Point Par Pouce) que nous donnons à une image numérisée. Il s'agit du nombre de points discernables sur un écran. Plus ce nombre est élevé plus la taille du fichier créé sera importante et meilleure sera la qualité (définition, précision) de l'image. Mais plus lente sera la vitesse d'affichage de l'image.
La résolution standard pour l'affichage web est de 72 dpi : c'est la résolution maximale supportée par un écran jusqu'à maintenant.
la résolution des images destinées à l'impression sont de 150 dpi pour l'impression qualité journal, et de 300 dpi pour l'impression qualité affiche, jusqu'à 600 dpi pour une impression en qualité photo.
Avant de faire des choix en terme de résolution, il faut toujours faire des essais. En effet, selon le support et le format de l'original, on obtient des résultats très différents pour une même résolution.
Les règles générales sont les suivantes :
- éviter le PNG, car encore mal reconnu par les navigateurs
- petites images (moins de 100 pixels de côté) : utiliser le format GIF.
- dessins, aplats de couleurs, textes : utiliser le format GIF.
- photographies de taille supérieure à 100 x 100 pixels : utiliser le format JPEG.
Voici des sites qui vous aideront à optimiser vos images :
Atelier Duotang
Comment ça marche.net
01net.com
Voici quelques logiciels de traitement d'image : PhotoFiltre, ACDsee, Photoshop, Picasa, Paint Shop Pro, ImageViewer (Mac OS X).
insérer du son
Les fichiers audio supportés : Utilisez le format mp3, standard numérique sur internet, reconnu par la majorité des navigateurs actuels.
Pour plus d'information sur ce format, et notamment sur la production de sons au format mp3, vous pouvez consulter le site suivant :
AVS4YOU
Vous y trouverez de nombreux logiciels gratuits pour créer, éditer et convertir vos fichiers audio.
Voici un exemple de code html type pour insérer votre fichier mp3 sur votre site.
Vous pouvez également insérer un lecteur audio. Nous vous conseillons ce script :
DewPlayer
Vous pouvez utiliser d'autres formats de son : .mp3, .wma, .wav, .mov, .qt, .ogg, .aac, .au
ajouter du son
Pour ajouter tout genre de fichier audio, il suffit d'ajouter la balise <bsound> entre la balise <head>et </head>.
L'élément BGSOUND permet de créer des pages avec un fond sonore et de paramétrer la durée de diffusion, le volume et la balance.
Attention tout de même à la taille de votre fichier (il ne doit pas être supérieur à 40-60 Ko)
Les attributs sont :
- id="..." : identifiant de l'élément
- src="..." : l'URL du fichier son
- loop="..." : nombre de répétitions ( -1 ou infinite , n )
- volume="..." : réglage du volume sonore. Valeurs possibles de -10,000 à 0, avec 0 correspondant au volume maxi (full Wave Output volume)
- disabled="..." : active ou désactive le contrôle ( true, false )
utiliser la balise <embed>
Voici les attributs de cette balise :
- align : aligne la console ou le texte (4 valeurs possibles, right, left, top, bottom).
- border : largeur de la bordure du cadre (en pixels)
- width : largeur de la fenêtre qui accueillera la console
- height : hauteur de la fenêtre qui accueillera la console
- pluginspace : URL de la page Web contenant les informations sur le plug-in (facultatif)
- src : URL complète (chemin) du fichier
- autostart : spécifie si l'objet multimédia est joué automatiquement (true) ou non (false) (défaut : true)
- autoload :spécifie si le chargement de l'objet multimédia s'effectue automatiquement (true) ou non (false) (défaut : true)
- loop : spécifie le nombre de fois où le fichier sera joué (si la valeur est -1, le fichier sera joué indéfiniment)
- type : indique le type MIME ex: type="audio/mod" (facultatif)
- controls * : indique l'aspect de la console de contrôle
- console : affiche toute la console (choix par défaut)
- smallconsole : affiche une console réduite
- playbutton : affiche seulement le bouton lecture
- stopbutton : affiche seulement le bouton stop
- pausebutton : affiche seulement le bouton pause
- volumelever : affiche seulement le bouton volume
- hidden : cache le panneau de contrôle
- volume * : volume initial en pourcentage
- startime * : indique le temps de départ par rapport au début du fichier (sous forme mm:ss)
- endtime * : indique le temps de fin par rapport au début du fichier (sous forme mm:ss)
*A noter que quelques attributs sont spécifiques à certains plug-ins.
insérer un fichier vidéo
Les fichiers vidéo supportés : Plusieurs formats sont possibles mais les plus courants sont le .wmv (Windows Media Video), le .mpg, le .mov (Quicktime), .rm (Real Video) et le .flv (Flash Video).
Pour ajouter un fichier vidéo, plusieurs solutions existent :
- Vous pouvez proposer votre vidéo en téléchargement en ajoutant un simple lien html.
Les visiteurs de votre site téléchargeront votre vidéo pour la visualiser sur le lecteur vidéo de leur ordinateur. Toutefois il faut qu'ils aient tous les codecs compatibles avec le format de votre fichier.
- Il est possible aussi d'héberger vos vidéos sur un site de partage comme Youtube ou Dailymotion puis de copier-coller le code html que l'hébergeur vous fournira dans votre page html. Ceci a pour avantage que l'hébergeur choisi convertira à un format universel (Flash Video) votre vidéo et intégrera un lecteur compatible embarqué dans le code. Ce qui vous exempte de tout souci de compatibilité puisque la majorité des navigateurs web sont compatibles flash.
- Si vous voulez maîtriser la diffusion de votre fichier, il est possible d'héberger vous-même sur votre site un lecteur vidéo ainsi que votre fichier. Cette opération bien que plus complexe et coûteuse en espace disque, vous permet de choisir le lecteur flash dont l'ergonomie se rapproche le plus du design de votre site. De nombreux sites proposent des tutoriaux très élaborés et sur la majorité des sites proposant un lecteur vidéo, une aide est disponible. Nous vous conseillons les sites suivants :
Alsacreations
JW Player (en anglais)
Ci-dessous des sites qui indiquent comment ajouter une vidéo :
all html
Jeanviet
le Site du Zéro
Quelques exemples :
Voici un exemple de code pour insérer le player Windows Media.
Vous pouvez aussi intégrer une vidéo Youtube sur votre site.
Pour cela, vous pouvez copier et coller le code qui est accessible sur la droite de la page Youtube : Intégrer la vidéo sur un site ». Vous pouvez aussi personnaliser l'affichage.
