adobe dreamweaver

DEP
199
3
UIS
RÉSOLUTION
SERVICES
INFORMATIQUES
Contacts
Sites web
& Achats en ligne
1 boulevard Pershing
Fax : 01 44 09 02 78
e-mail : [email protected]
01 44 09 06 89
75017 PARIS
www.irsi.fr
> Adobe Dreamweaver - Les fondamentaux
Présentation du logiciel :
Logiciel de mise en page Web.
Objectif pédagogique :
Ce stage vous permettra de réaliser des sites Internet intégrant
divers types de médias à travers
une interface proche d’un logiciel
classique de mise en page papier.
Niveau requis :
Ce stage requiert une bonne
connaissance de l’environnement
informatique (pratique courante de
MacOs ou de Windows). La pratique
d’un logiciel de création d’images
est fortement souhaitée.
Public concerné
Ce stage s’adresse à toute personne
devant créer des sites Internet.
Durée :
3 à 5 jours.
Progression pédagogique
Configuration du logiciel
• Dossier du site, organisation des fichiers
Les différents types de site
• Sites statiques, sites dynamiques
• Conséquence sur l’organisation
Les fichiers utilisables
• Les extensions de fichiers
• Les formats d’images
• Autres types de médias
Le langage html
• Les différentes versions du langage
• Le rôle des navigateurs
• Les balises, les attributs
L’interface
• Les palettes
• La palette de gestions des sites
• L’espace de travail
• Les modes d’affichage : le mode code
• Utilisation des grilles fluides
• Que sont les grilles fluides ?
• Définition des grilles
• Le zoom,les repères
• Affichage en direct (options)
• MutlScreen Preview
Les préférences
• Les navigateurs
• Les invisibles
• Les logiciels tiers de gestion des médias
Étapes de la création d’un site
La formation
sans fausse note
p. 1
• La charte graphique
• Le système de navigation
• Les contenus visuels
• Les choix techniques (HTML, CSS,
statique/dynamique…)
• L’hébergement, le référencement
Création de pages web
• La notion de page
• Largeur et hauteur d’une page
• Les propriétés spécifiques aux pages
Mise en page avec tableaux
• Mode standard, mode étendu
• Propriétés des tableaux
• Propriétés des cellules
• Tableaux imbriqués
Mise en page avec des calques
• Positionnement
• Propriétés des calques : index Z
• Calques imbriqués
Mise en page avec des css
• Utilisation des pages modèles
• Fichiers de styles CSS
• Renommage des feuilles de styles
• Création de sa propre interface :
balise DIV
Les css
• Lieu de stockage des styles : interne,
externe
• Les DIV, les classes, les balises
• Les propriétés liées aux blocs
• Imbrication de styles
• Liens entre pages et styles CSS
• Appliquer plusieurs classes
• Aperçu des transitions CSS
• Utiliser la fonction transition CSS
• Modifier transitions CSS
• Supprimer transitions CSS
• Prise en compte des propriétés CSS
VENTE ASSISTANCE FORMATIONS MAINTENANCE
La formation sans fausse note
Centre de formation déclaré sous le numéro 11 75 210 1675
RSI SA au capital de 83 054,26 euros
RCS Paris - 391 838 315 000 37 - APE 6202A- Organisme de formation déclaré sous le numéro 11.75.210 1675
DEP
199
3
UIS
RÉSOLUTION
SERVICES
INFORMATIQUES
Contacts
Sites web
& Achats en ligne
1 boulevard Pershing
Fax : 01 44 09 02 78
e-mail : [email protected]
75017 PARIS
>
01 44 09 06 89
www.irsi.fr
Adobe Dreamweaver - Les fondamentaux
Mise en page avec le module spry
• Création d’onglets
• Création d’accordéons
• Création de zones rétractables
• Lieu de stockage des éléments SPY
• Modification des styles CSS
des éléments SPRY
La couleur
• Les couleurs sur le Web
• Les formats d’écriture des couleurs
• Retrouver les dénominations de
couleurs dans Photoshop / Fireworks
Le texte
• Introduction à la gestion des fontes
• Enregistrer les fontes
dans Dreamweaver
• Modifier les familles de polices
• Polices, styles, taille
• Utilisation des CSS
pour le balisage du texte
• Les propriétés CSS liées au texte
• Importation de fichiers Word
• Modes de copier / coller
Images
• Les formats d’images spécifiques
au Web : GIF, JPEG, PNG
• La transparence dans les images
• Les propriétés des images
• Le rôle de la balise ALT
• Optimisation et manipulations
avec les outils de la palette Propriétés
• Liens avec Photoshop et ou Fireworks
• Utilisation de la palette des actifs
• Le format natif PSD
• Les améliorations
• Le format PSD :
changement des paramètres
• Le format natif PNG
• Les améliorations
La navigation et les liens
• Les liens entre les pages
• Les liens internes aux pages
• Les liens vers des sites externes
• Les liens vers le courrier électronique
• Création d’une barre de navigation
• Utilisation du module SPRY
pour créer une barre de navigation
• Modification des CSS spécifiques
aux barres de navigation
p. 2
Gestion du site
• Rapport sur le site
• Vérification des liens
• Vérification selon les navigateurs et
sur les tablettes, ordinateurs
et mobiles
• Lien avec Adobe BrowserLab.
Les tableaux
• Propriétés (tableau, rangée, cellule)
• Importation de fichiers et Excel
et de données tabulaires
Insertion de medias
• Insertion d’animations Flash
• Insertion de vidéos
Gestion des medias
via la palette des actifs
• Raccourcis
Formulaires
• Insertion et paramétrage des objets
de formulaire :
- champ de texte,
- champ multi-lignes,
- champ à saisie masquée,
- cases à cocher,
- groupe de boutons radio,
- menu et liste déroulante,
- bouton
Comportements
• Le rôle du langage JavaScript
• Ajouts d’actions JavaScript
Bibliothèque
• Création d’objets
• Insertion d’objets de bibliothèque
dans les pages
• Modification d’objets:
mise à jour des pages créées à partir
d’objets de bibliothèques
VENTE ASSISTANCE FORMATIONS MAINTENANCE
La formation sans fausse note
Centre de formation déclaré sous le numéro 11 75 210 1675
RSI SA au capital de 83 054,26 euros
RCS Paris - 391 838 315 000 37 - APE 6202A- Organisme de formation déclaré sous le numéro 11.75.210 1675