Formation Muse / Pyramyd Formation / Paris

Formation Muse / Pyramyd Formation / Paris
http://pyramyd-formation.com/formations/muse
Muse
Web/Médias Sociaux / 3 jours (21 heures) / 1 400 € HT
Public concerné
Graphistes, maquettistes print, chefs de projet, toute personne en charge de la création de
pages Web pour réaliser un site vitrine.
DURÉE
3 jours (21h.)
PRIX
1 400 € HT
SESSION / INSCRIPTION
du 05 au 07 nov. 2014
S'inscrire à cette session
du 19 au 21 jan. 2015
Pré-requis
Il est nécessaire de connaître un outil graphique (Photoshop, Illustrator) et / ou un outil de
maquettage print (InDesign, XPress) pour suivre ce stage.
S'inscrire à cette session
du 02 au 04 mars 2015
S'inscrire à cette session
du 11 au 13 mai 2015
S'inscrire à cette session
Objectifs
Concevoir des pages Web pour toutes les plates-formes (desktop, smartphone, tablette)
sans entrer dans le code.
du 29 juin au 01 juil. 2015
S'inscrire à cette session
du 09 au 11 sept. 2015
S'inscrire à cette session
Programme
Les fondamentaux du Web Design
Passer d’une logique print à une logique Web
Principes de création d’un site Web : HTML, CSS, JavaScript
Comprendre le flux de travail
Les images pour le Web (formats, dimensions)
Le référencement
L’interface de Muse
Les différents modes (plan, conception, aperçu)
Interface et environnement de travail
Les outils et les calques
Création d’un site
Les options de création
Créer un plan de site, créer et gérer les gabarits
Dimension, format et grille graphique pour le Web
Création des pages
Modifier les propriétés de la page
Ajouter des métadonnées
Gestion du zoning : en-têtes et pieds de pages
Ajouter un favicon
Les images
Importer et recadrer des images
Utiliser des images en arrière-plan
Ajouter un texte alternatif et une infobulle
Le texte et la mise en forme graphique
Formatage du texte
Définir une police Web (Typekit)
Styles de caractère et styles de paragraphe
Alignement du texte, interligne, habillage
Ombre, biseau, transparence,
Gérer les styles graphiques
Gestion de liens
Créer des liens vers les pages du site, vers un site extérieur, une adresse e-mail, un PDF
Gérer des ancres
Définir des styles de liens : couleurs et états
Les widgets
Créer un diaporama animé (slideshow)
Créer une table lumineuse (lightbox)
Créer un accordéon, des infobulles, un menu
Enrichir son site
Insérer une vidéo via les services de diffusion (YouTube, Vimeo, Dailymotion)
Insérer un plan d'accès (Google Maps)
Insérer des boutons sociaux (Facebook, Twitter...)
Effets de défilement (effet parallaxe)
Créer une version mobile et tablette su site
Les dimensions et résolutions
Principes d’ergonomie et de navigation
Publication du site
Comprendre la publication Web (site local, site distant)
Publier sur le serveur Business Catalyst
Exporter son site et le publier sur son propre serveur Web
1 sur 2
du 16 au 18 nov. 2015
S'inscrire à cette session
AJOUTER À
MA SÉLECTION
TÉLÉCHARGER
LE PROGRAMME
IMPRIMER
LE PROGRAMME
ENVOYER
LE PROGRAMME
05/11/14 14:12
Formation Muse / Pyramyd Formation / Paris
http://pyramyd-formation.com/formations/muse
Modifier le contenu depuis l’aperçu dans le navigateur
→ Cette formation est éligible au DIF
Informations complémentaires
Destiné aux graphistes, cet outil de création de sites professionnels permet, sans saisir une
ligne de code, de produire des pages Web en toute simplicité.
Mots-clés
ADOBE
CHEF DE PRODUIT
MAQUETTISTE
2 sur 2
MUSE
WEB
DIAPORAMA
EDGE
GRAPHISTE
HTML
WEBDESIGNER
05/11/14 14:12
Formation HTML5 et CSS3 : techniques d'animation / Pyramyd Formation / Paris
HTML5 et CSS3 :
techniques d'animation
Web/Médias Sociaux / 3 jours (21 heures) / 1 500 € HT
http://pyramyd-formation.com/formations/html5-et-css3-techniques-d-animation
DURÉE
3 jours (21h.)
PRIX
1 500 € HT
SESSION / INSCRIPTION
Public concerné
Webdesigners, intégrateurs, développeurs, toute personne qui pratique quotidiennement les
CSS.
du 08 au 10 déc. 2014
S'inscrire à cette session
du 27 au 29 avr. 2015
S'inscrire à cette session
Pré-requis
Il est nécessaire d’avoir suivi le stage "HTML5 et CSS3"et de maîtriser les sélecteurs CSS2.1
et CSS3, les techniques de mise en pages actuelles (display, positionnement et modèles de
boîte CSS, flottants). Une pratique de JavaScript est un plus.
du 02 au 04 sept. 2015
S'inscrire à cette session
du 02 au 04 déc. 2015
S'inscrire à cette session
Objectifs
AJOUTER À
MA SÉLECTION
Créer des animations légères et performantes, sans outil dédié, grâce à la maîtrise de
techniques complexes (CSS3, SVG, Canvas).
TÉLÉCHARGER
LE PROGRAMME
IMPRIMER
LE PROGRAMME
Programme
Rappels de propriétés CSS3 pour le graphisme
Les propriétés pour le texte : @font-face, text-shadow, multicolumn)
Le module CSS3 background and borders : background-size, multiple background,
background-origin, background-clip, les dégradés, border-radius, border-image
Module CSS3 colors and values : hsls, rgba, opacité
Les nouveautés pour les boîtes : Box-sizing, Box-shadow
Actualité et statuts des modules W3C : HTML5, CSS3 et SVG
Transformations dans les espaces 2D et 3D
Le module CSS3 Transforms 2D : les propriétés rotate, scale, skew, translate, transformorigin
Le module CSS3 Transforms 3D
les perspectives et leurs origines, preserve-3d
les propriétés : rotateX, rotateY,
translateZ, rotate 3D, translate 3D
Création dynamique de graphiques, d’animations et d’effets
Le module CSS3 Transitions
les propriétés transition-duration, transitionproperty, transition-delay, transitiontimingfunction, les courbes de Bézier
quelles propriétés CSS sont “animables” ou “transitionnables” ?
les déclencheurs :hover, :target, :focus
Le module CSS3 Animations
la règle @keyframes
les propriétés animation et leurs valeurs : animation-name, animation-duration,
animationtiming-function, animation-delay, animationiteration-count, animationdirection, animationplay-state, les courbes de Bézier
Transformations et animations avec SVG et CSS
La balise HTML5 Canvas et son API
Présentation des modules CSS : Compositing, Blending et Shaders
Actualité et comparatif des outils
CSS Generators
Analyse des outils et comparatif de performances : codage “à la main”, Edge, Sencha,
Flash, frameworks JavaScript
Comparatif des techniques d’animation : CSS, Canvas, JavaScript, SVG
Exercices et mise en pratique
Analyse de sites et de WebApps
Créer des bannières animées légères, performantes et accessibles sans outil propriétaire
en HTML5, CSS3 et SVG
Créer une scène 3D animée en CSS3
Créer un widget animé en CSS (sans JavaScript)
ENVOYER
LE PROGRAMME
→ Cette formation est éligible au DIF
Informations complémentaires
Les techniques complexes d’animations pour le Web (CSS, SVG, HTML5 Canvas) vous
permettent de développer vos connaissances et de consolider vos acquis.
1 sur 2
05/11/14 14:03