Introduction à la formation Dreamweaver

Introduction

Qu’est-ce qu’un site Internet?

Qu’elles sont les différentes catégories de site sur Internet ?

Modèle Client/Server

Sites statiques

Sites dynamiques

Dreamweaver

Interface du logiciel

L’environnement de travail

Les menus et les palettes

Principes de fonctionnement

Initiation au langage html

Structure d’un document HTML5
Doctype
format des balises
type des balises

Atelier pratique : Création d’un premier site web

Bases de la création de site avec Dreamweaver

Créer une nouvelle page
Incorporer et baliser du texte dans une page
Créer un tableau
Créer des liens
Insérer des listes à puces
Insérer des listes numérotées
Insérer des liste de définitions

Atelier pratique : Créer un menu de navigation

Utiliser les images et les médias

Formats d’images pour le web
La balise img
Les sons, vidéos

Mise en page avec des tableaux

Spécifier un tableau : taille, bordure, centrage, couleur de fond, …
Créer un tableau html
En têtes de tableaux
fusion des cellules d’un tableau

Atelier pratique : Structurer notre site web avec les tableaux

Créer des formulaires

Principes de l’interaction avec l’utilisateur
Les champs de saisie, les boutons de sélection
Cases à cocher
Les listes de sélection

Boutons d’envoi

Atelier pratique : création d’un formulaire de contact

Apprendre les feuilles de style CSS

Fonctionnement et avantages
Insérer et Définir un style
Principes des règles CSS
Associer un style à une balise HTML
Types de sélecteurs : balise, classe, ID, composé
Les couleurs et arrière plans
Organisation en boîtes : bordures et marges

Atelier pratique : mettre en forme notre site web

Mise en forme du texte

Famille de police

Aspect des lettres

Ajustement du texte

Atelier pratique : mettre en forme du texte

Les feuilles de styles avec CS Designer

Découvrir CS Designer
Ajouter des styles dans la page
Ajouter des styles dans un document externe
Ajouter des selecteurs
Ajouter des propriétés

Habillage CSS

Gérer l’arrière-plan
Utiliser les images de fond

Affichage des blocks et de leur contenu

Transférer son site sur un serveur distant avec Dreamweaver

Qu’est-ce que le FTP ?
Démonstration avec FileZilla

Atelier pratique : mise en ligne de notre site

Graphiste d’expérience, M. Benhamron a géré et coordonné des projets graphiques de la conception à la réalisation. Charles a travaillé en étroite collaboration avec les clients pour créer une vision, concevoir et respecter systématiquement les délais, les contraintes et les exigences du projet.
M. Benhamron a oeuvré dans l’industrie du voyage (brochures), le cinéma (affiches et boitiers vidéo), l’alimentation (emballages et annonces publicitaires), les catalogues (imprimés et en ligne) ainsi que dans d’autres industries.
Accumulant plus de vingt-cinq années d’expérience allant de la conception à la réalisation de projets « clés en main ». Il cumule également en parallèle plus de 15 années d’expérience en tant que spécialiste en l’apprentissage pour adultes pour différents centres de formation. Charles a développé une expertise pratique qu’il transmet aux étudiants par une approche concrète basée sur des projets réalisés pour divers clients.
Compétences: Creative Suite d’Adobe, Photoshop, Illustrator, InDesign, Adobe Captivate et modules d’apprentissages (e-learning), PremierePro, Dreamweaver, Adobe Muse, Acrobat Pro et formulaires avancés, Nuance, LiveCycle, FileMaker et Publisher. Pré-presse, typographie et systèmes de gestion de contenu (CMS).

Introduction à la formation Adobe Muse

Préparation à la conception d’un site web:

• Différence entre Muse et Dreamweaver
• Qu’est-ce que la conception web (liens à la galerie Webby Award)
• Comment Muse peut vous aider à concevoir et publier votre site sans codage
• Définir votre projet: nom du site, Public cible et le but de votre site
• L’importance d’un site bien planifié
• Créer un plan de site
• La stratégie de contenu
• Concevez vos Wireframes sur papier
• Choisissez vos polices et de définir votre échantillon de couleur

Introduction à Muse

• L’écran de Muse
• Les barres d’outils
• Les menus et les commandes
• La personnalisation de l’environnement de travail
• L’interface Adobe Muse en détails
• Travailler avec des fonds de pages
• Créer des nouvelles pages, la navigation, les états
• Les actifs
• Widgets (menus, composition, bouton, liens vers sociaux, diaporamas)

Les pages modèles

• Modifier et créer des modèles
• Utiliser les modèles
•  Mettre à jour les modèles
• Appliquer un modèle à des pages existantes

Insertion d’éléments dynamiques

• Bouton et texte
• Animation et film

Utilisation des formulaires

• L’insertion de champs de formulaire
• Les propriétés des champs
• L’envoi de formulaire

Les calques (layers)

• Insérer des calques
• Travailler avec les calques
• Structurer les calques

Bibliothèque

• Créer des éléments dans la bibliothèque
• Insérer des éléments de la bibliothèque dans la page
• Modifier les éléments de la bibliothèque

Publier

• Adapter votre site à un ordinateur bureau, une tablette et une plate-forme de téléphone
• Gérer le site web, tester et éditer votre site