Créer un site web sans “coder” avec ADOBE MUSE

Créer un site web sans “coder” avec
ADOBE MUSE
Objectifs
Public
Pré-requis
Durée
• 4 jours
• 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.
• Graphistes,
maquettistes print,
chefs de projet,
toute personne en
charge de la création
de pages Web.
• Concevoir des pages
Web pour toutes les
platesformes
(desktop,
smartphone,
tablette) sans entrer
dans le code.
Méthodes Pédagogiques :




Formation traditionnelle présentielle. Alternance d’exposés théoriques et d’exercices pratiques (minimum 50-50)
Formateur/consultant expérimenté (triple compétences : Technologique, Métier, Pédagogique)
1 ordinateur et 1 support de cours par personne, vidéo projecteur, tableau blanc et paperboard
Feuille de présence signée en demi-journées, évaluation de fin de stage, attestations de fin de stage
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 nouveau 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
 Formatage du texte
 Les différents types de polices
 Styles de caractère et styles de
paragraphe
 Alignement du texte, interligne, habillage
Mise en forme graphique
 Ombre, biseau, transparence, défilement
parallaxe
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, les 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, un formulaire de contact
Be I.T Formations
SARL au capital de 20 000€ / SIRET 749 966 305 000 15 / TVA FR29749966305
Déclaration d’activité enregistrée sous le numéro 42 67 04723 67 auprès du préfet de la région Alsace
Zone Tertiaire du Valparc – 3 rue du Parc - 67205 OBERHAUSBERGEN
Tél : 03 88 26 26 66 / Mail : [email protected]
Créer un site web sans “coder” avec
ADOBE MUSE
Enrichir son site avec du HTML embarqué
 Présentation et fonctionnement du HTML
 Insertion de HTML, d’une vidéo YouTube,
d’un bouton Facebook, d’un plan d’accès
(Google Maps)
Smartphone et tablette
 Créer une version smartphone et tablette
du 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
 Modifier le contenu depuis l’aperçu dans
le navigateur
Formations connexes
Edge Animate
Concevoir et réaliser des animations interactives en utilisant les nouveaux standards HTML5. Être visible sur
desktop, smartphones et tablettes.
Edge Reflow
Créer des prototypes de sites Web s’adaptant aux desktop, smartphones et tablettes pour vérifier rapidement
des hypothèses de mise en place fonctionnelles.
Be I.T Formations
SARL au capital de 20 000€ / SIRET 749 966 305 000 15 / TVA FR29749966305
Déclaration d’activité enregistrée sous le numéro 42 67 04723 67 auprès du préfet de la région Alsace
Zone Tertiaire du Valparc – 3 rue du Parc - 67205 OBERHAUSBERGEN
Tél : 03 88 26 26 66 / Mail : [email protected]