e-learning Dreamweaver Initiation

1.2 La barre d'outils insertion - Commun

E-learning Dreamweaver
La barre d'outils Commun

1.21- Onglet Commun
1.22- Onglet Mise en forme
1.23- Onglet Formulaires
1.24- Onglet Données
1.25- Onglet Spry
1.26- Onglet Texte
1.27- Onglet Favoris

1.21- Onglet Commun

Insertion

1- Insérer un hyperlien

Un hyperlien ou lien hypertexte est un lien cliquable qui permet de naviguer d'une page à l'autre

Exemple
Mon hyperlien vers Google

2- Insérer un lien de messagerie
Lorque vous cliquez sur ce lien, vous ouvrez votre logiciel de messagerie éléctronique par défaut avec le champ destinataire complété avec la valeur que vous avez mis dans le lien, autrement dit votre adresse mail

Exemple
mail : contact@lc-formateur.com

3- Insérer une ancre nommée
Les ancres nommées vous serviront souvent de lien à l'intérieur d'une même page, utile dans le cas où vous avez des pages web avec un long contenu

4- Insérer un tableau
Permet d'insérer un tableau soit pour faire de la mise en forme ou pour présenter des données
Exemple

Titre tableau	Titre tableau
Texte	Texte

5- Insérer une balise DIV
Permet d'insérer une balise de calque à l'endroit souhaité.
Ces balises sont utilisées pour faire de la mise en forme ou mise en page

6- Insérer une image
Permet d'insérer une image à l'endroit où vous vous êtes positionnés
Formats recommandés : .jpg .gif .png
Exemple

7- Insérer des médias
Permet d'insérer du Flash, des boutons, du texte en Flash générés par Dreamweaver
, de la vidéo flash ...
Exemple

8- Insérer une date
Permet d'insérer la date du jour et l'heure, cette date peut être mise à jour
automatiquement après chaque enregistrement
Exemple
19/07/09 9:09

9- Inclusion côté serveur
Pas abordé dans le module 1

10- Insérer un commentaire
Les commentaires inséres dans le code source vous permettent
par exemple de vous repérerà l'intérieur de vos pages
Exemple


11- Insérer les balises Meta
Les balises Meta sont utiles pour le référencement de votre site
Ces balises contiennent par exemple les titres et les descriptions des sites que vous retrouvez dans Google

12- Insérer un script
2 options :
1- Soit vous avez le fichier dans un fichier séparé, dans cette hypothèse,
vous cliquez sur l'icone dossier à droite du champ Source et allez chercher
votre fichier Java
2- Vous copiez à partir du fichier source, (vous allez pouvoir trouver facilement
de nombreux sites dédiés au Javascript), et vous le collez dans le champ
Contenu de la boîte de dialogue

13- Modéle
Les modèles ou Templates en anglais vous pemettent de baser votre site sur un
modèle qui se répétera sur toutes les pages

Il est impératif de travailler avec des modèles lorsque vous ne voulez pas devoir faire toutes les modifications à la main sur toutes les pages, une à une, ce qui est fastidieux lorsque vous gérez des sites avec de nombreuses pages en HTML

14- Sélecteur de balise
Permet d'insérer les balises HTML, ASP, PHP

1-Se familiariser avec l'interface

1.1 Organisation de l'espace de travail
1.2 La barre d'outils Insertion
1.3 La gestion de sites avec Dreamweaver

2- Création de contenu texte

2.11 Le texte, les polices, le formatage
2.12 Les paragraphes
2.13 Les entêtes
2.14 Les puces, les listes numérotées
2.15 Les sauts de ligne, les espaces insécables, les caractères spéciaux

3- Insertion d’images

3.1 Généralités et utilisation
3.2 Insérer une image
3.3 Les images de fond
3.4 Les images survolées

4- Les hyperliens

4.1 Lien sur du texte
4.2 Lien sur une image
4.3 Lien de messagerie
4.4 Les ancres nommées
4.5 Les attributs

5- Mise en page à l’aide des tableaux

5.1 Création de pages simples en tableaux
5.2 Gestion de page web avec des tableaux

6- Mise en page à l'aide de calques