Le webdesign.
Initiation au métier de développeur web développeur cybersécurité community manager médiateur numérique webdesigner
Objectif de la journée : Découvrir plus en détails le déroulé d’un projet et comprendre l’organisation d’un site internet.
Header
Navigation
- Logo
- Menu (Différents onglets de navigations du site)
- CTA (call to action)
- Coordonnées (en fonction de l'activité)
- Burger menu (responsive)
Body
Corps du site
- Fonctionne par colonnes et par rangées
- Sections
- Articles / contenu divers
- Aside / colonnes latérales
Footer
Pied de page
- Logo
- Sitemap
- Coordonnées
- Mentions légales
- Réseaux sociaux
- Contact
- Copyright
À quoi servent les grilles ?
Pour aider le webdesigner lors de la conception de ses maquettes, des grilles ont été pensées. Ces grilles servent de repères par rapports aux différents composants présents sur la maquette. Elles permettent de plus facilement équilibrer la page et le contenu qui s’y trouve.
Elles vont également être très utiles lors de la conception graphique responsive.
Les grilles ne sont pas des « limites », elles sont là pour faciliter le travail du webdesigner, et lui faire gagner du temps.
Qu'est-ce que le CSS ?
Le CSS est un langage de mise en forme des documents.
Les documents en question sont des fichiers textes structurés avec un langage de balises : HTML est le plus connu de ces langages.
Grâce au langage CSS, vous pouvez contrôler exactement l’affichage de chaque élément HTML dans le navigateur et ainsi présenter vos documents avec la mise en forme de votre choix. On parle de « front ». Les autres langages tels que php, javascript, etc. contrôlent le « back ».
Analyses de sites dans le projet d'une refonte
- Comparer les différents sites d'un même domaine
- Rechercher d'autres concurrents pouvant vous inspirer
- Quels sont les composants du site à refondre à modifier ?