TIC (Techniques de l’Information et de la Communication) REPUBLIQUE ALGERIENNE DEMOCRATIQUE ET POPULAIRE MINISTERE DE L’ENSEIGNEMENT SUPERIEURE ET DE LA RECHERCHE SCIENTIFIQUE UNIVERSITE ABDELHAMID IBN BADIS MOSTAGANEM Faculté de Sciences Exactes et Informatique Département MI Module : TIC (Techniques de l’Information et de la Communication) Cours N°10 Création d’un site web avec kompozer et CSS Présenté par : Henni Karim Abdelkader

10. Insertion d'un deuxième tableau • Insérez un tableau avec les coordonnées suivantes: 2 lignes - 3 colonnes - 50% de largeur - 0 de bordure. • De manière centrée, insérez, dans chacune des cellules du haut, les images des bateaux Nina, Pinta et Santa-Maria. • Inscrivez le nom en dessous de chacun des bateaux. 11. Configuration de cellules • Sélectionnez les 3 cellules de la 2e ligne. • Choisissez le noir comme couleur de fond, et le blanc comme couleur de texte. Cliquez sur B pour rendre le texte gras. 12. Redimensionnement d'une image • En dessous du tableau, écrivez Les bateaux de Christophe Colomb. • Insérez l'image colomb.jpg, et dans l'onglet Dimensions, placez les coordonnées suivantes: largeur : 173, hauteur : 228. En dessous de l'image, écrivez Christophe Colomb. • Insérez l'image cartedec.gif, et placez les coordonnées suivantes via l'onglet Apparence : bordure : 2. En dessous de l'image, écrivez Carte des Grandes Découvertes.

13. Insertion de trois types de lien Allez à la page index.html. Sélectionnez le bouton maison, en cliquez sur Insertion Lien..., dans l'espace lien, écrivez l'adresse : http://www.fse.ulaval.ca Il s'agit d'un lien vers un autre site Web. Sélectionnez le bouton courriel, en entrez, dans l'espace lien le texte : mailto:monadresse@gmail.com. Il s'agit d'un lien vers une adresse de courriel. Sélectionnez la flèche, et à côté de l'espace de lien, cliquez sur le petit dossier jaune . Sélectionnez le fichier amerique.html. Il s'agit d'un lien vers une autre page de votre site. 14. Configuration d'une barre de navigation • Copiez le tableau en entier. • Allez à la page amerique.html. • Collez le tableau dans le bas de la page. • Faites les changements en changeant la flèche et lui donnant un lien vers index.html

15. Insertion d'un lien avec ancrage • Placez votre curseur dans le haut de la page. • Cliquez sur Insertion Ancre... et nommez l'ancre haut. Dans le bas de la page, écrivez Haut de la page. • Sélectionnez votre texte, et dans l'espace lien de la fenêtre des propriétés, inscrivez #haut. • Ce type de lien vous permet d'aller directement à un autre emplacement à l'intérieur de la même page. 16. Aperçu dans le navigateur • Enregistrez les deux pages (amerique.html et index.html). • Sur la page index.html, cliquez sur Fichier Aperçu dans le navigateur. • Une fois dans le navigateur, essayez vos différents liens.