Formation design web : initiation

Formation

À Marseille, Paris, Nantes et dans 10 autres établissements

Prix sur demande

Appeler le centre

Avez-vous besoin d'un coach de formation?

Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.

Description

  • Typologie

    Formation

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

Les sites et dates disponibles

Lieu

Date de début

Bordeaux ((33) Gironde)
Voir plan
Bâtiment Ravezies, 2ème étage - 250 avenue Emile Counord, 33000

Date de début

Consulter
Brussels (Belgique)
Voir plan
4 rue de la Presse, 1000

Date de début

Consulter
Genève (Suisse)
Voir plan
c/o CCI France Suisse - Route de Jussy 35 - Case postale 6298, CH1211

Date de début

Consulter
Luxembourg (Luxembourg)
Voir plan
5 Rue Goethe, L1637

Date de début

Consulter
Lyon ((69) Rhône)
Voir plan
62 rue de Bonnel, 1er étage, 69003

Date de début

Consulter
Marseille ((13) Bouches-du-Rhône)
Voir plan
38/40 rue de la République, escalier A, 1er étage, 13002

Date de début

Consulter
Montpellier ((34) Hérault)
Voir plan
26 Allée de Mycènes - Le Thèbes Bâtiment A, 3ème étage, 34000

Date de début

Consulter
Nantes ((44) Loire-Atlantique)
Voir plan
32 boulevard Vincent Gâche, 44200

Date de début

Consulter
Nice ((06) Alpes-Maritimes)
Voir plan
455 promenade des anglais - Bât. Arenice, 7ème étage

Date de début

Consulter
Paris ((75) Paris)
Voir plan
11 rue Antoine Bourdelle, 75015

Date de début

Dates au choixInscriptions closes
Rennes ((35) Ille-et-Vilaine)
Voir plan
3 place du Général Giraud, 35000

Date de début

Consulter
Strasbourg ((67) Bas-Rhin)
Voir plan
4 rue de Sarrelouis, 4ème étage, 67000

Date de début

Dates au choixInscriptions closes
Toulouse ((31) Haute-Garonne)
Voir plan
1 place Occitane - Bâtiment Le Sully, 4ème étage, 31000

Date de début

Consulter
Voir toutes les sessions (13)

Questions / Réponses

Ajoutez votre question

Nos conseillers et autres utilisateurs pourront vous répondre

Saisissez vos coordonnées pour recevoir une réponse

Nous ne publierons que votre nom et votre question

Les Avis

Les matières

  • Charte graphique
  • Navigation
  • Ergonomie
  • Photoshop
  • Graphique
  • Mise en page

Le programme

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

Appeler le centre

Avez-vous besoin d'un coach de formation?

Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.

Formation design web : initiation

Prix sur demande