Public : Graphistes
Durée : 5 jour(s)
Pré-requis : Aisance avec l'outil informatique. Connaître un logiciel de traitement d'images, d'illustration vectorielle serait un plus
Objectifs : Comprendre et maîtriser les spécificités de la publication sur le Web (formats, interactivité, etc.). Concevoir et réaliser l'interface des pages d'un site Web. Élaboration de la charte graphique, appropriation des fondamentaux de la présentation sur écran, ergonomie des sites et principes de navigation.
Sanction : Attestation de fin de stage mentionnant le résultat des acquis
Taux de retour à l’emploi : Aucune donnée disponible
Référence : PAO377-F
Accessibilité : Nos formations sont accessibles aux personnes en situation de handicap
2 245,00 € HT
Introduction
Historique
Présentation du Web
Les formats
Les tailles d'écran
Les espaces colorimétriques : RVB et hexadécimal
Les différents formats de fichiers images
L'optimisation
L'interactivité
Les spécificités (non-linéarité de la publication Web)
Les liens hypertexte
Les différentes formes de sites Web : site statiques et site dynamiques
Photoshop : présentation
L'interface et l'espace de travail
Création de nouveaux documents : le paramétrage
Les outils et les méthodes de sélection
L'organisation des calques
Le photomontage
Illustrator : présentation
L'interface et l''espace de travail
Création de nouveaux documents : le paramétrage
Le vectoriel
Les calques et les sous-calques
Les masques d'écrêtage
Dreamweaver
L'interface et l''espace de travail
Création de nouveaux documents : le paramétrage
le HTML : structure du dodument
Les liens hypertextes
La mise en forme
Présentation de Bridge
Présentation d'outils en ligne
Conception
Production
Analyse
Ressources
La préparation du projet
Rédaction du projet sous forme d’une note d'intention
Rédaction du cahier des charges
Définition
Les différents types de sites Web
Les sites vitrines
Le Portfolio
Les sites de e-commerce
Les sites communautaires
Les blogs
Les sites événementiels
Les différentes formes de sites Web
Les sites statiques
Les sites dynamiques
Les CMS
Les niveaux de navigation (navigation dans le site, accès aux rubriques et sous-rubriques, navigation horizontale, verticale, liens, etc.)
L'arborescence du site
Organisation des rubriques
Cinématique des pages
Ergonomie
Les principes de navigation (navigation dans le site, accès aux rubriques et sous-rubriques, navigation horizontale, verticale, liens, etc.)
La charte graphique : l'identité visuelle
Ce qui est autorisé, ce qui est défendu
Dimension, « zoning »
Définir les couleurs : titres, sous-titres, texte de lecture, liens hypertexte, boutons des menus, encadrés, etc.
Les styles des polices de caractères
Organiser son interface
Définition du fond d'écran et du fond de page
Définir les espaces (contenu, menus, bandeaux publicitaires, etc.)
Définir les différents niveaux de navigation (navigation dans le site, accès aux rubriques et sous-rubriques, navigation horizontale, verticale, liens, etc.)
Organiser son travail
Créer des bibliothèques de styles
Créer des bibliothèques d'objets
Exporter ses nuanciers
Exporter ses styles
La présentation
Définition du fond d'écran et du fond de page
Définir les espaces (contenu, menus, bandeaux publicitaires, etc.)
Définir les différents niveaux de navigation (navigation dans le site, accès aux rubriques et sous-rubriques, navigation horizontale, verticale, liens, etc.)
Création d'une page d'accueil
Définir une grille de positionnement des différents éléments
Définir les emplacements et la mise en forme du contenu (texte, images, vidéos, etc.)
Prise en compte de l'ergonomie
Atelier pratique : création de l'interface d'une page d'accueil
Création des pages de rubriques
Déclinaison de la charte graphique dans les pages intérieures
Organisation du contenu texte-images
Positionnement des barres et boutons des menus
Atelier pratique : création de l'interface de pages intérieures
Enrichissement graphiques
Les fonds
Les dégradés des bords
En-tête, pieds de pages
Les vignettes
Atelier pratique : création de l'interface de pages intérieures
Exportation en html
Les outils tranche de Photoshop et de Illustrator
Les zones actives d'une image
Exportation d'un document au format html
Exportation de l'interface pour l'intégration html
Création des repères de zones
Découpage de l'interface
Optimisation des images
Les formats d'image : JPG, GIF, PNG
L'animation : GIF, Flash, CSS 3
Atelier pratique : création de l'interface d'une page Web dans un document html
L'éditeur Web
Insertion des éléments dans une page html
Gestion des liens hypertexte
Insertion et gestion des menus et barres des menus (boutons, onglets, etc.)
L'optimisation des pages
Optimisation des images
Les transparences
Les dégradés
Atelier pratique : création d'un petit site Web comportant plusieurs rubriques
De l'idée initiale à la réalisation finale
Bilan de la réalisation : contraintes, potentiel et spécificités
La promotion
Le référencement
Faire vivre son site
Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.
| Lieu | Date | Remisé | Actions |
|---|---|---|---|
| Bordeaux | Du 24/06/2024 au 28/06/2024 | Oui | S'inscrire |
| Bordeaux | Du 30/09/2024 au 04/10/2024 | Oui | S'inscrire |
| Bruxelles | Du 15/07/2024 au 19/07/2024 | S'inscrire | |
| Bruxelles | Du 14/10/2024 au 18/10/2024 | S'inscrire | |
| Distance | Du 15/07/2024 au 19/07/2024 | Oui | S'inscrire |
| Distance | Du 28/10/2024 au 01/11/2024 | Oui | S'inscrire |
| Genève | Du 15/07/2024 au 19/07/2024 | S'inscrire | |
| Genève | Du 28/10/2024 au 01/11/2024 | S'inscrire | |
| Lille | Du 24/06/2024 au 28/06/2024 | Oui | S'inscrire |
| Lille | Du 30/09/2024 au 04/10/2024 | Oui | S'inscrire |
| Luxembourg | Du 15/07/2024 au 19/07/2024 | S'inscrire | |
| Luxembourg | Du 14/10/2024 au 18/10/2024 | S'inscrire | |
| Lyon | Du 01/07/2024 au 05/07/2024 | Oui | S'inscrire |
| Lyon | Du 07/10/2024 au 11/10/2024 | Oui | S'inscrire |
| Marseille | Du 01/07/2024 au 05/07/2024 | Oui | S'inscrire |
| Marseille | Du 07/10/2024 au 11/10/2024 | Oui | S'inscrire |
| Montpellier | Du 24/06/2024 au 28/06/2024 | Oui | S'inscrire |
| Montpellier | Du 30/09/2024 au 04/10/2024 | Oui | S'inscrire |
| Nantes | Du 15/07/2024 au 19/07/2024 | Oui | S'inscrire |
| Nantes | Du 14/10/2024 au 18/10/2024 | Oui | S'inscrire |
| Nice | Du 01/07/2024 au 05/07/2024 | Oui | S'inscrire |
| Nice | Du 07/10/2024 au 11/10/2024 | Oui | S'inscrire |
| Paris | Du 24/06/2024 au 28/06/2024 | Oui | S'inscrire |
| Paris | Du 30/09/2024 au 04/10/2024 | Oui | S'inscrire |
| Rennes | Du 15/07/2024 au 19/07/2024 | Oui | S'inscrire |
| Rennes | Du 14/10/2024 au 18/10/2024 | Oui | S'inscrire |
| Strasbourg | Du 15/07/2024 au 19/07/2024 | Oui | S'inscrire |
| Strasbourg | Du 14/10/2024 au 18/10/2024 | Oui | S'inscrire |
| Toulouse | Du 24/06/2024 au 28/06/2024 | Oui | S'inscrire |
| Toulouse | Du 30/09/2024 au 04/10/2024 | Oui | S'inscrire |
Bât Ravezies - 2e étage 250 avenue Emile Counord
33300 Bordeaux
Liaison directe de la gare Bordeaux Saint-Jean via le tram C
Rue de la Loi, 23
1040 Bruxelles
32 Boulevard Vincent Gâche
44000 Nantes
c/o CCI France Suisse Route de Jussy 35 Case postale 6298
CH-1211 Thônex - Genève
46 rue des Canonniers - 2è étage
59800 Lille
Proche des deux gares
5 Rue Goethe
L-1637 Luxembourg
62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée
69003 Lyon
38/40 rue de la République Escalier A, 1er étage
13001 Marseille
A proximité du vieux port
26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage
34000 Montpellier
Quartier Antigone
32 Boulevard Vincent Gâche
44200 Nantes
455 promenade des Anglais Bât Arenice, 7è étage
06200 Nice
11 rue Antoine Bourdelle
75015 Paris
dans le 15e arrondissement
3 place du Général Giraud
35000 Rennes
4 rue de Sarrelouis - 4è étage
67000 Strasbourg
1 place Occitane Bât. Le Sully - 4è étage
31000 Toulouse
Proche de Jean-Jaurès et du Capitole