Vous êtes sur la page 1sur 2

Tutorom Virtual training Company

Mac - Windows CDs professionnels de formation logicielle

Auteur : Sebastien Maloron


Nombre de Séquences : 98
Durée : 7h 30
Sommaire VTC - Dreamweaver 4™

? Vue d'ensemble ?TAILLE DES TEXTES ?INSERTION D'IMAGES

?INTRODUCTION Modification de la taille des textes avec la balise Insertion d'images dans une page web. Source et
?LA CONNEXION HTTP font. Taille de base et taille relative. Utilisation de adressage des images
Implications de ce mode de fonctionnement pour la la balise <basefont>. ?TAILLE DES IMAGES ET ACTUALISATION

création de pages web ?POLICES ET LISTE DE POLICES Modification et rétablissement des dimensions
?L'INTERFACE DE DREAMWEAVER Modification de la police des textes. Limites du d'une image. Modification d'une image avec
L'interface graphique langage html en ce qui concerne la gestion des Fireworks à partir de son fichier source.
polices. Création de listes de polices ?LETTRINES ET HABILLAGES
?LOGIQUE DE TRAVAIL DE DREAMWEAVER
personnalisées. Création d'un habillage avec les propriétés
La logique de travail de dreamweaver et les relations ?COULEUR DE TEXTE
entre la fenêtre de document la palette des objets et d'alignement des images. Dangers et limites de
Sélection de la couleur d'un texte. Affichage des l'habillage sur le web. Gestion est espaces
palette des propriétés.
couleurs sur le web. La palette des couleurs horizontaux et verticaux autour d'une image.
?LA GESTION DES PALETTES FLOTTANTES
sécurisées et la création de couleurs personnalisées. ?ALIGNEMENTS DES IMAGES
Affichage et gestion des palettes ou panneaux ?ALIGNEMENTS ET RETRAITS Propriétés d'alignement d'une image par rapport à
d'options
Alignement des paragraphes. Gestion des un texte ou a une autre image.
?PREMIER DOCUMENT AVEC DREAMWEAVER
alignements du texte. Limites et dangers de la ?LIEN SUR UNE IMAGE ET TEXTE ALTERNATIF
Création d'une première page avec dreamweaver. justification sur le web. Retraits des paragraphes Création d'un lien sur une image. Définition d'une
enregistrement d'un fichier html et test dans un par rapport à la marge gauche. bordure et de la couleur du lien. Insertion d'un texte
navigateur. ?STYLES HTML
alternatif à l'image.
?TEST DES PAGES DANS UN NAVIGATEUR Création et application de styles html. Différence ?SOURCE FAIBLE
Test des pages web dans un navigateur. Ajout d'un entre les styles de caractère et les styles de
Définition d'une source faible sur une image pour
nouveau navigateur et statistiques des parts de paragraphe. Application des styles à plusieurs
réduire le temps de réaction d'une page web.
marché des navigateurs et des plateformes sur documents.
?CARTE IMAGE
internet. ?MARGES ET COULEURS DE FOND DE PAGE
?LE MODE CODE ET LE MODE CRÉATION Définition d'une couleur d'arrière plan pour la page. Définition d'une carte image pour créer un lien sur
Utilisation du mode code et du mode création. les Modification de la couleur par défaut des textes. une zone spécifique d'une image.
relations entre ces deux modes et l'actualisation du ?IMAGE D'ARRIÈRE PLAN
Ajout de marges à la page.
code en mode mixte. ?GESTION DES LISTES Définition d'une image d'arrière plan sur une page
?LA BARRE D'ÉTAT: SÉLECTEUR HTML/POIDS-PAGE Définition des listes à puce et des listes web. Dangers des arrières plan en terme de lisibilité
La barre d'état de la fenêtre de document. numérotées. Paramétrage du comptage des listes. et de temps de chargement des pages.
l'utilisation du sélecteur de balise html. le test de la ?IMAGES INVISIBLES
?INSERTION DE CARACTÈRES SPÉCIAUX
taille de la fenêtre et la création de nouvelles tailles. Insertion de carcatères spéciaux. Utilisation des Utilisation d'une image invisible pour gérer un
les tests: poids du fichier - temps de chargement - espaces insécables espacement personnalisé dans une page web.
?LA PALETTE DES RÉFÉRENCES ? Les Tableaux
? Les liens
Utilisation de la palette de référence. Référence ?INSERTION DE TABLEAUX
?LIENS VERS D'AUTRES SITES. CIBLE DES LIENS
contextuelle et taille du texte de la palette. Insertion d'un tableau dans Dreamweaver.
?OBTENIR DE L'AIDE
Lien vers d'autres sites et gestion de la cible des
liens. Liens absolus. Paramétrage des bordures et des espacements.
Aide en ligne de dreamweaver. utilisation de l'aide ?SÉLECTIONS DES TABLEAUX
?LIENS VERS DES PAGES DE NOTRE SITE
contextuelle. Recherche par mots clés ou index. Sélection dans un tableau. Les méthodes de
? Le texte
Liens vers des pages de notre site. Particularités des
liens relatifs. sélection dans un tableau. Sélection d'un tableau
?IMPORTATION DE TEXTE DANS DREAMWEAVER entier - d'une ligne - d'une colonne - ou d'une plage
?LIENS INTERNES À UNE PAGE
Importation d'un texte au format rtf dans un de cellules. Sélections continues ou discontinues.
Création de liens internes à une page ou liens ?DIMENSIONS DES TABLEAUX
document dreamweaver. Encodage automatique des
ancrés. Définition des liens mixtes internes et
caractères spéciaux et gestion des sauts de ligne. Dimensions des tableaux
externes.
Importation de code html dans dreamweaver. ?ARRIÈRE PLAN ET BORDURES DE TABLEAUX
?LIEN VERS UNE ADRESSE E-MAIL
?FORMATAGE DES TITRES ET PARAGRAPHES
Insertion d'un tableau dans Dreamweaver.
Formatage des titres. Utilisation des formats de titre Création de liens vers une adresse de messagerie
Paramétrage des bordures et des espacements.
d'entête. Retouche du code html. électronique. Paramétrage de l'ojet du message.
?AJOUT DE LIGNES ET DE COLONNES
?LIENS DIVERS
?AJOUT DE TEXTE PRÉFORMATÉ
Ajout de lignes et de colonnes à un tableau. Ajout de
Utilisation du texte préformaté pour présenter des Création de liens vers des fichiers non html. Lien
lignes et de colonnes. Suppression - déplacement et
documents avec des retraits. vers un fichier image ou un fichier texte ou un
duplication des lignes et des colonnes.
fichier zip.
?MISE EN FORME DES CARACTÈRES ?FUSION DE CELLULES
?CHEMINS D'ACCÈS ABSOLUS ET RELATIFS
Mise en forme des caractères avec les styles Fusion des cellules d'un tableau. Dimensions des
italiques-gras-souligné et télétype. Les familles de Adressage absolu et relatif. Les causes des liens
cellules fusionnées.
styles et la différence entre styles physiques et brisés. La notion de dossier racine d'un site.
?TRI DANS UN TABLEAU
? Les images
styles logiques. Tri des lignes d'un tableau. Paramétrage de l'ordre du
?AUTRES MISES EN FORME DE CARACTÈRES ?FORMATS D'IMAGES UTILISABLES SUR LE WEB
tri et options de tri.
Utilisation des styles indices et exposant. Propriétés,avantages et inconvénients des formats
Modification de la taille des textes avec les balises GIF - JPEG - PNG.
<big> et <small>.

