Pour démarrer
votre composition :
0 / téléchargez Kompozer, extraire les fichiers dans un répertoire de
votre disque dur, créer un raccourci pour le programme kompozer.exe
(clic-droit/envoyer-vers/bureau).
1 / Créez,
dans votre espace "cours info" un répertoire "SITE INTERNET" qui
contiendra toutes les pages
2 / Copiez
les fichiers HTML du cours*** (répertoire CREATION SITE) dans votre
répertoire "SITE INTERNET"
3 / Créer un
sous-répertoire "images2" dans le répertoire "SITE INTERNET"
4 / Copiez
vos photos, dessins, logos.... dans ce répertoire "images2"
5 / Ouvrez Kompozer, repérez les différentes fenêtres et infos (voir
menu à gauche : Découverte)
6 / Ouvrez tous les fichiers HTML du répertoire SITE INTERNET
7 / Prenez la première page (index.html), modifiez le fond de page (il
n'y a pas de dégradés dans Kompozer : si vous voulez un dégradé, il
faut le faire par exemple avec impress, puis copie d'écran dans Gimp)
8 / Index.html : ajoutez vos zones de texte (pour chacune,
transformez-la en DIV - boite CSS )
9 / Créez une zone de texte "vide" (un seul espace) pour insérer une
photo en arrière plan du DIV
10 / Déplacez vos zônes de texte et photo à votre convenance (attention
aux formats d'écrans)
11 / Pour chaque zone de texte, choisissez un formattage et une couleur
de texte
12 / Regardez le lien "Entrée..." (clic droit / Propriétés du lien ) :
tous vos liens internes au site seront de même
Quand votre première page est faite, passez aux autres pages, en
utilisant les liens existants
*** Si vous regardez ce tutoriel sur Internet, cliquez
Affichage/code-source , puis copiez l'intégralité du code de chaque page
dans un fichier que vous nommerez exactement comme indiqué en haut à
gauche (respectez la casse). Pour les images, clic droit sur les
images/enregistrer sous..., puis sauvez-les dans le répertoire "images"
avec le nom indiqué (trois photos).
LYCEE DE CIBEINS
01600 Sainte Euphémie
CREATION
D'UN SITE INTERNET