Exemple 1
Les blocs ne sont pas tous identiques : certains prennent plus d’espace, d’autres se glissent en hauteur ou en largeur pour montrer une vraie capacité d’agencement.
Le HTML est le langage qui permet de structurer une page web. Il définit les titres, les paragraphes, les listes, les liens, les images et les différentes parties d’une page. Il permet au navigateur de comprendre comment organiser le contenu et donne également des informations importantes aux moteurs de recherche et aux technologies d’assistance.
Le CSS permet de contrôler l’apparence d’un site web. Il permet de gérer les couleurs, les tailles, les espacements, les polices, les bordures et la disposition des éléments.
Bootstrap fournit des outils permettant de créer plus rapidement des interfaces adaptées aux ordinateurs, tablettes et smartphones. Son système de grille facilite notamment la création de mises en page responsive.
JavaScript permet de rendre une page interactive. Il peut réagir aux actions de l’utilisateur, modifier le contenu affiché, gérer des formulaires ou créer des animations.
PHP est un langage exécuté sur le serveur. Il permet notamment de traiter des formulaires, communiquer avec une base de données, gérer des utilisateurs et générer du contenu dynamique.
Symfony est un framework PHP qui fournit une structure pour développer des applications web. Il permet notamment d’organiser les routes, les contrôleurs, les services, les formulaires et la gestion des données.
WordPress est un système de gestion de contenu qui permet de créer et administrer un site web sans devoir programmer chaque élément manuellement.
Le SEO regroupe les techniques permettant d’améliorer la visibilité d’un site dans les moteurs de recherche et de faciliter la compréhension de son contenu.
L’accessibilité consiste à rendre un site utilisable par le plus grand nombre. Cela concerne notamment la navigation au clavier, les lecteurs d’écran, les contrastes et la structure du contenu.
L’UI concerne la conception visuelle d’une interface : boutons, couleurs, typographies, espacements et organisation des différents éléments.
L’UX concerne l’expérience vécue par l’utilisateur. Elle cherche à rendre les parcours simples, compréhensibles et efficaces.
Le responsive design permet à une interface de s’adapter aux différentes tailles d’écran afin de rester utilisable sur ordinateur, tablette et smartphone.
Une présentation structurée permet de mettre en valeur différentes réalisations, compétences et technologies utilisées.
Une structure organisée permet de présenter plusieurs prestations et d’expliquer clairement ce que chaque service peut apporter.
Une présentation adaptée permet de regrouper clairement les informations concernant un lieu, une adresse, des horaires ou des services.
Les images permettent de présenter un produit, un lieu ou une réalisation et peuvent renforcer l’identité visuelle d’un projet.
Une grille comparative permet de présenter plusieurs options et leurs caractéristiques afin d’aider l’utilisateur à comparer rapidement différentes solutions.
Une synthèse permet de regrouper les informations importantes d’un projet et de donner rapidement une vision globale des technologies et des objectifs.