Distribué par Logivaro - 28, rue Grisolle - 83600 Fréjus - France


France Tél 04 94 52 89 26 - Fax 04 94 51 65 72 - mail : info@logivaro.com - http://www.logivaro.com
Juillet 2001 - Page 1/2
?MISE EN FORME AUTOMATIQUE DE TABLEAUX ?CADRES PERSONNALISÉS ?LES OUTILS DE VÉRIFICATION D’UN SITE

Mise en forme automatique des tableaux. Utilisation Création d'un découpage en cadre personnalisé. Utilisation des outils de vérification pour contrôler
des modèles de mise en forme pour réaliser une mise Suppression d'un cadre. la validité des liens et s'assurer de la cohérence du
en forme automatique d'un tableau. Paramétrage de code html.
?PROPRIÉTÉS DU JEU DE CADRE
ces modèles. ? Les
?IMPORTATION ET EXPORTATION D'UN TABLEAU
Modification des propriétés du jeu de cadre. bibliothèques et les modèles
Utilisation de dimensions absolus ou relatives pour ?CRÉATION D'ÉLÉMENT DE BIBLIOTHÈQUE
Utilisation de textes délimités pour créer
les cadres. Création d'un élément de bibliothèque pour
automatiquement des tableaux dans Dreamweaver.
Exportation de tableaux Dreamweaver au format ?PROPRIÉTÉS DES CADRES automatiser la mise à jour des éléments récurrents.
texte délimité. Modification des propriétés des cadres. ?GESTION DES BIBLIOTHÈQUES
?MULTICOLONNAGE AVEC LES TABLEAUX Paramétrages des barres de défilement et des marges Création d'un élément de bibliothèque pour
Utilisation des tableaux comme grille de mise en de cadres. automatiser la mise à jour d'une navigation sur
page pour réaliser une présentation en plusieurs pages.
?LIENS INTER CADRES
multicolonnage.
Création de liens hypertexte entre des cadres. ?CRÉATION DE MODÈLES
?INSERTION D'IMAGES DANS UN TABLEAU Importance de la cible du lien. Insertion d'un menu Création d'un modèle pour verrouiller et automatiser
Utilisation des tableaux pour réaliser un montage de reroutage une mise en page. Insertion de zones modifiables
d'images. dans un modèle.
? Les feuilles de style
?TABLEAUX IMBRIQUÉS
?CRÉATION D'UNE FEUILLE DE STYLE PERSONNALISÉE ?MODIFICATION D'UN MODÈLE
Utilisation de tableaux imbriqués pour simplifier Création d'une feuille de style personnalisée pour Insertion d'un élément de bibliothèque dans un
une mise en page complexe. renforcer la cohérence typographique d'un site. modèle pour automatiser la mise à jour d'une barre de
?CRÉATION DE CARTOUCHES AVEC DES TABLEAUX Automatiser la mise en forme et obtenir des mise en navigation.
Utilisation de tableaux imbriqués pour réaliser une forme plus riches. ? Insertion
?GESTION DE FEUILLES DE STYLE
d'éléments multimedia
cartouche qui s'adapte automatiquement à son
?INSERTION D'ANIMATION FLASH
contenu. Suppression - duplication et modification d'une
feuille de style. Insertion d'une animation Flash dans une page web.
?CRÉATION DE TABLEAU EN MODE MISE EN FORME Test de l'animation dans Dreamweaver et dans un
?REDÉFINITION DES BALISES HTML
Utilisation du mode mise en forme pour réaliser des navigateur.
mises en pages complexes avec des tableaux. Re-définition de la mise en forme d'une balise html
?UTILISATION DE BOUTONS FLASH
avec une feuille de style
?PARAMÈTRAGE DES CELLULES EN MODE MISE EN Insertion et modification d'un texte Flash dans
?SÉLECTEUR CSS
Extension automatique des colonnes en mode mise Dreamweaver.
en page. Paramétrage des dimensions des colonnes Re définition de la balise <a>. Utilisation d'un
?UTILISATION DE TEXTE FLASH
en mode mise en page. Extension automatique des sélecteur css pour définir un effet de survol sur du
colonnes et insertion d'images d'espacement. texte. Insertion et modification d'un bouton Flash dans
?UTILISATION DU TRACÉ D'IMAGE
Dreamweaver.
?UTILISATION DE FICHIERS EXTERNES
Utilisation du tracé d'image comme modèle pour Création d'une feuille de style dans un fichier ?INSERTION DE PLUG-IN
réaliser un montage d'images en mode mise en externe. Application de cette feuille de style à Insertion d'une vidéo QuickTime dans Dreamweaver
forme. plusieurs pages html. avec un objet plug-in.
? Les formulaires ? Gestion
? Les comportements des actifs
?INSERTION DE FORMULAIRES ?LA PALETTE DE GESTION DES ACTIFS
?INSERTION D'UN OBJET IMAGE SURVOLÉE
Exemples d'utilsation de formulaires sur le web. Insertion et modification d'un comportement Affichage et présentation de la palette des actifs.
Création d'un formulaire simple. images survolée pour créer un effet rollover. ?INSERTION D'ACTIF DANS UNE PAGE
?LES CHAMPS DE SAISIE
?INSERTION D'UNE BARRE DE NAVIGATION Insertion d'un actif dans une page Dreamweaver.
Propriétés des champs de texte. Modification des Insertion et modification d'un comportement barre ?ACTIFS FAVORIS. URL ET COULEUR
propriétés des champs de texte dans un formulaire. de navigation pour gérer une navigation à plusieurs
Utilisation des différents types de champs de texte. Définition et gestion des actifs favoris. Création de
états.
couleurs et d'adresses URL dans la palette des actifs.
?LES CHAMPS DE LISTE
?LE COMPORTEMENT VALIDER UN FORMULAIRE
? Divers
Création et modification d'un champs de liste ou de Insertion et modification d'un comportement -
menu déroulant dans un formulaire. ?UTILISATION DE L'HISTORIQUE
validation de formulaire - pour éviter l'envoi d'un
?LES CHAMPS -CASE À COCHER- ET -BOUTON RADIO- formulaire incomplet Gestion de l'historique et enregistrement des étapes
de l'historique dans une macro commande.
Création de champs - case à cocher- et -bouton ? La gestion de site
radio-. Différences et utilité de ces deux types de ?NETTOYAGE DU CODE HTML DE WORD
?CRÉATION ET UTILISATION D'UNE CARTE DE SITE
champs. Nettoyage du code html généré par Microsoft Word.
Création d'un site avec Dreamweaver. Affichage des
?ACTION ET MÉTHODES DES FORMULAIRES fichiers du site et de la carte du site. Contrôle de la ?AFFICHAGE ET PARAMÉTRAGES DES ASSISTANCES

