• 1. Introduction
    • Les outils du développeur
  • 2. HTML
    • La syntax
      • Balise inline ou block ?
      • Les balises les plus utiles
      • Balises avec attributs
    • Une page html
      • Le nommage en WEB
      • Créer un fichier HTML
      • Structure de base
  • 3. CSS
    • La syntax
      • Les unités
      • Les sélecteurs
    • Une feuille css
      • Créer un document CSS
      • Lier le CSS
    • Positions
    • Flexbox
    • Grid
    • Responsive (Media queries)
  • 4. JS
    • La syntax
      • Les variables
    • Un fichier js
    • Exercices
  • 5. CMS
    • Introduction aux CMS
    • Installation de XAMPP (serveur local)
    • Joomla
      • Architecture
      • Le thème enfant
      • Les modules
      • Les menus
      • Custom fields
      • Language overrides
      • Tips&tricks
    • Wordpress
      • Initiation d'un wordpress
      • Le thème enfant
  • 6. SEO
    • Pourquoi la sémantique ?
  • 7. Mise en ligne
  • 8. UI / UX Design
    • Figma
      • Comprendre l'interface
      • Les pages et les calques
      • Raccourci clavier
    • Introduction
      • Les outils et aides de créations
      • Déroulement type d'un projet
Contact & horaire
  • fr
  • de

Déroulement type d'un projet

Sommaire

1. Débuter le projet :

  • Effectuer des recherches sur le projet, l’objectif et les besoins du client
  • Définir les utilisateurs, recenser leurs besoins
  • Les méthodes : observation, immersion, entretiens
  • Création de l’architecture du site (arborescence) (outils : mindmeister ou gloomaps)
  • Hiérarchie du contenu au travers d’un wireframe (prototype niveau de gris)
  • Mise en pratique du début d’un projet

2. Conception graphique du site

  • Mise en place des codes graphiques
  • Conception des écrans principaux du site web à partir du wireframe
  • Création d’un prototype interactif
  • Partage et mise en test du prototype

3. Livraison du projet

  1. Renommer correctement son fichier et les layers inclus
  2. Préparation du dossier finale :
    • Fichiers sources
    • Export de bonne qualité du design
    • Icônes, images ou vidéos exportés au format correct
    • Fichiers des fonts mis en annexe
    • Mise en annexe de tout autres ressources utilisées
    • Transmission des spécifications à l’équipe de développement
  3. Suivi du projet et contrôle lors de mise en ligne

Effectuer des recherches sur le projet, l’objectif et les besoins du client

Table of Contents

  • Sommaire
  • Effectuer des recherches sur le projet, l’objectif et les besoins du client