Logiciel à utiliser :
Vous allez commencer à coder votre première page web. Vous avez simplement besoin d'un éditeur de texte, mais vous pouvez également utiliser des logiciels plus spécialisés, par exemple un logiciel libre comme Notepad++ (il doit être installé sur les postes informatiques du lycée).
Ouvrir le logiciel Notepad++.
Vous pouvez directement commencer à coder votre page web dans la zone de saisie de contenu : à chaque nouvelle ligne éditée, un compteur placé sur la gauche va numéroter ces lignes, ce qui permettra d'avoir des messages d'erreurs plus ciblés par exemple. De préférence, utiliser des caractères minuscules pour toutes les balises pour une meilleure lisibilité (le langage HTML 5 n'est pas sensible à la "casse").
.
Méthode : mémo de balises HTML « utiles »....
Vous avez à votre disposition (au format papier) un mémo de balises HTML les plus courantes que vous aurez à utiliser durant ce thème. Ce mémo est également disponible sous forme d'une page web pour faciliter son utilisation qui se trouve dans les ressources que vous avez téléchargées pour ce thème.
.
Utilisation de balises structurantes :
1. L'un des fichiers que vous avez téléchargé est nommé « ma_premiere_page_web ». Peut-on affirmer que ce fichier correspond à une page web ? Justifier votre réponse.
2. Ouvrir ce fichier. Quel logiciel a été utilisé pour lire le contenu de ce fichier ?
3. Le texte de ce fichier est présent ci-contre. Ce texte ne dispose d'aucune mise en forme, il n'y a aucun titre ou sous-titre, aucune indication d'introduction ou de conclusion.
Quel titre pourriez-vous donner à ce texte ?
Surligner une partie qui pourrait correspondre à une introduction.
Idem pour une partie constituant la conclusion.
La protection de l'environnement est un enjeu crucial pour notre planète. Chaque jour, nous faisons face à des défis tels que la pollution, le changement climatique et la perte de biodiversité. Il est essentiel d'agir pour préserver nos ressources naturelles et garantir un avenir durable. Tout d'abord, la pollution de l'air et de l'eau a des conséquences néfastes sur notre santé et l'écosystème. Pour réduire notre empreinte écologique, nous pouvons adopter des gestes simples, comme utiliser les transports en commun, recycler nos déchets et limiter notre consommation d'énergie. Ensuite, le changement climatique, provoqué principalement par les émissions de gaz à effet de serre, menace la vie sur Terre. Pour lutter contre ce phénomène, il est important de promouvoir les énergies renouvelables et de soutenir les initiatives locales de reforestation. Enfin, la biodiversité joue un rôle vital dans le maintien de l'équilibre des écosystèmes. Protéger les espèces menacées et préserver leurs habitats sont des actions essentielles pour garantir la santé de notre planète. Chacun d'entre nous a un rôle à jouer dans la protection de l'environnement. Ensemble, nous pouvons faire une différence et assurer un avenir meilleur pour les générations à venir.
A vous de jouer !
Vous allez devoir utiliser des balises judicieusement choisies pour créer votre première page web à partir de ce texte. Vous utiliserez le logiciel notepad++ pour créer cette page : ouvrir le fichier précédent « ma_premiere_page_web » avec ce logiciel (clic droit sur le nom du fichier, « ouvrir avec », puis choisir Notepad++).
Enregistrer directement ce fichier au format HTML : onglet fichier, enregistrer sous, choisir HTML.
Suggestions de balises HTML à utiliser : h1, h2, p, ul, li, strong. D'autres balises sont indispensables ou fortement recommandées !
Si vous souhaitez ajouter du texte, il devra être impérativement mis en italique.
Vous indiquerez qui est l'auteur du texte dans la tête de cette page web (il s'agit de l'intelligence artificielle « POE »).
Vous devez insérer une image pour illustrer ce texte (avec un descriptif adapté) : cette image sera stockée dans le sous-répertoire « ressources » dans votre répertoire de téléchargement.
Vous devez également insérer un lien hypertexte judicieusement choisi par rapport au texte.
.
Remarque : visualiser votre page web dans le navigateur afin de voir directement vos modifications (il ne faudra pas oublier d'actualiser cette page dans votre navigateur à chaque fois que vous l'enregistrez dans Notepad++).
.
Méthode : grille de notation critériée
Voici la grille d'évaluation qui sera utilisée pour ce travail :
Critères : | Notation | ||||
Insertion d'une image : choix judicieux, descriptif | A | B | C | D | E |
Insertion d'un lien hypertexte et d'une vidéo : choix judicieux, intégration au texte | A | B | C | D | E |
Mise en forme HTML : choix pertinent des balises, nombre de balises, mise en forme | A | B | C | D | E |