Modification des propriétés d'un formulaire. validité des liens par rapport au dossier racine. Affichage et masquage des assistances visuelles
Différentes méthodes d'exploitation des données dans le mode création de Dreamweaver.
?MISE EN LIGNE D'UN SITE
d'un formulaire.
Définition des paramètres de connexion ftp dans ?NETTOYAGE DU CODE SOURCE
?LE MENU DE REROUTAGE Dreamweaver et mise en ligne d'un site. Nettoyage du code html pour élminer les balises
Création d'un menu déroulant de reroutage. inutiles et optimiser le code.
?INSERTION DE DESIGN NOTES
? Les cadres ou frames Insertion de notes de production ou Design Notes ?UTILISATION DU RECHERCHER-REMPLACER

?PRINCIPE GÉNÉRAL SUR LES CADRES dans Dreamweaver. Utilisation des fonctions Rechercher/Remplacer sur
Principes et utilisation des cadres ou frames. ?EXTRACTION ET ARCHIVAGE DE FICHIERS
une page ou sur l'ensemble des fichiers d'un dossier
Limites et dangers de cette technique. ou d'un site. Rechercher/Remplacer sur le texte des
Utilisation des fonctions d'archivage et d'extraction
pages ou sur le code html.
?INSERTION DE CADRES AVEC LA PALETTE OBJETS pour optimiser le travail à plusieurs sur le même ?INSERTION DE MOTS CLÉS ET RÉFÉRENCEMENT
Création d'une mise en page avec des cadres. site.
Insertion de mots clés et descriptions pour le
Enregistrement et nomenclature des fichiers. référencement des pages dans les moteurs de
recherche.

Distribué par Logivaro - 28, rue Grisolle - 83600 Fréjus - France


France Tél 04 94 52 89 26 - Fax 04 94 51 65 72 - mail : info@logivaro.com - http://www.logivaro.com
Juillet 2001 - Page 2/2

Vous aimerez peut-être aussi