AA ’’ : « : « QQ ?? »» :: AA

Technologie Projet 2 : « Création d’un site WEB : info-infox » 3éme Séquence n°7

A A MÉLIORATION MÉLIORATION DU DU SITE SITE WEB WEB : :

A A

’ ’

: « : « Q Q

? ? » »

Pour que votre site soit plus personnel, vous devez faire une page supplémentaire pour vous présenter et présenter votre travail.

1 )

1 ) M M

’ ’

Dans l’exemple de ma page d’accueil j’avais placé un texte « Qui somme nous ? » en bas de l’image.

Vous pouvez utiliser cette méthode (en modifiant l’image si le texte n’y était pas encore) ou, plus simplement, un lien texte (ou sur une petite image supplémentaire) sous l’image de la page d’accueil qui pointe sur cette nouvelle page de présentation.

1.1 )

1.1 ) CC ASASNN°1°1 : : A AJOUTJOUTDUDUTEXTETEXTEDANSDANSLL’’IMAGEIMAGEDEDELALAPAGEPAGEDD’’ACCUEILACCUEIL

Si votre texte « Qui sommes-nous » est intégré à votre image, il faudra modifier le script de votre page d’accueil pour rajouter une quatrième zone cliquable vers la page « QuiSommesNous.html ».

Attention : Ne pas oublier de créer cette page (vierge) auparavant.

Modifier le script de la page, vérifier le fonctionnement puis placer le script dans la zone ci-dessous.

1.2 )

1.2 ) CCASASNN°2°2 : A : AJOUTJOUTDD’’UNUNTEXTETEXTE ( (OUOUDD’’UNEUNEAUTREAUTREPETITEPETITEIMAGEIMAGE) ) SOUSSOUSLL’’IMAGEIMAGEDEDELALAPAGEPAGEDD’’ACCUEILACCUEIL

Dans ce cas vous avez la possibilité d’ajouter ce lien :

• soit avec le logiciel wysiwyg (BlueGriffon) que l’on utilise (attention, ne pas oublier de cocher :

« Rendre l’URL relative au document »),

• soit en suivant la procédure utilisée à la fin de la séquence 2,

• soit en cherchant une solution sur internet.

Dans tous les cas, il faudra au préalable créer la page «   QuiSommesNous.html   » qui pourra être vierge dans un premier temps.

Vérifier le fonctionnement puis placer le script dans la zone ci-dessous.

Activites.odt Collèges - Briançon 1/3

Validation du professeur :

Technologie Projet 2 : « Création d’un site WEB : info-infox » 3éme Séquence n°7

2 )

2 ) A A

« « Q Q

- -

? ? » »

La page d'accueil vient d’être modifiée pour permettre l’accès à la page « Qui sommes-nous ? ».

Il faut maintenant créer cette page qui contiendra quelques informations sur :

• vous même (très succinctes et ne permettant pas de vous authentifier),

• votre travail de création sur la présentation de vos infos,

• e t surtout la méthode que vous avez utilisé e pour concevoir et argumenter votre infox.

Aidez-vous des séquences précédentes pour concevoir cette page.

2.1 )

2.1 ) (RAPPEL)(RAPPEL) : : RREMARQUESEMARQUES TRÈSTRÈSIMPORTANTESIMPORTANTES

Le logiciel génère le script html en fonction de ce que vous lui demandez de placer dans la page (textes, images, etc.). Il faut donc qu'il sache où trouver les images pour les insérer dans la page.

Pour ne pas avoir de problème avec l'affichage des images, il fau dra obligatoirement :

1 Enregistrer toutes les images que vous voulez placer dans votre page dans le sous-dossier

« MonSiteWEB » AVANT de les insérer dans la page.

2 Le nom des fichiers (html ou images) ne doit pas comporter d'espace , de caractère accentués ni de caractères spéciaux.

Exemple : « Mon schéma génial.jpg » à remplacer par « Mon_schema_genial.jpg »

3 Sauvegarder votre fichier html (généré avec BlueGriffon) dans le sous-dossier « MonSiteWEB » AVANT d'insérer les images dans la page. Le plus simple est de le faire dès sa création.

4 Au moment de l’insertion d’une image il faut cocher « Rendre l’URL relative au document » pour que le script de la page aille chercher l’image dans le même dossier que la page WEB

2.2 )

2.2 ) CC^{RÉATIONRÉATIONDEDELALAPAGEPAGE} « « Q Q^{UIUISOMMESSOMMES}--^NOUSNOUS ? ? »» Rappels et précisions : Cette page

• doit être en lien sur la page d'accueil,

• vous présente rapidement (attention, aucun nom de famille ne doit être placé dans cette page),

• ne présente rien qui ne soit pas toléré par la charte informatique du Collège,

• doit expliquer la méthode que vous avez utilisé e pour concevoir vos argumentaires et documents de présentations de vos infos et surtout de votre infox.

3 )

3 ) P P

Lorsque votre page est terminée, il faut la placer sur internet. On appelle ça « publier » son site WEB.

Demandez à votre professeur de publier votre page sur l'espace d'hébergement réservé.

Activites.odt Collèges - Briançon 2/3

Technologie Projet 2 : « Création d’un site WEB : info-infox » 3éme Séquence n°7

Votre site sera ensuite accessible sur le site WEB : http://techno.briancon.free.fr/ (dans la page

« Publication élèves » correspondante à votre établissement, votre classe et votre n° de binôme ou de poste)

Vérifiez que votre page s'affiche correctement et qu'il ne manque rien.

4 )

4 ) A A

A la fin de chaque séquence, vous devrez intégrer votre fichier de la séquence finie (le fichier

« activites.odt » dans lequel vous avez travaillé) dans votre classeur numérique.

Pour cela vous devez :

• Générer un fichier PDF à partir de votre fichier traitement de texte (ce fichier).

• Intégrer cette séquence (le PDF que vous venez de générer) à votre classeur numérique déjà existant.

Pour vous aider, vous avez le fichier « FicheAideClasseurNumerique.pdf » présent dans la séquence 0 (ou au début de votre classeur numérique).

Activites.odt Collèges - Briançon 3/3