Cours 13
Révision des notions vues
► Photoshop
o Traitement d’une image
Dimension
Ajustement (teinte, saturation, luminosité contraste, balance des couleurs, niveaux)
Formats de fichiers
• Jpeg
• Gif
• Png8
• Png24
• Pdf
► Flash
o Interpolation de mouvement
o Interpolation de forme
o Bouton
o Bouton avec action
o Bouton avec lien externe
o Interface simple
► Dreamweaver
o Insertion d’image
o Insertion de texte
o Positionnement dans un tableau
o Insertion d’animation Flash
o Exemple de CSS interne
o Exemple de CSS externe
► Explication travail Final
télécharger les feuilles Résumé du HTML et résumé du CSS
Exemple de code d’une page Web
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html lang=”fr” xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Ma premiere page web</title>
<!– Creer le 27 mars 2010 par Justin Toussaint –>
<style type=”text/css”>
p, b, i{
color:green;
}
img{
width:100px;
}
#haut{
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
color:#C66;
}
#page{
width:400px;
margin:0 auto;
background-color:#c0c0c0;
}
</style>
</head>
<body>
<div id=”page”>
<h1 id=”haut”>Ma premiere page web du cour html</h1>
<p>
Ma premiere phrase du cour html<br/>
Ma deuxième phrase de mon document html
</p>
<p>
<h3>Mise en forme</h3><br/>
<b>Du texte en gras</b><br/>
<strong>Du texte aussi en gras</strong><br/>
<u>Du texte souligné</u><br/>
<i>Du texte italique</i><br/>
<s>Texte barré</s><br/>
<sub>Sub</sub> et <sup>sup</sup><br/>
<font color=”#E729D9″ face=”arial” size=”7″>Utilisation de la
<b><font color=”gray”>balise</font></b> font</font>
</p>
<p>
<h3>Les images</h3>
<img src=”lapin.gif” alt=”Un lapin de paque” title=”Mon titre”/>
</p>
<p>
<h3>Les hyperliens</h3>
<a href=”http://www.google.ca” target=”_blank”>Mon hyperlien</a>
<br/>
<a href=”jaime.html”>J’aime html</a>
<br/>
<a href=”#haut”>Haut de la page</a>
</p>
</div>
</body>
</html>
