Exemple 1 Création d'un site
I.
Introduction
1.
Définition :
·
Un site web est l’ensemble de
pages web liées entre elles par des liens hypertextes.
·
Une page web contient des textes,
des images, des animations, des tableaux,… et peut être liée avec d’autres
pages web et publiées sur Internet.
·
Un lien hypertexte est un texte,
image, … qui permet de passer d’une page web à une autre par un clic dessus.
2.
Activité
On va réaliser un site web,
quelles sont les étapes à suivre pour pouvoir produire ce site ?
3.
Constatations :
·
On doit tout d’abord choisir le
thème du site
·
Puis collecter les informations
nécessaires pour pouvoir élaborer le site (images, textes, son,…) en utilisant
Internet
·
Puis préciser le logiciel qu’on
va travailler dessus, on va utiliser Microsoft FrontPage,….
·
Préciser le plan du site
·
Commencer les traitements :
saisi, insertion d’images, de son, de tableau,…
II.
Création
d’un site web
1. Le thème du site :
site personnel : on va créer un site dans lequel on va nous
présenter.
2. La recherche et la
récolte d’informations: on va préparer un dossier nommé 9B8g1 comportant
toutes nos images et son qu’on aura besoin
3. Plan du site : Le site
comportera trois pages : une page d’accueil et une page de présentation de
chacun de vous
1. Création du site :
a. Découvrir Microsoft FrontPage
Activité
-
Lancer Microsoft FrontPage
-
Découvrir son interface
Constatations
-
L’interface de Microsoft
FrontPage ressemble à celle de Microsoft Word mais elle comporte plus de menus
et de commande
-
Il y a un espace blanc qui
ressemble à une page blanche : c’est la page web
b. Création du
site web
Activité
-
Créer un site web vide sous le
dossier 9Bn qui se trouve sous Mes documents\ Mes sites web
-
Créer la page Index dans laquelle
saisir le texte : Bienvenue à notre site !
-
Enregistrer votre travail
Constatations
- Fichier > Nouveau > Site web
vide
* On clique sur
« parcourir » pour définir l’emplacement du site
- Fichier>Nouveau>Page vierge
-
Fichier > Enregistrer
* la page s’appelle par défaut Index
c. Insertion
d’une image
Activité
-
Ouvrir
votre site web
-
Insérer
l’image « Lycée.jpg » qui se trouve sous Mes documents\ Mes
images
-
Saisir
le texte suivant sous l’image : Ecole préparatoire Elbassatine
-
Saisir
le texte suivant : 9Bngn
-
Mettre
en forme votre texte selon le choix
-
Enregistrer
les modifications
Constatations
-
Fichier>
ouvrir site (on utilise la boite de dialogue pour chercher le site et on clique
sur « ouvrir »
-
Insertion
> Image> A partir du fichier
-
Pour
mettre en forme un texte on le sélectionne puis Format>Police
d. Insertion d’un tableau
Activité
-
Insérer
un tableau de 2 colonnes et 1 ligne comme suite :
-
Mettre en forme votre tableau
-
Enregistrer les modifications
Constatations
-
Tableau>Insérer>
Tableau
e. Ajouter des
pages web
Activité
-
Insérer une nouvelle page web
dans laquelle saisir votre nom prénom, date de naissance, lieu de naissance,…
-
Mettre en forme votre texte
-
Enregistrer la page, nom :
votre nom
Constatations
-
Fichier>Nouveau>Page vierge
-
Fichier>Enregistrer
Remarque
La mise en forme du texte sous FrontPage est comme
la mise en forme sous Word :
f. Appliquer un thème
Activité
-
Ouvrir
votre site web
-
Ouvrir
la page Index
-
Appliquer
un thème à cette page
-
Appliquer
un thème aux autres pages
-
Enregistrer
les modifications
Constatations
-
Format
> Thème
-
Choisir
un thème de la liste des thèmes qui s’affiche à droite
g. Insertion de liens hypertextes
Activité
-
Ouvrir
la page index
-
Sélectionner
nom1 dans le tableau
-
Insérer
un lien hypertexte vers la page correspondante (nom1)
-
Insérer
un lien dans le mot nom2 vers la page nom2
-
Insérer
un lien hypertexte Accueil dans les pages nom1 et nom2
-
Enregistrer
les modifications
Constatations
Insertion> Lien hypertexte
h. Insertion d’une transition
Activité
-
Insérer
des transitions dans vos pages
Constatations
Format>Transition
i. Aperçu du site dans le navigateur
Pour
voir l’aperçu on clique sur Aperçu qui se trouve en bas ou bien
Fichier>Afficher dans le navigateur>Microsoft Internet Explorer
0 commentaires:
Enregistrer un commentaire