Server : Apache
System : Linux ks5.tuic.fr 6.1.0-18-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.76-1 (2024-02-01) x86_64
User : pragmatice ( 1003)
PHP Version : 8.2.24
Disable Function : NONE
Directory : /home/pragmatice/public_html/kitinstit/
|
Server : Apache System : Linux ks5.tuic.fr 6.1.0-18-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.76-1 (2024-02-01) x86_64 User : pragmatice ( 1003) PHP Version : 8.2.24 Disable Function : NONE Directory : /home/pragmatice/public_html/kitinstit/ |
<html>
<head>
<title>Conseils - Créer et retoucher des images</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="Author" CONTENT="Pragmatice">
<META NAME="Description" CONTENT="Kitinstit est un outil conçu pour aider les enseignants du 1er degré à investir l'outil informatique dans leurs pratiques professionnelles.">
<META NAME="Keywords" CONTENT="clicmenu,b2i,kitinstit,debuter,logiciel,utilitaire,gratuit,protection,bureau,windows,aide,formation,instituteur,enseignant,professeur,école,maternelle,élémentaire,primaire,éducatif,clic 3.0,clicapplic">
<META name="robots" content="all">
<META NAME="revisit-after" CONTENT="7 days">
<META http-equiv="Content-Language" content="fr-FX">
<META name="author" content="Pragmatice">
<META http-equiv="Reply-to" content="kitinstit@pragmatice.net">
<LINK REV=made href="mailto:kitinstit@pragmatice.net">
<META name="copyright" content="Pragmatice">
<link rel="stylesheet" href="pragma.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a name="haut"></a>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="bandeau">
<tr>
<td width="180" valign="top"><table border="0" cellspacing="3" cellpadding="0">
<tr>
<td><a href="1_investir.htm" target="_top"><img src="images/investir_tice.gif" width="32" height="32" alt="Investir les TICE à son rythme" title="Investir les TICE à son rythme" border="0"></a> <a href="2_b2i.htm" target="_top"><img src="images/b2i.gif" width="32" height="32" alt="Mettre en oeuvre le B2i" title="Mettre en oeuvre le B2i" border="0"></a> <a href="3_installer.htm" target="_top"><img src="images/instal_logo.gif" width="32" height="32" alt="Installer des logiciels" title="Installer des logiciels" border="0"></a> <a href="4_explorer.htm"><img src="images/cd_explorer.gif" width="32" height="32" border="0" alt="Explorer des logiciels sans les installer" title="Explorer des logiciels sans les installer"></a> <a href="kitinstit_visite_guidee.htm"><img src="images/icone_ki.gif" alt="Visite guidée de Kitinstit" title="Visite guidée de Kitinstit" width="32" height="32" border="0"></a></td>
</tr>
</table></td>
<td><div align="center"><a href="http://pragmatice.net"><img src="../images/accueil_ptice.gif" alt="Accueil PragmaTICE" width="22" height="18" border="0" title="Accueil PragmaTICE"></a> <b><a href="copier_kitinstit.htm" target="_top" class="bandeau">[Copier Kitinstit]</a> <a href="commander_kitinstit.htm" target="_top" class="bandeau">[Acquérir Kitinstit]</a> <a href="faq.htm" target="_top" class="bandeau">[FAQ]</a> <a href="credits.htm" target="_top" class="bandeau">[Crédits]</a> <a href="plan.htm" target="_top" class="bandeau">[Plan]</a> <a href="pragmatice.htm" target="_top" class="bandeau">[PragmaTICE]</a></b></div></td>
<td width="100" valign="top" align="right"><table border="0" cellspacing="3" cellpadding="0">
<tr>
<td><a href="index.htm" target="_top"><img src="images/kitinstit.gif" width="88" height="32" alt="Accueil de Kitinstit" title="Accueil de Kitinstit" border="0"></a></td>
</tr>
</table></td>
</tr>
</table>
<br>
<table align="center" width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td valign="top" width="270">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10" valign="top"><img src="images/puce_triangle.gif" width="8" height="12"></td>
<td align="left"> <a href="index.htm" class="hierarchie12">Accueil
de Kitinstit</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" valign="top"><img src="images/calle.gif" width="10" height="1"><img src="images/puce_triangle.gif" width="8" height="12"></td>
<td align="left"> <a href="1_investir.htm" class="hierarchie12">Investir
les TICE � son rythme</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30" valign="top"><img src="images/calle.gif" width="20" height="8"><img src="images/puce_triangle.gif" width="8" height="12"></td>
<td align="left"><a href="1_premiers_pas.htm" class="hierarchie12">Premiers
pas dans les TICE</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40" valign="top"><img src="images/calle.gif" width="30" height="8"><img src="images/puce_triangle.gif" width="8" height="12"></td>
<td align="left"><a href="1_premiers_pas.htm#se_former" class="hierarchie12">Se
former à l'informatique</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50" valign="top"><img src="images/calle.gif" width="40" height="8"><img src="images/puce_triangle.gif" width="8" height="12"></td>
<td align="left">
<p><span class="titre14">Créer et retoucher des images</span></p>
</td>
</tr>
</table>
<br>
<table class="cadre_menu" border="0" cellspacing="3" cellpadding="3">
<tr valign="top">
<td width="35"><a href="#debuter"><img src="images/photofiltre.gif" width="32" height="32" border="0"></a></td>
<td valign="bottom"><a href="#debuter" class="rouge12">Débuter avec PhotoFiltre</a></td>
</tr>
<tr valign="top">
<td width="35"><a href="#acquerir"><img src="images/conseils_acquerir.gif" width="32" height="32" border="0"></a></td>
<td valign="bottom"><a href="#acquerir" class="rouge12">Acquérir une image</a></td>
</tr>
<tr valign="top">
<td width="35"><a href="#format"><img src="images/conseils_enr_image.gif" width="32" height="32" border="0"></a></td>
<td valign="bottom"><a href="#format" class="rouge12">Enregistrer une image<br>
au bon format</a></td>
</tr>
<tr valign="top">
<td width="35"><a href="#retoucher"><img src="images/conseils_retoucher.gif" width="32" height="32" border="0"></a></td>
<td valign="bottom"><a href="#retoucher" class="rouge12">Retoucher une image</a></td>
</tr>
</table>
</td>
<td width="10"> </td>
<td valign="top" class="cadre_resume">
<p class="titre_resume" align="center">Petits conseils pour grands
débutants !</p>
<ul>
<li><a href="1_conseils_base.htm">Débuter avec l'ordinateur
</a></li>
<li><a href="1_conseils_organiser.htm">Organiser son environnement</a></li>
<li><a href="1_conseils_fichiers.htm">Echanger et copier des fichiers</a></li>
<li><a href="1_conseils_ttextes.htm">Ecrire et mettre en forme des
textes</a></li>
<li><a href="1_conseils_timages.htm">Créer et retoucher des
images</a></li>
<li><a href="1_conseils_tsons.htm">Enregistrer et retoucher des
sons</a></li>
<li><a href="1_conseils_navigation.htm">Naviguer et rechercher sur
Internet</a></li>
<li><a href="1_conseils_courrier.htm">Communiquer via courrier électronique</a></li>
</ul>
<p class="titre_resume" align="center">Pourquoi PhotoFiltre ? </p>
<ul>
<li><a href="3_installer_produire_images.htm#photofiltre">PhotoFiltre</a> est un logiciel de traitement d'images gratuit pour un usage scolaire, très intuitif, qui remplacera avantageusement les "usines à gaz" souvent livrées avec les appareils photo numériques.</li>
<li>Consulter également :
<ul>
<li><a href="1_fiches_jeveux.htm">les fiches "Je veux"</a></li>
<li>le dossier "La photo numérique à l'école", proposé par Pierre Salquèbre <a href="../html_cd/_site_pierre.exe"><img src="images/bt_cd.gif" alt="CD 3" width="50" height="12" border="0"></a> <a href="http://www.ac-nancy-metz.fr/ia88/ienremiremont/photo_menu.htm" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
</ul>
</li>
</ul>
</td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td class="cadre_paragraphe">
<p class="titre_paragraphe" align="center"><a name="debuter" id="debuter"></a>Débuter avec PhotoFiltre <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<p><span class="titre_paragraphe"><a name="ouvrir" id="ouvrir"></a>Ouvrir une image</span>
<a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li> Si l'image est déjà sous forme de fichier, cliquer sur le menu "Fichier > Ouvrir", ou cliquer sur <img src="images/jpj/ouvrir.gif" width="16" height="15">, et parcourir le disque dur pour la sélectionner.</li>
<li> Si l'image est dans le presse-papiers, faire un clic droit dans une zone libre de PhotoFiltre, et choisir "Copier en tant qu'image".</li>
</ul>
<p><span class="titre_paragraphe"><a name="creer" id="creer"></a>Créer une nouvelle image</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ol>
<li>Ouvrir le menu "Ficher > Nouveau", ou cliquer sur <img src="images/jpj/nouveau.gif" width="13" height="16">.</li>
<li>Définir largeur, longueur et éventuellement un fond, puis valider. </li>
</ol> <p><span class="titre_paragraphe"><a name="recadrer" id="recadrer"></a>Recadrer une image</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ol>
<li>Si ce n'est déjà fait, cliquer sur l'outil sélection <img src="images/jpj/outil_selection.gif" width="28" height="26">.</li>
<li> Cliquer sur un type de sélection, par défaut le rectangle <img src="images/jpj/selection_rectangle.gif" width="28" height="27">.</li>
<li> Définir avec la souris la zone à sélectionner (le cadre), en maintenant le cas échéant la touche <Maj> appuyée pour obtenir une sélection carrée.</li>
<li> Faire un clic droit dans la sélection, et choisir "Recadrer".</li>
</ol> <p><span class="titre_paragraphe"><a name="redimensionner" id="redimensionner"></a>Redimensionner une image</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ol>
<li> Faire un clic droit sur l'image et choisir "Taille de l'image".</li>
<li> Définir la taille désirée de l'image, et valider.</li>
</ol>
<p><span class="titre_paragraphe"><a name="enregistrer" id="enregistrer"></a>Enregistrer une image</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li> Faire un clic droit sur l'image et choisir "Enregistrer sous".</li>
<li> Parcourir le disque dur pour définir l'emplacement de l'image à enregistrer, et la nommer.</li>
<li> Dans la seconde liste déroulante, choisir le <a href="#format">format</a>, et valider deux fois.</li>
</ul>
</td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td class="cadre_paragraphe">
<p class="titre_paragraphe" align="center"><a name="acquerir" id="acquerir"></a>Acquérir une image <a href="#haut"> <img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<p><span class="titre_paragraphe"><a name="scanner" id="scanner"></a>Scanner une image</span>
<a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Scanner (ou numériser) une image, c'est créer un fichier informatique à partir d'un document papier.</li>
<li>Les scanners sont généralement livrés avec un logiciel de numérisation, qu'il convient d'installer avec les pilotes associés.</li>
<li>Il est très pratique d'utiliser le scanner à partir de <a href="3_installer_produire_images.htm#photofiltre">PhotoFiltre</a> par exemple, en cliquant sur <img src="images/jpj/scanner.gif" width="18" height="18"> ou en ouvrant le menu "Fichier > Importation Twain > Numériser une image".</li>
<li>Veiller à adapter la taille et la définition de l'image à l'usage qui en sera fait.</li>
<li>Quand l'image contient du texte, un logiciel de reconnaissance permet de traiter ce fichier image pour convertir les zones de texte, en texte qu'il sera possible de modifier, ceci afin de ne pas avoir à le saisir. </li>
</ul>
<p><span class="titre_paragraphe"><a name="copie" id="copie"></a>Faire une copie d’écran</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Pour copier ce qui est affiché à l'écran :
<ol>
<li>Presser la touche <Impr Ecran>.<br>
L'image de l'écran est alors copiée dans le <a href="1_conseils_base.htm#presse">presse-papiers</a>.</li>
<li>Ouvrir un logiciel de traitement de texte ou de traitement d'images, puis coller l'image, en pressant simultanément les touches <Ctrl> et <V><br>
Attention, avec <a href="3_installer_produire_images.htm#photofiltre">PhotoFiltre</a>, faire un clic droit dans une zone libre, et choisir "Copier en tant qu'image".</li>
</ol>
</li>
<li>Astuce : Presser simultanément les touches <Alt> et <Impr Ecran> pour ne copier que la fenêtre active. </li>
<li>Certains logiciels, comme "UnTheFly" par exemple, permettent de capturer une zone de l’écran, sans recourir à un éditeur d’images <a href="http://www.artoflog.com/" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a>.</li>
</ul>
<p><span class="titre_paragraphe"><a name="importer" id="importer"></a>Importer une image en la "collant" </span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Si le presse-papiers contient une image...
<ul>
<li>Pour créer une nouvelle image :
<ol>
<li>Faire un clic droit dans une zone libre de <a href="3_installer_produire_images.htm#photofiltre">PhotoFiltre</a>.</li>
<li>Choisir "Copier en tant qu'image".</li>
</ol>
</li>
<li>Pour intégrer l'image dans une image déjà ouverte :
<ol>
<li>Presser simultanément les touches <Ctrl> et <V>.</li>
<li>Positionner à l'endroit désiré l'image collée.</li>
<li>Faire un clic droit sur l'image et choisir "Valider le collage".</li>
</ol>
</li>
</ul>
</li>
</ul> <p><span class="titre_paragraphe"><a name="tablette" id="tablette"></a>Utiliser une tablette graphique</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>La tablette graphique se compose d'une tablette et d'un stylet que l'on utilise comme un stylo pour "dessiner sur l'écran" et enregistrer son oeuvre.</li>
</ul> <p><span class="titre_paragraphe"><a name="video" id="video"></a>Extraire une image d’une vidéo</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Les logiciels livrés avec une carte d'acquisition, tels que Studio 9, des éditions Pinnacle, permettent d'extraire des images de séquences vidéo <a href="http://www.pinnaclesys.com/" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a>.</li>
<li>Windows Movie Maker, intégré à WIndows XP, le permet également. </li>
</ul></td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td class="cadre_paragraphe">
<p class="titre_paragraphe" align="center"><a name="format" id="format"></a>Enregistrer une image au bon format <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<p><span class="titre_paragraphe"><a name="bmp" id="bmp"></a>Le format BMP</span>
<a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Les images Bitmap (BMP) sont matricielles, c'est à dire
constituées d'une grille de points où chaque élément possède une position et une couleur.</li>
<li>Le format BMP est essentiellement reconnu par Windows, et ne peut être utilisé pour des pages Web. </li>
</ul>
<p><span class="titre_paragraphe"><a name="jpg" id="jpg"></a>Le format JPG</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Les images JPEG (.JPG) sont reconnues par les navigateurs Web, en 16 millions de couleurs, mais on ne peut pas définir de zone de transparence.</li>
<li>Elles sont compressées pour réduire leur poids. Leur taux de compression est déterminé lors de l'enregistrement : plus l'image est compressée, plus elle est pixelisée. </li>
</ul> <p><span class="titre_paragraphe"><a name="gif" id="gif"></a>Le format GIF</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Le format GIF est un format propriétaire développé par CompuServe, reconnu par les navigateurs Web. Il conserve la précision de l'image, mais peut affecter les couleurs, dont le nombre est limité à 256.</li>
<li>Il convient donc aux schémas et dessins de grandes surfaces composés de peu de couleurs.</li>
<li>On peut enregistrer plusieurs images dans un seul fichier pour créer l'illusion d'une animation. Ces images "GIF animé" peuvent être produites avec le logiciel <a href="3_installer_produire_images.htm#gifanimator">Gif Animator</a> ou <a href="3_installer_produire_images.htm#photofiltre_studio">PhotoFiltre Studio</a> par exemple.</li>
<li> Il permet également de définir un arrière-plan transparent., option particulièrement intéressante si l'image n'est pas rectangulaire.</li>
</ul>
<p><span class="titre_paragraphe"><a name="png" id="png"></a>Le format PNG</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Développé comme alternative au format GIF pour afficher des images sur Internet. le format PNG compresse l'image sans perte de données. Il permet la transparence, l'animation (MNG) et reconnaît 16 millions de couleurs.</li>
<li> Les navigateurs Internet de l'ancienne génération ne peuvent afficher les images PNG, mais sans doute faut-il tourner la page et privilégier ce format pour la composition de pages Web... </li>
</ul> <p><span class="titre_paragraphe"><a name="autres" id="autres"></a>D'autres formats</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Il existe d'autres formats d'image, propriétaires ou non, vectoriels ou matriciels....</li>
<li>En savoir plus avec l'encyclopédie WikiPedia <a href="../../pragma07/dossiers/image/Image_wikipedia.pdf" target="_blank"><img src="images/bt_cd.gif" alt="CD 7" width="50" height="12" border="0"></a> <a href="http://fr.wikipedia.org/wiki/Image_num%C3%A9rique" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
</ul></td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td class="cadre_paragraphe">
<p class="titre_paragraphe" align="center"><a name="retoucher" id="retoucher"></a>Retoucher une image avec PhotoFiltre <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Les pistes ci-dessous ne présentent qu'une infime partie des possibilités offertes par PhotoFiltre.</li>
<li><a href="3_installer_produire_images.htm#photofiltre">Consulter les tutoriels</a> pour en savoir plus....</li>
<li>Astuce : Utiliser la molette de la souris pour zoomer.</li>
</ul> <p><span class="titre_paragraphe"><a name="selectionner" id="selectionner"></a>Sélectionner une zone de travail</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Les opérations demandées peuvent ne s'appliquer qu'à une zone déterminée. Pour la définir, cliquer sur une des formes proposées dans la palette inférieure droite, puis dessiner le contour en maintenant appuyé le bouton gauche de la souris.</li>
</ul>
<p><span class="titre_paragraphe"><a name="couleurs" id="couleurs"></a>Agir sur les couleurs, la luminosité, le contraste, etc... </span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Ouvrir le menu "Réglage" et choisir une des options...</li>
<li>Attention ! Si certaines options sont indisponibles, passer en mode RVB en cliquant sur <img src="images/jpj/mode_rvb.gif" width="15" height="15">.</li>
</ul>
<p><span class="titre_paragraphe"><a name="effets" id="effets"></a>Ajouter des effets spéciaux</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Ouvrir le menu "Filtre" et choisir une des options...</li>
<li>Attention ! Si certaines options sont indisponibles, passer en mode RVB en cliquant sur <img src="images/jpj/mode_rvb.gif" width="15" height="15">.</li>
</ul>
<p><span class="titre_paragraphe"><a name="texte" id="texte"></a>Insérer du texte sur une image</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ol>
<li>Cliquer sur <img src="images/jpj/texte.gif" width="12" height="13">.</li>
<li>Sélectionner la police, sa taille, sa couleur, etc... et saisir le texte.</li>
<li>Ajouter éventuellement quelques effets et cliquant sur l'onglet correspondant.</li>
<li>Valider en cliquant sur le bouton <OK>. </li>
</ol> <p><span class="titre_paragraphe"><a name="transparence" id="transparence"></a>Créer une zone de transparence</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ol>
<li>Cliquer sur <img src="images/jpj/mode_transparent.gif" width="14" height="17">.</li>
<li>Si l'image contient plus de 256 couleurs, accepter la limitation à 256 couleurs.<br>
Il est possible de limiter au préalable le nombre de couleurs de l'image en cliquant sur <img src="images/jpj/nombre_couleurs.gif" width="15" height="15">.</li>
<li>Déplacer la pipette sur l'image et cliquer sur la couleur devant s'afficher en transparence.<br>
Régler éventuellement la tolérance.</li>
<li>Valider en cliquant sur le bouton <OK>. </li>
</ol></td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</body>
</html>