Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web : Propriétés d’une page Création de cadres Création d’un tableau Formatage du texte Création d’un lien Mettre des images
Le langage HTML Définitions –HTML : Hyper Text Markup Language (Langage de mise en forme de documents hypertextes) –Hypertexte : Texte qui contient des références croisées
Le langage HTML Langage structurée à l’aide de balises Les balises de structure … : balise titre, … : balise paragraphe, : Sauter une ligne, : marqueur « insérer une image » … : balise « insérer un lien hypertexte », à : Titres par importance décroissante, + : Liste...
Le langage HTML Les balises de formatage du texte … : police … : gras (b pour « bold ») … : italique (i pour « italic ») … : souligner (u pour « underline ») … : centrer le texte
Le langage HTML La structure de base d’un Fichier HTML essai 1er page HTML à vous de manipuler …
Le langage HTML
Dreamweaver MX Dreamweaver ~ Tisseur de rêve Construire un site Internet grâce à une interface plus graphique que le bloc note Disposer d’outils pour créer ses applications Web
Création d’un nouveau site
Aperçu de l’interface C’est ici que les propriétés relatives à l’objet sélectionné apparaissent Cet espace est dédié aux cinq panneaux rétractables Cette barre d’outils est toujours présente à l’écran ; elle permet d’insérer des objets comme des images ou des tableaux HTML Cette barre d’outils est propre au document en cours (ici, une page HTML vierge) ; elle permet par exemple de choisir entre le mode visuel ou code informatique
Le but partir de ceci
Pour arriver à cela (par ex)
Construction d’un jeu de cadres Les cadres permettent d’afficher plusieurs pages HTML dans différentes zones.
Création d’un tableau Utilisons un tableau pour créer le menu du site Cliquons sur le cadre de gauche, qui contiendra le menu (soit le tableau) Cliquons sur l’icône de création de tableau
Création de liens Clique droit sur le texte qui va servir de lien Préciser le cadre de destination
Insertion d’une image
Insertion d’un lien dans une image Entrer la destination du lien Définir le cadre du lien (ici, cadre principal)
Modification de l’arrière plan
Image « survolée »
Insertion d’un texte flash
?