Formation UI Design / Design Web : Initiation

Votre devis en 3 clics

Créer, réaliser et gérer un site web à l'aide de Dreamweaver, HTML5/CSS3 et Photoshop
  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Evaluation de fin de formation : Certification CPF ou mise en situation notée par le formateur
Durée :
3 jours
Public :
Intégrateurs/développeurs web, graphistes
Pré-requis :
Première expérience en HTML/CSS, Dreamweaver et Photoshop
Objectifs :
Comprendre et maîtriser les spécificités du Responsive Web Design (RWD) : formats, interactivité, ergonomie. Concevoir, réaliser et maintenir un site Web : élaboration de la charte graphique, appropriation des fondamentaux de la mise en page sur écran, ergonomie et principes de navigation.
Sanction :
Attestation de fin de stage mentionnant le résultat des acquis
Référence :
SIT100006-F
Demandeurs d'emploi :
Contactez-nous pour connaître les remises Pôle Emploi
Téléchargez le PDF

Introduction

Généralités, historique
Présentation de l'Internet et du Web
Les différents types de sites Web : sites vitrines, portfolio, sites de e-commerce, sites communautaires, blogs, sites événementiels

Apprendre les fondamentaux de la publication sur le Web

Prendre en compte les contraintes matérielles
Tailles d'écrans
Espaces colorimétriques RVB et hexadécimal
Formats des fichiers d'images et optimisation

Prendre en compte les spécificités d'un site Web
Non-linéarité de la lecture
Navigation dans les rubriques et les pages

L'interactivité
Hiérarchiser et clarifier l'information
Utiliser des liens hypertexte et des boutons
Utiliser des menus pour les rubriques
Optimiser la navigation

La charte graphique
Définir les différentes parties de l'interface : menus, contenu éditorial, bandeaux publicitaires...
Définir les couleurs utilisées : fond de page, menus, bandeaux, titres, texte...
Choisir le style des polices de caractères

Se familiariser avec l'outil Dreamweaver

L'interface : fenêtres, palettes de composants, panneaux
Les outils
Paramétrer l'application et organiser son espace de travail
Créer un projet de site Web
Créer un document HTML
Paramétrer le document
Mettre en forme la page et le texte
Insérer des images et des liens hypertextes

Atelier : créer un exemple de site « carte de visite »

Créer un site vitrine avec Dreamweaver

Arborescence du site et principes de navigation
Définir l'ergonomie
Organiser les rubriques
Créer la cinématique des pages
Mettre en place une navigation simple et claire

Les bases du HTML/CSS

Structure et sémantique en HTML5
Utilisation des balises
Principes de base des styles CSS : les règles CSS
Mise en forme dans Dreamweaver
Style d'une balise HTML
Styles de sélecteurs : liens survolés, liens actifs...
Styles personnalisés
Attacher une feuille de style

Atelier pratique : Concevoir et créer un exemple de site vitrine, gestion des menus dynamiques

Concevoir une maquette Photoshop et intégration web

Création d'une maquette d'interface Web
Organiser l'interface : définir une grille
Définir un fond d'écran et un fond de page
Définir les espaces : contenu, menus, bandeaux publicitaires...
Mettre en forme la page : couleurs, polices de caractères...

Exportation des documents graphiques pour l'intégration
Utiliser les outils tranche
Créer des repères de zones
Créer une tranche d'après un calque
Définir les zones actives d'une image
Découpage de l'interface
Exporter l'interface pour l'intégration HTML
Utiliser les actifs pour exporter les propriétés CSS dans Dreamweaver

Exporter les images
Définir un formats : JPG, GIF, PNG
Optimiser les images pour l'exportation Web : tailles, paramètres, réglages, compressions...

Finalisation de l'interface : l'intégration HTML
Insérer les éléments dans une page HTML
Gérer les liens hypertexte internes/externes

Atelier pratique : réaliser une interface active de pages Web en utilisant Extract dans Dreamweaver

CopyrightDepot Dawan
Dates à Bordeaux

Du 03/02/2020 au 05/02/2020

Du 20/04/2020 au 22/04/2020

Du 20/07/2020 au 22/07/2020

Du 28/09/2020 au 30/09/2020

Du 14/12/2020 au 16/12/2020

Dates à Bruxelles

Du 27/01/2020 au 29/01/2020

Du 06/04/2020 au 08/04/2020

Du 29/06/2020 au 01/07/2020

Du 14/09/2020 au 16/09/2020

Du 30/11/2020 au 02/12/2020

Dates à Geneve

Du 17/02/2020 au 19/02/2020

Du 25/05/2020 au 27/05/2020

Du 10/08/2020 au 12/08/2020

Du 19/10/2020 au 21/10/2020

Dates à Lille

Du 27/01/2020 au 29/01/2020

Du 10/02/2020 au 12/02/2020

Du 06/04/2020 au 08/04/2020

Du 20/04/2020 au 22/04/2020

Du 29/06/2020 au 01/07/2020

Du 06/07/2020 au 08/07/2020

Du 14/09/2020 au 16/09/2020

Du 23/11/2020 au 25/11/2020

Du 30/11/2020 au 02/12/2020

Dates à Luxembourg

Du 10/02/2020 au 12/02/2020

Du 11/05/2020 au 13/05/2020

Du 03/08/2020 au 05/08/2020

Du 12/10/2020 au 14/10/2020

Dates à Lyon

Du 17/02/2020 au 19/02/2020

Du 02/03/2020 au 04/03/2020

Du 11/05/2020 au 13/05/2020

Du 25/05/2020 au 27/05/2020

