Category

Création de Page web VISUAL STUDIO CODE (Logiciel Libre) Visual Studio Code AMAYA Editeur HTML (Logiciel Libre) Amaya Home Page DREAMWEAVER Editeur HTML (Logiciel Commercial) Dreamweaver CC 2023 21.3 – Télécharger pour PC Gratuit (version d’essai n’accepter aucun paiement) Télécharge Macromedia DreamWeaver 8 pour Windows (version d’essai n’accepter aucun paiement) Traitement de l’image GIMP (Logiciel […]

1. Informations GénéralesCe site web (http://cddp57a.free.fr/) a été réalisé dans le cadre d’un exercice universitaire en Licence 3 CMOCP à l’Université de Lorraine. Il n’a aucune vocation commerciale et est destiné uniquement à un usage pédagogique. 2. Éditeur du siteNom : [Nom et Prénom de l’étudiant] (ou pseudonyme si anonymat souhaité)Adresse e-mail : [Adresse e-mail […]

Sélecteur descendant depuis une classe observer l’espace entre div et p Cela signifie : « Tous les <p> qui sont DANS un <div> seront rouges. » Si la <div> a un nom de classe, on l’utilise dans le sélecteur CSS pour cibler uniquement les éléments à l’intérieur de cette div. Observer l’espace en .boite et p ela […]

Les liens internes en HTML se font avec <a href= »#id »>, où id correspond à l’identifiant de la section ciblée. La propriété scroll-behavior: smooth; en CSS permet d’avoir une navigation fluide entre les sections. Une barre de navigation fixe se fait avec position: fixed; en CSS. à vous de jouer !! Code HTML de la page […]

Feuille de style :

Voici une version de l’exercice où l’on change la feuille de style en fonction des besoins des personnes malvoyantes. Conforme au RGAA (Référentiel Général d’Amélioration de l’Accessibilité) → Norme en France. L’objectif est d’offrir deux styles : Version accessible : police plus grande, contraste amélioré, espacement augmenté : style-access.css

Voici les fichiers indispensables à votre mini-site : Les fichiers sont regroupés dans une archive zip à décompresser vers votre dossier de travail. Le fichier Word contient tous les textes et les consignes

Il s’agit de commencer avec les styles de base pour les petits écrans. Voici la feuille de style css que nous nommerons : style-mobile.css Explication : Cela permet de tester et observer les changements de styles selon la taille de l’écran. Code HTML de la page que nous nommerons : mobile.html image : écran d’ordinateur.jpg […]

Le Responsive Design est une approche du design web qui vise à rendre les pages web lisibles et utilisables sur une variété de dispositifs et de tailles d’écran, des petits téléphones mobiles aux grands écrans d’ordinateur. Les Media Queries sont un outil clé pour le design responsive, car elles permettent d’appliquer différents styles CSS en fonction des caractéristiques du […]

Quand on crée une page web, on utilise des divs pour organiser les éléments (texte, images, boutons…). Mais avant l’invention du Flexbox, c’était compliqué d’aligner proprement ces éléments. Aujourd’hui, Flexbox simplifie la mise en page ! Qu’est-ce qu’un container ?Un container est une boîte qui contient d’autres éléments. En HTML, une div est souvent utilisée […]