ESAT/DGF/DMSI
ECOLE SUPERIEURE ET D’APPLICATION DES TRANSMISSIONS
Division Management et Systèmes d’Information
EDITEUR DREAMWEAVER
COURS APPLICATIFS
Cours Applicatifs
INTERNET
Editeur Dreamweaver
SOMMAIRE SOMMAIRE...............................................................................................................................2 1. Présentation de Dreamweaver..............................................................................................4 1.1 Un éditeur HTML .....................................................................................................................4 1.2 Installation de Dreamweaver 3.................................................................................................4 Présentation de l'interface................................................................................................................7 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6
L'inspecteur des Propriétés......................................................................................................................7 La palette Objets....................................................................................................................................10 Le lanceur..............................................................................................................................................12 L'inspecteur avancé...............................................................................................................................13 La fenêtre document .............................................................................................................................13 Utilisation de l'inspecteur de source HTML ........................................................................................14
1.4 Présentation des principales fonctions des menus.................................................................15 1.4.1 Menu Fichier ........................................................................................................................................15 Menu Edition...................................................................................................................................................19 1.4.3 Menu Affichage......................................................................................................................................20 1.4.4 Menu Insertion......................................................................................................................................23 1.4.5 Menu Modifier......................................................................................................................................24 1.4.6 Menu Texte...........................................................................................................................................25 1.4.7 Menu Commandes.................................................................................................................................26 1.4.8 Menu Site..............................................................................................................................................28 1.4.9 Menu Fenêtres.......................................................................................................................................29
2. Utilisation de Dreamweaver...............................................................................................30 Préparer son site............................................................................................................................30 Organiser son site, créer ses dossiers, définir le répertoire racine..................................................................30 Définir le document par défaut ou page d'accueil ..........................................................................................33
Mettre en page du texte.................................................................................................................38 Paragraphes ....................................................................................................................................................38 Sections ..........................................................................................................................................................38 Eléments de rupture ........................................................................................................................................40 2.2.5 Eléments de titre ...................................................................................................................................42 2.2.6 Alignement du texte..............................................................................................................................43 2.2.7 Retraits du texte ....................................................................................................................................44 2.2.8 Préformater le texte ..............................................................................................................................46
Mettre en forme du texte................................................................................................................47 Caractères accentués : é è ê ë …...................................................................................................................47 Espaces insécables ..........................................................................................................................................48 Mise en forme logique.....................................................................................................................................49 Taille du texte en valeur absolue ....................................................................................................................50 Couleur du texte : ...........................................................................................................................................51
Listes...............................................................................................................................................52 Listes à puces .................................................................................................................................................52 Listes ordonnées..............................................................................................................................................54 2.4.3 Listes de définitions..............................................................................................................................57
Images.............................................................................................................................................58 Insérer des images...........................................................................................................................................58 Propriétés des images......................................................................................................................................60 Images à lien unique........................................................................................................................................62 Cartes graphiques............................................................................................................................................63
Edition janvier 2004
23242259.doc
Page 2 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
2.6 Liens...........................................................................................................................................66 2.6.1 Insérer un lien.........................................................................................................................................66 2.6.2 Liens internes (ancres nommées)..........................................................................................................68 2.6.3 Autres types de liens ............................................................................................................................71
2.7 Tableaux...................................................................................................................................73 2.7.1 Insérer un tableau..................................................................................................................................73 2.7.2 Propriétés des tableaux..........................................................................................................................75 2.7.3 Fusionnement des cellules.....................................................................................................................79
2.8 Cadres......................................................................................................................................80 2.8.1 2.8.2 2.8.3 2.8.4
Créer un jeu de cadres..........................................................................................................................80 Propriétés des cadres.............................................................................................................................84 Exemple de page HTML avec cadres...................................................................................................86 Rediriger les liens dans les jeu de cadres..............................................................................................88
2.9 Feuilles de styles.......................................................................................................................90 2.9.1 Créer une feuille de style externe.........................................................................................................90 2.9.1 Créer un style ......................................................................................................................................92
2.10 Formulaires............................................................................................................................99 2.10.1 Généralités sur les formulaires............................................................................................................99 2.10.2 Insertion des éléments de formulaires................................................................................................99 2.10.3 Propriétés des éléments de formulaires............................................................................................100
3 . Annexes............................................................................................................................105 3.1 Commentaires sur les différentes versions............................................................................105 3.1.1 Apports de Dreamweaver 3 ................................................................................................................105 3.1.2 Apports de Dreamweaver 4.................................................................................................................106 3.1.3 Apports de Dreamweaver MX............................................................................................................107
3.2 Sous-menu préférences..........................................................................................................108
Edition janvier 2004
23242259.doc
Page 3 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
1. Présentation de Dreamweaver 1.1 Un éditeur HTML Dreamweaver de Macromedia (http://www.macromedia.com) est un logiciel professionnel, éditeur de pages web, qu'elles soient écrites au format HTML, XHTML ou XML. Avec Dreamweaver, il est facile de créer et modifier des pages de sites Web compatibles avec les différentes plates-formes et les divers navigateurs. Il est aussi possible d'éditer des fichiers Javascript ainsi que des pages de style. Dreamweaver fait partie de la suite de logiciels développée par Macromédia qui comprend notamment un logiciel de dessin et de retouche d'images orienté web : Fireworks ainsi qu'un logiciel permettant de réaliser des animations vectorielles : Flash. Ces logiciels présentent un interface très similaire et communiquent relativement facilement entre eux. Il existe ainsi des commandes spécifiques qui permettent d'importer du code HTML et du code javascript généré par Fireworks dans Dreamweaver dans le cas de boutons animés par exemple.
1.2 Installation de Dreamweaver 3 Configuration système requise dans Microsoft Windows : • • • • • • •
Processeur Intel Pentium II ou équivalent, 300 MHz ou vitesse supérieure Windows 98, Windows 2000, Windows NT (avec Service Pack 3 ou ultérieur), Windows ME ou Windows XP Netscape Navigator ou Microsoft Internet Explorer version 4.0 ou ultérieure 96 Mo de mémoire RAM disponible (128 Mo recommandés) 275 Mo d'espace disque disponible Moniteur 256 couleurs d'une résolution de 800 x 600 pixels (résolutions 1024 x 768 pixels ou millions de couleurs recommandées) Lecteur de CD-ROM.
La procédure d'installation de Dreamweaver 3 est décrite à travers les écrans suivants :
Double cliquer sur Installation d'installation.
Edition janvier 2004
Drea m w e a v er3.exe
23242259.doc
pour lancer l'assistant
Page 4 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
Appuyer sur
Choisir le répertoire d'installation : en appuyant sur : Parcourir
Edition janvier 2004
Suivant
puis choisir
Oui
23242259.doc
.
.
Page 5 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
Remarque : Il est possible, dans le cas d'une installation via l'ESAT, d'avoir à saisir un numéro de licence que l'on peut trouver dans un fichier lisez-moi.txt situé dans le même répertoire que celui contenant le programme d'installation, sinon ce numéro est fourni à l'achat. Le programme récapitule les options sélectionnées avant de lancer l'installation sur le système. Par défaut, une icône de lancement (raccourci) apparaît sur le bureau, il permet bien sûr de lancer le programme.
Edition janvier 2004
23242259.doc
Page 6 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
Présentation de l'interface Au lancement de l'application, de nombreuses palettes apparaissent à l'écran dans la fenêtre principale ou fenêtre document de Dreamweaver. Leur nombre et leur complexité peuvent dérouter l'utilisateur néophyte. Ces palettes vont être décrites successivement en insistant sur les éléments les plus utiles.
1.3.1 L'inspecteur des Propriétés
L'inspecteur de propriétés affiche les propriétés de l'objet ou du texte sélectionné, et permet de modifier ses propriétés. C'est donc une palette particulièrement utile qu'il convient d'avoir toujours présent à l'écran.
Edition janvier 2004
23242259.doc
Page 7 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
Ce bouton permet d'appeler l'aide en ligne de Dreamweaver, celle ci se présente sous la forme de pages HTML.
Ce bouton permet d'activer l'option Insérer du code HT M L .
Ces boutons permettent de basculer de la forme réduite à la forme complète de la palette inspecteur des propriétés.
Utilisation de la couleur :
Pour changer la couleur d'un élément (texte, fond, bordure etc ..), il est pratique de passer par l'inspecteur de propriété qui propose une icône générique qui donne accès à la palette de couleurs web.
Il faut utiliser la pipette pour sélectionner une nuance de couleur dans la palette. Toutes les couleurs de la palette sont W e b safe, donc garanties identiques dans un navigateur Web.
Edition janvier 2004
23242259.doc
Page 8 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
Utiliser la pipette permet de sélectionner une couleur à partir de n'importe quel point visible à l'écran, même à l'extérieur de la fenêtre de Dreamweaver. L'inspecteur affiche la plupart des propriétés (ou attributs) de l'objet ou élément HTML sélectionné. Les propriétés existantes mais non disponibles obligent à afficher le code HTML correspondant pour y effectuer directement les modifications. A noter que l'apparence et le contenu de la palette inspecteur des propriétés varie en fonction de l'élément HTML sélectionné. Exemple 1 : inspecteur des propriétés pour une image
Exemple 2 : inspecteur des propriétés pour du texte
Pour le rendre visible / invisible , il faut cliquer sur Propriétés (raccourci : Ctrl+F3).
dans le menu
Fenêtre
Il arrive que l'inspecteur ne soit plus présent à l'écran (bug Dreamweaver). Dans ce cas utiliser l'option Réorganiser les palettes flottantes / par défaut , afin de le faire réapparaître à sa position d'emploi par défaut.
Edition janvier 2004
23242259.doc
Page 9 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
1.3.2 La palette Objets
La palette Objets contient des boutons permettant d'insérer dans la page web en construction divers types d'objets HTML, par exemple : des images, des tableaux, des calques, etc. Pour basculer d'un type d'objets à un autre, il suffit de cliquer sur le bouton triangulaire noir.
L'objet symbolisé par l'icône est explicité si le curseur est laissé pointé quelques secondes sur celui ci.
Cette palette objet se révèle au final assez utile pour développer rapidement mais son utilisation peut être jugée facultative, pour la désactiver cliquer sur Propriétés dans le menu Fenêtre (raccourci: Ctrl+F2) Voici enfin un aperçu rapide des différents éléments HTML insérables dans la page web en construction à partir de la palette Objets :
Edition janvier 2004
23242259.doc
Page 10 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
Le panneau Commun contient les objets les plus couramment utilisés : images, tableaux et calques.
Le panneau Caractères contient des caractères spéciaux, par exemple le symbole "Copyright" ((c)), les guillemets typographiques et le symbole de "marque déposée" (trademark) etc).
Le panneau Formulaires permet de créer des formulaires et leurs éléments : champs textes, boutons radio, cases à cocher, mots de passe…
Le panneau Cadres contient les éléments des structures de jeux de cadres courantes.
Edition janvier 2004
23242259.doc
Page 11 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
Le panneau En-tête permet d'ajouter divers éléments dans la partie en-tête de la page web ( ) comme des balises meta, des scripts, des liens, des commentaires …
Le panneau Invisibles permet d'insérer des objets invisibles dans la fenêtre du document, par exemple des ancres nommées, des commentaires ou des espaces insécables.
1.3.3 Le lanceur
Le lanceur comporte des boutons permettant d'ouvrir et de fermer non seulement les inspecteurs mais aussi les palettes les plus fréquemment utilisés. Les icônes du lanceur apparaissent également dans le mini-lanceur qui se trouve dans la barre d'état de la fenêtre du document, afin d'en faciliter l'accès lorsque le lanceur est fermé. Cet outil ne présente qu'un intérêt relativement négligeable. Il est aussi facile d'utiliser les deux raccourcis clavier les plus utiles ( F10 pour visionner le code source HTML et F12 pour lancer le navigateur afin de tester la page en cours ) et de passer par le menu Fenêtre pour ouvrir les palettes à l'instant voulu. Il convient, en effet toujours, d'avoir toujours le maximum d'espace disponible dans la fenêtre document pour pouvoir concevoir confortablement et efficacement. Le mini- lanceur de Dreamweaver 3. Il reprend les principales fonctions du lanceur et se situe dans le coin bas droite de la fenêtre document.
Edition janvier 2004
23242259.doc
Page 12 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
1.3.4 L'inspecteur avancé
L'inspecteur avancé regroupe de nouvelles fonctionnalités sur l'historique, les cadres, les calques ainsi que les comportements. Il est très appréciable dès qu'il faut travailler avec ces différentes fonctions avancées de l'édition HTML comme les calques ou les comportements (non décrits dans ce document).
1.3.5 La fenêtre document La fenêtre document affiche une image du document en cours très proche de celle qui s'affichera dans un navigateur Web. C'est la fenêtre principale de travail. La barre de titre de la fenêtre du document affiche le titre de la page et, entre parenthèses, le nom de fichier, suivi d'un astérisque si le fichier contient des modifications non enregistrées.
Les balises qui contrôlent le texte ou l'objet sélectionné apparaissent dans le sélecteur de balise, dans le coin inférieur gauche de la fenêtre du document. Il faut cliquer sur l'une de ces balises pour en sélectionner le contenu dans la fenêtre du document et cliquer sur pour sélectionner le corps (body) du document.
Les estimations de la taille du document et du temps de téléchargement de la page, y compris tous les éléments liés, tels que les images, s'affichent à gauche du mini-lanceur.
Le menu déroulant Taille de fenêtre permet de redimensionner la fenêtre du document suivant des dimensions prédéterminées ou personnalisées.
Edition janvier 2004
23242259.doc
Page 13 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
1.3.6 Utilisation de l'inspecteur de source HTML L'inspecteur de source HTML affiche le code utilisé par les navigateurs pour afficher le document comme une page Web. Pour afficher ou masquer l'inspecteur de source HTML, choisir Fenêtre > source HTML (raccourci très pratique : F10). Les modifications effectuées dans la fenêtre du document apparaissent immédiatement dans l'inspecteur de source HTML. Lorsque l'on saisit du code HTML dans l'inspecteur de source HTML, les changements correspondants apparaissent dans la fenêtre du document dès qu'elle est activée.
Les options Retour à la ligne auto et Numéros de ligne ne sont pas cochées par défaut, alors qu'elles sont très pratiques ; il ne faut pas hésiter à les activer pour avoir une meilleure lisibilité sur le code. Pour modifier les couleurs dans l'éditeur HTML, il faut le spécifier dans les préférences (Edition > Préférences > Couleurs des balises HTML).
Pour apporter des modifications mineures à des balises HTML, on peut utiliser le mini-éditeur HTML Quick Tag Editor au lieu de l'inspecteur de source HTML. Pour afficher Quick Tag Editor, appuyer sur Contrôle+T ou choisir Modifier > Quick Tag Editor.
Edition janvier 2004
23242259.doc
Page 14 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
1.4 Présentation des principales fonctions des menus La barre des menus comporte 10 éléments dont un menu d'aide.
1.4.1 Menu Fichier
Ce menu Fichier comprend 16 options et 4 autres sous - menus. Parmi les options, plusieurs fonctions classiques que l'on retrouve sous tout système d'exploitation (Ouvrir, Fermer, Enregistrer, Quitter). Ouvrir dans un cadre sélectionné.
: cette option permet d'ouvrir une page HTML dans le cadre
Enregistrer le jeu de cadre sous un jeu de cadre pour la première fois.
: cette option s'utilise lorsque l'on veut enregistrer
Enregistrer tout : lorsque l'on travaille dans un jeu de cadres, cette fonctionnalité permet d'enregistrer simultanément le jeu de cadres et les différentes pages HTML apparaissant dans le jeu défini.
Modèles : cette fonction avancée de Dreamweaver qui permet de créer des fichiers modèles de référence dans lequel on peut définir des régions modifiables. Ces fichiers modèles servent de base pour le développement de la quasi totalité des fichiers HTML du site web.
Edition janvier 2004
23242259.doc
Page 15 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
Convertir : peut présenter une utilité si l'on veut créer une page HTML exploitable par un navigateur ancien ne supportant pas les calques (objets HTML superposés en utilisant les styles CSS2 ) ou les CSS.
Dreamweaver peut donc effectuer des conversions de calques en tableaux et de styles CSS en styles HTML. Aperçu dans le navigateur : cette fonctionnalité essentielle permet de lancer une fenêtre de navigateur pour tester la page en cours de développement (raccourci très pratique : F12). Dreamweaver permet de configurer le lancement de plusieurs navigateurs de test dans le menu Edition > Préférences > Aperçu dans le navigateur .
Remarque : Par défaut le navigateur lancé est Internet Explorer, logiciel utilisé en Version 5 et plus par plus de 90% des internautes et plus encore des intranautes de la Défense. Remarque : Le développement d 'un site grand public doit cependant tenir compte que certains internautes utilisent Netscape Navigator, Netscape 4.7 et d'autres navigateurs peu courants. (Mozilla, Neoplanet …) il convient donc de tester les pages créées sous ces différents environnements car le code HTML est différemment interprété par ces navigateurs, ce qui peut amener à des erreurs importantes au niveau de la mise en page.
Edition janvier 2004
23242259.doc
Page 16 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
Design notes : cette fenêtre est surtout utilisée dans le cadre de projet regroupants plusieurs développeurs ayant accès aux mêmes documents. Elle permet à chacun d'y d'intégrer ses remarques personnelles ainsi que l'état d'avancement du fichier.
Importer : ce sous-menu comporte 3 options :
1. Importer XML dans le modèle : pour importer un fichier XML dans le document modèle en cours, les champs variables du modèles seront alors au format XML. 2. Importer HTML Word : permet d'importer et de traiter un fichier HTML généré par le logiciel de traitement de texte Word. 3. Importer données tabulaires : permet d'importer puis de mettre sous la forme d'un tableau HTML des données formatée provenant d'un fichier texte.
Exporter : ce sous-menu comporte 3 options :
1. Exporter les styles CSS : permet d'exporter les styles CSS déclarés dans le document courant vers un fichier CSS externe. 2. Exporter tableau : permet d'exporter sous la forme d'un fichier texte formatable le contenu d'un tableau HTML
Edition janvier 2004
23242259.doc
Page 17 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
Vérifier liens : cette fonctionnalité avancée permet de vérifier que tous les liens codés pointent vers une ressource (page HTML, fichier multimédia, URL …) existante. Un rapport d'analyse est généré et permet de recenser les liens brisés ou manquants. Vérifier navigateurs cibles : cette fonctionnalité permet de vérifier que le code généré par Dreamweaver est ou non entièrement reconnu pour un navigateur choisi dans une liste cidessous. Sur certains navigateurs anciens, en effet certaines balises ne sont pas reconnues et entraîneront des erreurs à l'affichage. Cette fonctionnalité est intéressante mais à l'heure actuelle, seule une minorité de personnes utilise encore des versions anciennes d' Internet Explorer ou de Netscape Navigator.
Edition janvier 2004
23242259.doc
Page 18 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
Menu Edition
Ce menu comprend de nombreuses fonctions classiques d'un éditeur comme Répéter, Copier / Coller et Rechercher / Remplacer.
: Annuler /
Copier / Coller comme texte : Une distinction est faite dans Dreamweaver entre le texte brut et le code HTML à proprement parlé. Sélectionner balise parent / enfant : Les éléments HTML sont imbriqués comme des poupées russes, les uns dans les autres (balises imbriquées). Il est quelquefois difficile d'atteindre l'élément HTML de niveau supérieur ou inférieur d'ou la présence de ces commandes. Lancer un éditeur externe : il est possible sous Dreamveaver d'utiliser un éditeur de texte externe (bloc-note, UltraEdit 32, Script Edit …), il faut pour cela afficher son chemin d'accès et les fichiers à ouvrir de préférence avec cet éditeur. Il est alors souhaitable de synchroniser les 2 éditeurs. Les préférences seront décrites en annexes à la fin de ce document.
Edition janvier 2004
23242259.doc
Page 19 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
1.4.3 Menu Affichage
Ce menu permet d'afficher / rendre invisibles différents outils plus ou moins utiles. Contenu de l'entête : cette fonctionnalité permet d'afficher des icônes correspondant au contenu de la balise et définissant donc les balises <meta> et autres éléments de script.
Eléments invisibles : cette fonctionnalité permet d'afficher dans la fenêtre document les icônes correspondantes à certaines balises ou lignes de codes (paramétrables dans Edition > Préférences > Eléments invisibles ).
Edition janvier 2004
23242259.doc
Page 20 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
Bordures de calques : si l'on utilise les calques (outils avancés non développés dans ce document). Bordures de tableau : permet de voir le contour d'un tableau HTML en pointillé si son attribut taille de bordure est fixé à 0. Bordures de cadres : si l'on utilise des cadres, permet de visionner l'agencement des différents cadres. Cette fonctionnalité est indispensable pour atteindre la page de définition de cadres et son code source. Cartes graphiques : pour afficher la carte graphique (zone active sur l'image permettant d'ouvrir un lien défini.) sur une image.
Règles : pour afficher des règles graduées paramétrables facilitant la mise en page et l'édition. L'échelle et l'origine sont paramétrables.
Edition janvier 2004
23242259.doc
Page 21 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
Grilles : pour afficher les grilles dans la fenêtre document.
Il apparaît à l'usage que les grilles sont souvent assez pratiques pour une mise en page rigoureuse.
La grille est paramétrable ( Affichage > Grille > Paramètres ) si on coche l'option aligner sur ( Affichage > Grille > Aligner sur ), les différents éléments HTML vont coller aux repères de la grille. Ceci permet de faciliter la mise en page du document notamment pour aligner différents éléments. Tracé de l'image : n'est pas recommandé car cette fonctionnalité insère des attributs propriétaires. Son utilité reste à démontrer. Plug-ins : n'est pas recommandé. Barre d'état : pour afficher la barre d'état situé en bas de la fenêtre document du logiciel. Elle contient plusieurs informations pertinentes avec respectivement de gauche à droite :
1. La balise dans lequel le curseur se situe et donc ou l'on opère 2. La résolution utilisée dans la fenêtre document (paramétrables dans Edition > Préférences > Barre d'état ) 3. Le poids de la page en cours et une estimation de son temps de chargement dans un navigateur en fonction du type de connexion utilisé (paramétrables dans Edition > Préférences > Barre d'état ) 4. Mini lanceur (Cf 1.4.3)
Edition janvier 2004
23242259.doc
Page 22 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
1.4.4 Menu Insertion
Ce menu liste les différents éléments HTML ou autres que l'on peut utiliser sous Dreamweaver et insérer dans la fenêtre document à l'endroit où se trouve le curseur. L'utilisation des plus courants et des plus utiles d'entre eux sera développée dans la suite de ce document. L'option Image permet d'insérer une image sélectionnée dans le répertoire image dans la fenêtre document (Cf 2.5). L'option Image survolée permet d'insérer du code javascript permettant d'afficher deux images au même endroit en fonction du survol de la souris (roll over). L'option Tableau permet d'insérer un tableau dans la fenêtre document (Cf 2.7). L'option Données tabulaires permet d'insérer un tableau contenant des données provenant d'une base ou d'un fichier texte formaté. L'option Barre horizontale permet d'insérer une barre horizontale (
) paramétrable dans le document (Cf 2.2.3.1). L'option Barre de navigation permet d'insérer cet élément fonctionnel (code javascript). L'option Calque permet de positionner un objet calque dans la page à l'endroit exacte ou se trouve le curseur (position horizontale et verticale définie au pixel près). L'option Formulaire permet d'insérer dans le code HTML des balises délimitant un formulaire. Le sous menu Objets de formulaire permet d'insérer des éléments de formulaire HTML (Cf 2.10). Le sous menu Cadres correspondant (Cf 2.8).
Edition janvier 2004
permet d'insérer des cadres et de désigner le jeu de cadre
23242259.doc
Page 23 sur 109
Cours Applicatifs
INTERNET
Editeur Dreamweaver
L'option Saut de ligne permet d'insérer un saut de ligne balise
dans le code HTML. (Cf 2.2.3.2). L'option Lien de messagerie permet d'insérer un lien vers une adresse de messagerie (ou adresse email). (Cf 2.6.3.2). L'option Date permet de récupérer puis d'insérer la date système dans la page. Le sous menu Médias animations Director etc).
permet d'insérer des éléments multimédias (sons, animations flash,
Le sous menu En-tête permet d'insérer des balises <meta> dans l'entête ( ) de la page HTML en construction. Le sous menu Caractères permet d'insérer des caractères spéciaux dans le document. L'option Server Side Include ouvre la porte aux éléments dynamiques du site. L'option Ancre nommée permet d'insérer une ancre afin de réaliser un lien interne à la page (Cf 2.6.2). L'option Commentaires ouvre une fenêtre permettant s'insérer un commentaire directement dans le code HTML (balises