Fiche de cours

Présentation des documents électroniques : les feuilles de styles

Culture générale   >   Présentation des documents électroniques : les feuilles de styles

  • Fiche de cours
  • Quiz et exercices
  • Vidéos et podcasts
Objectif :
Comment gérer la présentation d'un document électronique ?
1. Présentation : définir des règles de présentation des documents
Rappel : les documents électroniques sont de plus en plus le vecteur de la transmission d'informations dans l'organisation. Le contenu et la structure d'un document dépendent de l'information que veut transmettre son auteur. La présentation peut dépendre de l'auteur mais dans un souci d'uniformité, elle devrait être standardisée.

Les standards de présentation peuvent être définis par des « protocoles » d'entreprise (règles prédéfinies imposées aux utilisateurs) ou bien par l'utilisation de normes internationales (à l'exemple des normes W3C pour la conception des sites WWW).
Les objectifs sont l’uniformité du document pour les acteurs de l'organisation (règles locales) et l'interopérabilité avec les environnements technologiques (normes internationales).
2. Gestion de la présentation des documents électroniques
a. Du document « papier » au document électronique
La gestion de la présentation des documents électroniques a toujours été un élément intégré aux différents logiciels. On sait qu'un logiciel à vocation à automatiser des tâches manuelles précédemment effectuées par les utilisateurs ; les documents « papier » avait une présentation qui a été transmise aux documents électroniques correspondants.
b. Les standards de présentation logiciels
Chaque logiciel en fonction de son domaine dispose d'une configuration par défaut de la présentation des documents (police de caractères, taille, format paragraphe, gestion automatique des titres, mode plan…).

L'utilisateur dispose d'un environnement logiciel lui permettant le paramétrage de la mise en forme de ses documents par l'intermédiaire de :

format prédéfini qui permet à l'utilisateur ponctuellement en fonction de ses besoins de définir une présentation spécifique,

modèle qui permet à l'utilisateur à partir d'un modèle de document prédéfini ou paramétré de disposer d'un standard de la présentation,

thème qui permet à l'utilisateur à partir d'une présentation standardisée qu'il pourra personnaliser (et qui est souvent commune à plusieurs logiciels d'un même éditeur) de gérer ses documents,

feuille de style qui permet de définir très précisément la forme et la présentation de chaque élément du document.

3. Les feuilles de style CSS
a. Répondre à l'adaptation des présentations Web
Le W3C (World Wide Web Consortium) pour répondre aux limitations du HTML en terme de présentation a proposé les feuilles de style en cascade CSS (Cascading Style Sheets).
Les feuilles de style CSS vont permettre de définir les caractéristiques de présentation visuelle des balises HTML d’une page Web, compatibles aux différents navigateurs Web du marché (exemple : les normes en 2008 = HTML4 et CCS2).

La conception de feuilles de style va permettre d'adapter rapidement les différentes évolutions de la charte graphique d'un site Web.
b. L'utilisation des styles
Les styles peuvent être définis et utilisés de 3 façons différentes :

style en ligne consiste à définir pour une balise déterminée les éléments du style que le navigateur devra lui appliquer en visualisation,
Exemple :


style de document consiste à regrouper l'ensemble du style applicable à une page dans l'en-tête du document html,
Exemple :


feuille de style externe consiste à regrouper l'ensemble des styles applicables à un site Web (ou une partie du site) dans un fichier CSS externe qui sera inclus dans les fichiers HTML.
Exemple :
c. Illustration d'une feuille de style
Exemple de feuille de style :

Remarque :
• un style permet de gérer la présentation d'une balise html (exemple : H1, Table, Td, P, A)
• la définition d'un style est délimitée par { }
• chaque élément du style est composé de description : valeur (exemple : font-family : arial)
• les éléments du style sont séparés les uns des autres par un point virgule « »
• plusieurs éléments peuvent être déclarés simultanément (exemple : P,TD)
• un même élément peut être redéfini pour compléter le style (exemple : P,TD)
• un élément de style peut-être spécialisé en fonction de son activité (exemple : A, A:link, A:visited, A:hover)
4. Les styles « utilisateur »
Le concepteur d'une feuille de style peut définir ses propres styles « utilisateur ».

