Créer une page web avec word

 

ETAPE 1 : CREER LE FICHIER HTML (/1)

 

Ouvrir word

 

Ouvrir une nouvelle page web :

Menu Fichier/Nouveau/Pageweb

 

Créer un dossier nommé nom-du-theme (sans accent, sans espace, sans majuscule !!!!) sur le serveur élève dans  IDD-ballonsonde2007-2008/siteweb/experiences-meteo

 

Enregistrer votre page web sur le serveur élève dans IDDballonsonde2007-2008/siteweb/experiences-meteo/nom-du-theme

Menu Enregistrer en tant que page web

Nom du fichier : pageweb-nom-du-theme.html

Type de fichier : page web unique (html)

 

PENSEZ A ENREGISTRER REGULIEREMENT (Ctrl + S) !!!!!!!!!

 

APPELER UN PROFESSEUR

 

 

ETAPE 2 : CREER LA MISE EN PAGE AVEC DES TABLEAUX (/5 (mise en page) + /6 (contenu))

 

Tapez en haut à gauche Expériences sur le nom-du-theme en police Georgia, taille 18

Exemple :

Expériences sur les fronts

 

Sautez une ligne

Tapez Expérience n°1 : titre de l'expérience 1 en police Georgia, taille 16

Exemple :

Expérience n°1 : comment se déplace l'air chaud ?

 

Sautez une ligne

Créer un tableau de 4 lignes, 2 colonnes :

Menu Tableau / Insérer / Tableau

Choisir : 2 colonnes ; 3 lignes 

 

Exemple

 

 

 

 

 

 

 

 

 

Fusionner la première ligne

Sélectionner la première ligne / Clic droit / fusionner les cellules

Exemple

 

 

 

 

 

 

 

 

Fusionner les trois dernières lignes de la première colonne

Sélectionner les trois dernières lignes de la première colonne / Clic droit / fusionner les cellules

Exemple

 

 

 

 

 

 

Reproduisez le tableau ci-dessous à l'identique (police Georgia taille 12)

Résumé de l'expérience

 

 

 

 

 

 

 

Observation

 

 

 

 

 

Interprétations

 

 

 

 

 

 

Conclusion

 

 

 

 

 

 

 

Insérer un Schéma

Insérer une Photo

Insérer un Film

 

Remplir les cases du tableau en vous aidant des documents que vous avez complétés lors de la séance de travaux pratiques

 

Faire un aperçu de votre page web

Menu Fichier/Aperçu de la page web

 

Ctrl + S

 

APPELER UN PROFESSEUR

 

ETAPE 3 : INSERER DES IMAGES (/3)

 

Créer un dossier nommé images dans le dossier nom-du-theme que vous avez créé dans l'étape 1

 

Ouvrir la page web du site du ballon sonde : http://monsieur.bareilles.free.fr/IDD_BallonSonde_2007-2008/sequence3/exp.html

Cliquer sur le lien de votre expérience.

 

Choisir un ou deux schémas de votre expérience (s'ils existent) et enregistrer les dans le dossier images que vous venez de créer

Clic droit sur le schéma / Enregistrer l'image sous

 

Dans la case « Insérer un Schéma », insérer les schémas de votre expérience

Menu Insertion/Images/A partir du Fichier

 

Ecrivez le titre

 

Faire un aperçu de votre page web

Menu Fichier/Aperçu de la page web

 

Ctrl + S

 

APPELER UN PROFESSEUR

 

Dans le dossier photos situé dans le répertoire IDDballonsonde2007-2008/siteweb/experiences-meteo/, choisir une photo représentative de l'expérience (si elle existe).

Copier là dans votre dossier  images que vous avez créé dans l'étape 3

 

Dans la case « Insérer une photo», insérer une photo de votre expérience

Menu Insertion/Images/A partir du Fichier

 

Faire un aperçu de votre page web

Menu Fichier/Aperçu de la page web

 

Ctrl + S

 

APPELER UN PROFESSEUR

 

 

ETAPE 4 : INSERER UN LIEN HYPERTEXTE VERS L'ACCUEIL DU SITE (/2)

 

Faites un lien hypertexte vers la page d'accueil du site :

Sélectionnez + Copier (Ctrl + C) l'adresse de l'accueil du site :http://monsieur.bareilles.free.fr/IDD_BallonSonde_2007-2008/index.html

Clic droit sur un texte « Accueil du site » ou sur une image puis Lien Hypertexte

Coller (Ctrl + V) l'adresse du site dans Adresse

 

Faire un aperçu de votre page web

Menu Fichier/Aperçu de la page web

 

Ctrl + S

 

APPELER UN PROFESSEUR

 

 

ETAPE 5 : CHOISIR UN ARRIERE-PLAN (/2)

 

Lisez le cadre « couleurs à éviter / couleurs à privilégier » du site suivant :  http://www.foutchy.com/articles/article00006.asp

 

Choisir un arrière-plan parmi ceux présents sur le site suivant http://galaxie-net.com/Webmaster.htm (parcourez les 8 pages)

Une fois votre arrière-plan choisi, Enregistrer le dans votre dossier images

Clic droit sur l'image / Enregistrer l'image sous

 

Définir l'arrière-plan de la page web

Menu Format/Arrière-plan/Motifs et Textures/

Cliquer sur l'onglet Images puis sur Sélectionner une image

Aller chercher votre image dans votre dossier images

 

Faire un aperçu de votre page web

Menu Fichier/Aperçu de la page web

 

Ctrl + S

 

APPELER UN PROFESSEUR

 

ETAPE 6 : CHOISIR UNE COULEUR DE POLICE ADAPTEE (/1)

 

Si votre arrière-plan ne vous plaît finalement pas, répéter l'étape 5.

Choisir une couleur de police qui est compatible avec l'arrière-plan. Pour cela lisez de nouveau le cadre du site http://www.foutchy.com/articles/article00006.asp

 

Sélectionnez tout le texte (Ctrl + A)

Changer la couleur de police. Vous pouvez utiliser plusieurs couleurs.

 

Faire un aperçu de votre page web

Menu Fichier/Aperçu de la page web

 

Ctrl + S

 

APPELER UN PROFESSEUR

 

ETAPE 7 : ANIMER VOTRE PAGE WEB (/1)

 

Dans le dossier gifs animés (dans IDDballonsonde2007-2008/siteweb/experiences-meteo/gifs-animes) choisir un ou deux gifs animés en rapport avec votre thème pour les insérer dans votre page web

 

Vous pouvez changer la mise en page de votre page pour insérer vos gifs animés (modifier éventuellement les tableaux de votre page ou en insérer d'autres en vous aidant de l'étape 2).

 

Copier vos fichiers gif dans votre dossier images.

 

A l'endroit choisi de votre page web, insérer vos gif animés.

Menu Insertion/Images/A partir du Fichier

 

Faire un aperçu de votre page web

Menu Fichier/Aperçu de la page web

 

Ctrl + S

 

APPELER UN PROFESSEUR