retour ADOMIC
P1.html
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
KOMPOZER : découverte

LES FONDS DE PAGE

CREER 1 ZONE TEXTE

CREER UNE ZONE DIV

ARRIERE-PLAN DIV

 DEPLACEMENT DIV

 FORMATAGE TEXTE

CREATION DE LIENS