Exemple : remplacement du style TD (table data : cellule de tableau) par deux éléments de style nommés nom et lien.

L'essentiel
La notion de feuilles de style permet de séparer le contenu et la structure du document électronique de sa présentation.
La feuille de style CSS permet de gérer les éléments de présentation de chaque balise html.

La possibilité d'externaliser les styles dans les fichiers CSS permet d'apporter rapidement une solution à l'évolution de la charte graphique des sites Internet.
La gestion systématique de feuilles de style peut permettre à l'utilisateur de définir de façon générique les éléments constitutifs de la présentation de chaque page de sites Web.

Évalue ce cours !

 

Des quiz et exercices pour mieux assimiler sa leçon

La plateforme de soutien scolaire en ligne myMaxicours propose des quiz et exercices en accompagnement de chaque fiche de cours. Les exercices permettent de vérifier si la leçon est bien comprise ou s’il reste encore des notions à revoir.

S’abonner

 

Des exercices variés pour ne pas s’ennuyer

Les exercices se déclinent sous toutes leurs formes sur myMaxicours ! Selon la matière et la classe étudiées, retrouvez des dictées, des mots à relier ou encore des phrases à compléter, mais aussi des textes à trous et bien d’autres formats !

Dans les classes de primaire, l’accent est mis sur des exercices illustrés très ludiques pour motiver les plus jeunes.

S’abonner

 

Des quiz pour une évaluation en direct

Les quiz et exercices permettent d’avoir un retour immédiat sur la bonne compréhension du cours. Une fois toutes les réponses communiquées, le résultat s’affiche à l’écran et permet à l’élève de se situer immédiatement.

myMaxicours offre des solutions efficaces de révision grâce aux fiches de cours et aux exercices associés. L’élève se rassure pour le prochain examen en testant ses connaissances au préalable.

S’abonner

Des vidéos et des podcasts pour apprendre différemment

Certains élèves ont une mémoire visuelle quand d’autres ont plutôt une mémoire auditive. myMaxicours s’adapte à tous les enfants et adolescents pour leur proposer un apprentissage serein et efficace.

Découvrez de nombreuses vidéos et podcasts en complément des fiches de cours et des exercices pour une année scolaire au top !

S’abonner

 

Des podcasts pour les révisions

La plateforme de soutien scolaire en ligne myMaxicours propose des podcasts de révision pour toutes les classes à examen : troisième, première et terminale.

Les ados peuvent écouter les différents cours afin de mieux les mémoriser en préparation de leurs examens. Des fiches de cours de différentes matières sont disponibles en podcasts ainsi qu’une préparation au grand oral avec de nombreux conseils pratiques.

S’abonner

 

Des vidéos de cours pour comprendre en image

Des vidéos de cours illustrent les notions principales à retenir et complètent les fiches de cours. De quoi réviser sa prochaine évaluation ou son prochain examen en toute confiance !

S’abonner

Découvrez le soutien scolaire en ligne avec myMaxicours

Plongez dans l'univers de myMaxicours et découvrez une approche innovante du soutien scolaire en ligne, conçue pour captiver et éduquer les élèves de CP à la terminale. Notre plateforme se distingue par une riche sélection de contenus interactifs et ludiques, élaborés pour stimuler la concentration et la motivation à travers des parcours d'apprentissage adaptés à chaque tranche d'âge. Chez myMaxicours, nous croyons en une éducation où chaque élève trouve sa place, progresse à son rythme et développe sa confiance en soi dans un environnement bienveillant.

Profitez d'un accès direct à nos Profs en ligne pour une assistance personnalisée, ou explorez nos exercices et corrigés pour renforcer vos connaissances. Notre assistance scolaire en ligne est conçue pour vous accompagner à chaque étape de votre parcours éducatif, tandis que nos vidéos et fiches de cours offrent des explications claires et concises sur une multitude de sujets. Avec myMaxicours, avancez sereinement sur le chemin de la réussite scolaire, armé des meilleurs outils et du soutien de professionnels dédiés à votre épanouissement académique.