A9

ACTIVITÉ 9. : Créer un site Web

ACTIVITÉ 9. : Créer un site Web
Un site Web contient plusieurs pages qui sont elles-même des fichiers souvent codés dans le langage html. Ce langage, appelé de balisage, sera reconnu par les navigateurs et pourra ainsi permet d'écrire, de mettre en page, de changer les couleurs, d'afficher photos, images et vidéo, etc... 1. Créer dossier "Site_Web_Votre_nom" dans votre dossier SNT dans vos Documents personnels. 2. Créer un fichier de type "nom_prénom.html" (n'oubliez pas le .html !) dans ce dossier "Site_Web_Votre_nom". Ce fichier correspondra à la page d'accueil de votre site. 3. Ouvrir ce fichier à l'aide de NotePad++. 4. Écrire un programme en html permettant de présenter votre site. Pour ce faire vous pouvez vous inspirer du site sur lequel vous êtes en faisant "click droit" puis "Code source de la page". Vous pouvez vous inspirer d'autres sites mais attention, le codage n'est pas toujours très lisible et peut être très complexe. Attention à terme, le dossier "Site_Web_Votre_nom" contenant vos pages web ainsi que tout fichier image, ".css" ou autre nécessaire devra être transféré dans votre dossier "Ce PC/Classes.../Travaux/SNT/"dossier_à_votre_nom" pour être validé comme depuis le début de l'année. Il faudra donc choisir un thème pour votre site. Tout thème est possible tant qu'il respecte les lois, les biens et les personnes. Votre objectif est de construire un site constitué d'au moins trois pages différentes (deux en plus de la page d'accueil) contenant : des liens avec des balises de type `<a href="site.html"> mot ou phrase à cliquer </a>`, des images avec des balises de type `<img src="nom de l'image ou lien de l'image">`, des vidéo (sur youtube on peut faire "click droit" puis "Copier le code d'intégration"), une quantité adaptée de texte pertinent, une mise en page claire et si possible agréable utilisant la tabulation avec des balises de type `<table> <tr> pour les lignes <td> pour les colonnes </td> </tr> </table>` et des fichiers ".css" dits feuilles de style, un fond coloré adapté au thème, et toute amélioration de type inclusion de sons, de menus déroulants et autre technique que vous voudriez intégrer. Il va de soi que toute ligne que vous écrirez devra pouvoir être justifiée et expliquée par vous-même. Toute copie brutale d'un code trouvé sur le net sera facilement repérée et sanctionnée.

Un site Web contient plusieurs pages qui sont elles-même des fichiers souvent codés dans le langage html. Ce langage, appelé de balisage, sera reconnu par les navigateurs et pourra ainsi permet d'écrire, de mettre en page, de changer les couleurs, d'afficher photos, images et vidéo, etc...
1. Créer dossier "Site_Web_Votre_nom" dans votre dossier SNT dans vos Documents personnels.
2. Créer un fichier de type "nom_prénom.html" (n'oubliez pas le .html !) dans ce dossier "Site_Web_Votre_nom". Ce fichier correspondra à la page d'accueil de votre site.
3. Ouvrir ce fichier à l'aide de NotePad++.
4. Écrire un programme en html permettant de présenter votre site. Pour ce faire vous pouvez vous inspirer du site sur lequel vous êtes en faisant "click droit" puis "Code source de la page". Vous pouvez vous inspirer d'autres sites mais attention, le codage n'est pas toujours très lisible et peut être très complexe.

Attention à terme, le dossier "Site_Web_Votre_nom" contenant vos pages web ainsi que tout fichier image, ".css" ou autre nécessaire devra être transféré dans votre dossier "Ce PC/Classes.../Travaux/SNT/"dossier_à_votre_nom" pour être validé comme depuis le début de l'année.

Il faudra donc choisir un thème pour votre site. Tout thème est possible tant qu'il respecte les lois, les biens et les personnes.

Votre objectif est de construire un site constitué d'au moins trois pages différentes (deux en plus de la page d'accueil) contenant :
des liens avec des balises de type <a href="site.html"> mot ou phrase à cliquer </a>,
des images avec des balises de type <img src="nom de l'image ou lien de l'image">,
des vidéo (sur youtube on peut faire "click droit" puis "Copier le code d'intégration"),
une quantité adaptée de texte pertinent,
une mise en page claire et si possible agréable utilisant
la tabulation avec des balises de type


        <table> 

          <tr> pour les lignes 

            <td> pour les colonnes 

            </td> 

          </tr> 

        </table>

et des fichiers ".css" dits feuilles de style,
un fond coloré adapté au thème,
et toute amélioration de type inclusion de sons, de menus déroulants et autre technique que vous voudriez intégrer.

Il va de soi que toute ligne que vous écrirez devra pouvoir être justifiée et expliquée par vous-même. Toute copie brutale d'un code trouvé sur le net sera facilement repérée et sanctionnée.