1 - Mini projet Synthèse : création d'une page Web
I - Problématique
Attendues de fin de cycle et les compétences travaillées
Imaginer des solutions en réponse aux besoins, matérialiser une idée en intégrant une dimension design | |
---|---|
Participer à l'organisation de projets, la définition des rôles, la planification (se projeter et anticiper) et aux revues de projet. | x |
Organiser, structurer et stocker des ressources numériques. | x |
Comprendre le fonctionnement d'un réseau informatique. | |
Comprendre le fonctionnement d'un réseau informatique | x |
1 - Matériel et Organisation de l'îlot.
Matériel : | Objectif : | ||
- - | Le besoin du mini-site est défini dans ce document (cliquer) [html] | ||
Informatique : | Situation déclenchante : | ||
- Prendre le module Documents HTML : | |||
Organisation du groupe : | Reformulation : | ||
: Collaboratif |
2) Recherche de solutions
2.1 - Contraintes à respecter
Méthode : Contraintes sur le contenu
Partie 1 : Contraintes sur le contenu | ||
---|---|---|
Licences de publication | 1 | Respect de la vie pivée : En aucun cas vous ne devez pouvoir être identifiable : pas de nom, de surnom. |
2 | Pas de plagiat : Les phrases doivent être reformulées. (Votre professeur en vérifiera quelques unes) | |
3 | Faire apparaître une licence de publication
| |
Charte graphique | 4 | Définir et suivre une charte graphique en veillant à rendre votre site attractif (attention au design): [pdf]
|
Méthode :
Partie 2 : Contraintes techniques | |||
---|---|---|---|
Arborescence du dossier (contenant le site) | 1 | 1 page (ou écran)= 1 fichier html | |
2 | La page d'accueil du site doit être enregistrée dans un fichier nommé "index.html" | ||
3 | Contrairement au traitement de texte les images doivent être enregistrées dans des fichiers à part dans le dossier à la racine du site. (voir schéma ci-dessous) | ||
4 | Tous les fichiers du site doivent tous être rangé dans un unique dossier. (vous pouvez le nommer comme vous le voulez) | ||
Créer le dossier | 1 | Ouvrir l'explorateur de Windows ( + E) Dans votre lecteur "u :\perso" créer un dossier s'appelant "Site_Nom" | |
Créer les fichiers | 1 | Ouvrir Libre Office - Nouveau - Document html
| |
2 | Enregistrer chaque fichier dans le dossier - Site_Nom - que vous venez de créer | - Fichier - Enregistrer sous ... |
Fondamental : Contraintes Techniques
3) Travail à faire
3.1) Création de la page Web
Ressources pour créer le mini-site
Méthode :
Fichier | Créer un nouveau Fichier | ||
---|---|---|---|
Mettre un fond de page (Arrière plan) | - Clic droit | ||
Image | Insérer une image | 1 - Enregistrer l'image dans votre dossier Site_Nom (clic droit - Enregistrer sous) 2 - Dans libre office - 3 - Modifier l'Ancrage de l'image | |
Trouver des images détourées depuis Google | |||
Détourer une image | |||
Insérer des boutons | 2 - Télécharger le bouton 3 - Enregistrer le bouton dans votre dossier Site_Nom 4- Dans libre office - sélectionner votre bouton 5 - Modifier l'ancrage du bouton | ||
Lien Hypertexte | Lien vers une autre page du site | 1 - Sélectionner le mot ou l'image 2 - | |
Lien vers un autre site web | 1 - Sélectionner le mot ou l'image 2 - |