---

  Cette année, dans le cadre de la discipline Technologie, et pour apporter aux élèves du collège des informations pertinentes sur le métier qu'ils aimeraient exercer plus tard, un projet avait pour objectif de réaliser une fiche métier sous forme de page web à mettre en ligne sur le site Baoutec.

  Après une recherche de textes et d'images sur internet (les sites dont les logos figurent ci-dessous ont permis de trouver l'essentiel des textes), les élèves ont utilisé un canevas en langage HTML et CSS pour élaborer leur page.

  Les informations mises en évidence sur ces pages ne sont donc pas exhaustives et n'ont pas l'exactitude des sites officiels. Elles ont surtout servi de support à la manipulation de codes informatiques pour mettre en forme un document dans le respect d'une charte graphique.

  Le menu 'Métiers par secteurs' offre des domaines d'activité dans chacun desquels se trouve une liste des métiers traités par les élèves cette année. Bon visionnage !

---

mots clés

langage – HTML –

  HTML , pour HyperText Markup Language, qu'on peut traduire en «langage de balisage hypertexte», est le langage utilisé pour structurer une page web et son contenu. On peut par exemple organiser le contenu en un ensemble de paragraphes, une liste d'éléments, utiliser des images ou des tableaux de données.
Un document HTML est une suite d'éléments utilisés pour encadrer différentes parties du contenu afin de les faire apparaître ou se comporter d'une certaine façon. Les balises autour du contenu permettent de transformer une image ou un texte pour obtenir un lien vers une autre page, de créer des titres, etc.

---

langage – CSS –

  CSS est l’acronyme de «Cascading Style Sheets» ce qui signifie «feuille de style en cascade». CSS est un langage de mise en forme des documents dans le but, par exemple, de respecter une charte graphique particulière. Les documents en question peuvent être des fichiers texte déjà structurés avec un langage de balises comme HTML, mais aussi des fichiers de types SVG ou XML.
CSS est un langage basé sur des règles — on définit des règles de styles destinées à des éléments ou des groupes d'éléments particuliers dans la page — qui affectent l'aspect des éléments visés (couleurs, tailles, alignements, positions, marges…) mais aussi leur animation (transformations, déplacements, apparitions…).

---

charte graphique

  Elle est l'identité visuelle d'une marque, d'un site internet ou d'une simple présentation numérique. Pour chaque document (papier, page web, schéma…) qui lui est associé, la charte graphique reste la même afin d'identifier le plus rapidement possible l'appartenance.

---