01 40 26 00 99 15 rue de turbigo - 75002 Paris Nous contacter

Création de sites / intégration Muse

Créer des sites Web responsive

Icon2018 quiz amont Icon2018 module presentiel Icon2018 quiz classe virtuelle Icon2018 quiz quiz aval
ObjectifsDéfinir les caractéristiques d’un site responsiveClassifier les étapes de productionUtiliser les ressources du logicielEnrichir son site avec des widgets et des effetsDécliner l’affichage pour différents écrans et publier un site
Public concernéGraphistes, maquettistes, chefs de projet et webdesigners.
Pré-requisIl est indispensable de savoir préparer une image (taille et résolution) dans Photoshop. L’utilisation des gabarits et feuilles de style dans InDesign facilitera également la compréhension. méthodes pédagogiques
Programme

Définir les caractéristiques d’un site responsive

Décrire le rôle du HTML, des CSS, de JavaScript

Différencier le contenu HTML de celui d’un gabarit pour optimiser son temps de production

Définir la structure d’une page HTML

Mémoriser les balises HTML pour leur appliquer une feuille de style

Exercice : mise en place des fichiers et répertoires en prévision de la mise en ligne

Classifier les étapes de production

Schématiser les étapes de production d’un site : de la conception à la réalisation

Expliquer les différentes tailles et résolutions d’images à employer

Préparer une maquette de site

Concevoir son site pour un affichage multiplateforme

Évaluer les contraintes de poids

Exercice : créer un plan du site à partir de maquettes graphiques existantes et optimiser les images

Utiliser les ressources du logiciel

Gérer les propriétés des pages et du site

Gérer les repères d’un en-tête et d’un pied de page

Importer et recadrer des images

Accéder aux ressources de la Creative Cloud

Utiliser une image de fond et gérer les répétitions de motif

Ajouter un texte alternatif et une info-bulle

Ajouter une police Web (Typekit)

Créer des liens et manipuler des ancres

Définir des styles de liens pour gérer les couleurs et les états

Optimiser son temps de mise à jour avec les styles de caractère et de paragraphe

Mémoriser des styles graphiques

Exercices : maîtriser chaque fonctionnalité en construisant, page à page, un site existant

Enrichir son site avec des widgets et des effets

Appliquer des effets d’ombre, de biseau et de transparence

Appliquer un effet de défilement pour obtenir un parallaxe

Gérer des transitions d’états animées pour ajouter une touche d’interactivité

Intégrer une vidéo via les services de diffusion

Insérer une carte Google Maps

Ajouter de la visibilité sur les réseaux sociaux

Créer des diaporamas avec des transitions animées

Choisir l’info-bulle pour minimiser l’affichage d’informations complémentaires

Optimiser le design graphique en appliquant un menu accordéon, un panneau à onglets

Créer rapidement la barre du menu liée au plan du site

Exercices : découvrir tous les widgets et les combiner

Décliner l’affichage pour différents écrans et publier un site

Évaluer l’ergonomie utilisateur

Exporter le site en page HTML

Comprendre la publication via FTP entre le site local et le site distant

Mettre en ligne les fichiers sur un serveur

Tester et modifier les fichiers après une première mise en ligne

Gérer les ressources importées pour apporter des modifications rapides

Créer et mettre en place une icône d’accueil sur mobile et tablette

Exercices : publication et mise en ligne de l’ensemble du site pour un affichage desktop et smartphone / Gérer les modifications et mises à jour après une première mise en ligne

Méthodes pédagogiquesLogiciels : Muse, Dreamweaver, Photoshop, Animate
Moyens techniquesMoyens spécifiques à cette formation :Alternance de théorie, de démonstrations et de mise en pratique par le biais d’exercices progressifs pour monter un site Web jusqu’à sa mise en ligne.

Moyens génériques :

  • d’un poste de travail Mac ou PC de dernière génération équipé d’un écran plat 21” ou 27”
  • d’une tablette graphique
  • d’un iPad sur demande
  • d’une connexion très haut débit à Internet
  • d’une clé USB de 8 Go offerte en début de formation
  • Le poste du formateur est relié à un système de vidéo projection
  • 8 participants maximum par stage
  • 9 participants pour les formations certifiantes
  • Toutes les formations sont dispensées sur les dernières versions officielles de chaque logiciel
  • Un support de cours ou un livre est remis à l’issue des principaux stages
Suivi
  • Chaque apprenant bénéficie d’une hotline gratuite et illimitée par e-mail
  • Fiche d’évaluation, feuille d’émargement et attestation de présence
Profil du formateur

Webdesigner ayant plus de 10 ans d’expérience en enseignement.

Marketing Digital
Web
Médias sociaux
Voir toutes les formations

Muse

3 jours 21 heures 1 550 € HT
Option
classe virtuelle
90mn 120 € HT

Sélectionner une date dans la liste :

Vous devez sélectionner une date

Sélectionner votre profil :

Vous devez sélectionner votre profil

Muse

3 jours 21 heures 1 290 €HT*


* Prix par jour (à partir de)

Organisez cette formation dans votre entreprise selon vos plannings et les disponibilités de nos intervenants (dates continues ou discontinues).

Cliquez ici pour plus d'informations

Ce tarif inclut :

  • La préparation pédagogique de la formation par notre équipe (validation des pré-requis, définition des objectifs et des compétences visées
  • Un entretien téléphonique avec le formateur
  • L’animation de cette formation dans vos locaux pour 3 stagiaires maximum
  • Les supports de cours (si prévus)
  • La gestion administrative de la formation (frais de dossier, devis, conventions…)

Ce tarif n’inclut pas :

  • La mise à disposition du matériel nécessaire au bon déroulé de la formation (ordinateurs, vidéo-projecteur, logiciels…),
  • De rendez-vous de préparation avec le formateur,
  • La conception de supports spécifiques,
  • Les éventuels frais de déplacement et d’hébergement du formateur.

Important :

  • Ces formations peuvent également être organisées dans nos salles de formation exclusivement pour vos collaborateurs (dans ce cadre, nous nous chargeons de tous les aspects logistiques).
  • Dans le cadre de formations « intra / sur mesure », la durée des formations peut bien sûr être modifiée selon vos impératifs et objectifs

Fermer

Demander un devis
L'avis des participants
Tout était intéressant et très utile, ça donne envie de créer un site.
Corinne WD. - Maquettiste PAO à l'Université Sorbonne Nouvelle (session du 29 au 31 mars 2017)
Stage très utile. Je suis autonome pour des petits sites web.
Marc V. - Directeur artistique chez SFR (session du 14 au 16 novembre 2016)
Belle vue d'ensemble du logiciel pour essayer de créer des projets. Toujours de très bonnes formations chez Pyramyd , des formateurs très performants !
Elsa D. - Graphiste (session du 14 au 16 novembre 2016)