Télécharger le programme

Programme Formation WebDesign
Objectif :
Connaître les règles et les techniques
de création d'une charte graphique.
Savoir utiliser une charte graphique
pour le développement web.
Compétences visées :
- Etre capable de créer une charte
graphique avec Illustrator et Photoshop
- Savoir découper et utiliser une charte
pour le développement web
- Préparer sa charte graphique pour le Responsive Design (site
multisupports)
Public visé :
Toute personne concernée par la création d'une charte
graphique.
Profil du formateur :
Formateur spécialisé en FORMATIONS METIERS
Pré-requis :
Savoir utiliser un ordinateur.
Modalités de suivi de l’exécution de l’action :
Feuille d'émargement et attestation de fin de formation.
Procédure de validation des acquis de la formation :
Tests de contrôle des connaissances.
Durée : 10 jours / 70 heures
Points abordés :
NOTIONS DE BASE DE L'HTML/CSS
- Historique
- Généralités (définition, fonctionnement, écriture)
- Structure d’un document
- Balises et attributs
HTML/CSS : MISE EN PAGE
- Balise META
- Balise DIV
- Balise BR
- Balise HR
- Fond d’écran
- Couleur du texte
- Styles
Page 1/5
- Les Tableaux (balises Table, balise TR, balise TD, Thead,
Tbody, TH, Border-collapse)
HTML/CSS : LIENS
- Balise A
- L’attribut TITLE
- Ancres
FTP
- Mailto
- Créer un lien sur une image
- Mise en forme du lien
HTML/CSS : IMAGES
- Optimiser une image pour le web
- Balise IMG
- L’attribut ALT (texte alternatif)
- Alignement des images
- Images en ligne
- Images utilisées comme ancre
- Image MAP
HTML/CSS : LES FORMULAIRES
HTML CSS : HOMOGENEISATION DE LA PRESENTATION
- Initiation à l’ergonomie web
- Choix d’une structure
- Choix des couleurs et de la typographie
- Les sites à connaître
HTML/CSS : RESPECT DES STANDARDS
- Présentation et rôle du W3C
- Créer un code valide
- Balises et attributs obsolètes
HTML/CSS : FEUILLES DE STYLE CSS
- Les sélecteurs avancés
- Combiner les sélecteurs
- Grouper les sélecteurs
- Optimiser son code CSS
- Les pseudo-classes
- Manipulation des propriétés CSS
PHOTOSHOP WEBDESIGN: INTRODUCTION AU WEB
- Les standards graphiques du web
PHOTOSHOP WEBDESIGN : CREER UNE INTERFACE
- Mise en page d'une charte graphique
PHOTOSHOP WEBDESIGN : DECOUPER ET EXPORTER
- Utilisation des tranches
- Exportation de la charte graphique
- Gérer les paramètres de sortie après l'exportation
PHOTOSHOP WEBDESIGN : UTILISER DREAMWEAVER
- Retouche du code HTML Photoshop
- Mise en page CSS
Page 2/5
- Création d'une template Dreamweaver
RESPONSIVE DESIGN : INTRODUCTION
- L'histoire de l'HTML5
- L'HTML5 d'aujourd'hui
- L'HTML5 de demain
- Pourquoi faire le choix de l'HTML5
- Connaitre la compatibilité des navigateurs
RESPONSIVE DESIGN : LE LANGAGE HTML5
- Le Doctype
- Les nouvelles balises
- Les nouveaux attributs
- Les balises et attributs obsolètes
- Les principales balises
- La structure d'une page
- Balises Vidéo et audio
- Balises de formulaire
RESPONSIVE DESIGN : LES APIS DE L'HTML5
- Le dessin avec la balise Canvas
- Le drag and drop
- Le stockage de données
- La gestion des évènements
- La géo-localisation
RESPONSIVE DESIGN : LE CSS3
- Les bordures arrondies
- La transparence
- Les ombres portées
- Mise en page
- Les animations (transitions et transformations)
ILLUSTRATOR : RAPPEL DES NOTIONS DE BASE
- La chaine graphique
- Formats de document, plans de travail
- Tracés, outils de transformation
- Attributs de dessin, pathfinder
- Outils de texte et vectorisation
ILLUSTRATOR : PARAMETRAGES
- Préférences, personnalisation des palettes
- Profils colorimétriques
- L'aplatissement des transparences
ILLUSTRATOR : FILTRES, EFFETS, TRANSPARENCE
FORMES, MOTIFS, STYLES ET SYMBOLES
- Utilisation, palettes
- Création et paramétrages
- La palette Aspect
ILLUSTRATOR : TYPOGRAPHIE
- Notions sur les règles de typographie
- Habillage de texte
Page 3/5
- Styles de caractères et de paragraphe
- Texte curviligne
ILLUSTRATOR : LE GRAPHEUR
- Création et modification de graphiques
- Importation et saisie de données
ILLUSTRATOR : LES IMAGES IMPORTEES
- Format de fichier et résolution, modèles, palette Liens
- Recadrage, transformations
- Modes de fusions
- Vectorisation d'images
- Masques d'écrêtage
ILLUSTRATOR : FONCTIONS AVANCEES
- Interactivité SVG
- Exportation pour le web
- Création d'animations Flash
ILLUSTRATOR : LIENS INTER LOGICIELS
- Importation dans QuarkXPress, InDesign
- Liens avec Photoshop , les objets dynamiques
ILLUSTRATOR : UTILISATION DE LA 3D
- Créer des perspectives en 3D
- Définir les zones d'ombres et les sources lumineuses
- Appliquer des placages sur les objets
MISE EN APPLICATION
Page 4/5
Tarifs
Formation WebDesign
Inter-entreprises
Intra-entreprise
10 jours / 70 heures
3150 € HT
Devis et durée sur mesure
Devictio est membre de
Page 5/5