Du 03/08/2020 au 05/08/2020

Du 05/10/2020 au 07/10/2020

Du 12/10/2020 au 14/10/2020

Du 14/12/2020 au 16/12/2020

Dates à Marseille

Du 17/02/2020 au 19/02/2020

Du 25/05/2020 au 27/05/2020

Du 10/08/2020 au 12/08/2020

Du 19/10/2020 au 21/10/2020

Dates à Montpellier

Du 03/02/2020 au 05/02/2020

Du 20/04/2020 au 22/04/2020

Du 20/07/2020 au 22/07/2020

Du 28/09/2020 au 30/09/2020

Du 14/12/2020 au 16/12/2020

Dates à Nantes

Du 03/02/2020 au 05/02/2020

Du 17/02/2020 au 19/02/2020

Du 11/05/2020 au 13/05/2020

Du 27/07/2020 au 29/07/2020

Du 28/09/2020 au 30/09/2020

Du 07/12/2020 au 09/12/2020

Dates à Nice

Du 17/02/2020 au 19/02/2020

Du 25/05/2020 au 27/05/2020

Du 10/08/2020 au 12/08/2020

Du 19/10/2020 au 21/10/2020

Dates à Paris

Du 16/12/2019 au 18/12/2019

Du 10/02/2020 au 12/02/2020

Du 24/02/2020 au 26/02/2020

Du 11/05/2020 au 13/05/2020

Du 25/05/2020 au 27/05/2020

Du 03/08/2020 au 05/08/2020

Du 05/10/2020 au 07/10/2020

Du 12/10/2020 au 14/10/2020

Du 14/12/2020 au 16/12/2020

Dates à Rennes

Du 03/02/2020 au 05/02/2020

Du 20/04/2020 au 22/04/2020

Du 20/07/2020 au 22/07/2020

Du 28/09/2020 au 30/09/2020

Du 14/12/2020 au 16/12/2020

Dates à Strasbourg

Du 10/02/2020 au 12/02/2020

Du 11/05/2020 au 13/05/2020

Du 03/08/2020 au 05/08/2020

Du 12/10/2020 au 14/10/2020

Dates à Toulouse

Du 03/02/2020 au 05/02/2020

Du 20/04/2020 au 22/04/2020

Du 20/07/2020 au 22/07/2020

Du 28/09/2020 au 30/09/2020

Du 14/12/2020 au 16/12/2020

Transmettre l’envie d'apprendre, de comprendre, de progresser, de partager : c'est ce qui nous motive chaque jour pour améliorer sans cesse l'entreprise, le travail de nos équipes et la satisfaction de nos clients.
C'est pour cela que nous mettons tout en œuvre pour vous accueillir dans le meilleur des cadres, avec les meilleurs contenus, les meilleurs formateurs, des supports constamment renouvelés et une démarche commerciale résolument innovante.

GAGNER EN QUALITE

Depuis 2000, nous progressons continuellement pour faire évoluer notre catalogue, nos cours, nos supports, notre accueil et notre pédagogie. Nous sommes certifiés OPQF depuis la rentrée 2012 et poursuivons notre démarche qualité en formant constamment nos intervenants aux nouvelles techniques pédagogiques et aux évolutions technologiques.

DEVELOPPER NOTRE EQUIPE DE FORMATEURS INTERNES

Nous avons développé une équipe de professionnels de la pédagogie qui interviennent pour notre propre compte ainsi qu'en sous-traitance pour la plupart de nos confrères. Nous bénéficions ainsi d'une très riche expérience de l'enseignement en nous confrontant constamment à la quasi-globalité des contenus et outils pédagogiques du marché de la formation professionnelle.

ASSURER UNE REACTIVITE COMMERCIALE

Notre équipe de commerciaux est parfaitement formée aux nouvelles technologies et saura répondre à tous les besoins en moins de 48h. Disponibilité, programme, coût : vous aurez une réponse appropriée, claire et vraiment rapide.

CREER DES SUPPORTS INNOVANTS

Nous veillons à ce que nos clients soient parfaitement satisfaits des supports que nous offrons. Aussi, nous avons développé des produits internes très efficaces que nous mixons avec les meilleurs supports du marché. A cela s'ajoute un tutorat mail pendant 30 jours pour que chaque stagiaire puisse poser toutes les questions qui lui viennent après le cours.

SOIGNER L'ACCUEIL DE NOS CLIENTS

Nous mettons un point d'honneur à ce que nos clients soient parfaitement accueillis quand ils viennent chez nous : prise en charge dès leur arrivée, boissons et viennoiseries aux pauses, repas avec les autres stagiaires et formateurs, questions/réponses après les cours. Nos formations représentent une étape de progression et de réflexion dans la carrière de nos clients et nous souhaitons qu'elle se fasse dans les meilleures conditions.

DISPOSER D'UN ENVIRONNEMENT PRIVILEGIE

Nous vous accueillons dans des salles parfaitement adaptées à l'apprentissage : des machines très puissantes pour les formations gourmandes en ressources, des salles lumineuses et climatisées, des locaux faciles d'accès en centre ville et à proximité immédiate des gares etc. Tout a été pensé pour votre confort !

PARTAGER NOTRE SENS DU SERVICE

Nous voulons continuer à vous apporter le meilleur service au meilleur coût. Sollicitez Dawan pour vos besoins de formations et vous découvrirez un organisme réellement désireux de participer à la réussite des projets de ses clients.

formation

Datadock

Dawan bénéficie du soutien du FRED

TOSA
logo OPQF
logo FFP