Formation Dreamweaver

Introduction à la formation Dreamweaver

Introduction

Qu’est-ce qu’un site Internet?

Qu’elles sont les différentes catégories de site sur Internet ?

Modèle Client/Server

Sites statiques

Sites dynamiques

Dreamweaver

Interface du logiciel

L’environnement de travail

Les menus et les palettes

Principes de fonctionnement

Initiation au langage html

Structure d’un document HTML5
Doctype
format des balises
type des balises

Atelier pratique : Création d’un premier site web

Bases de la création de site avec Dreamweaver

Créer une nouvelle page
Incorporer et baliser du texte dans une page
Créer un tableau
Créer des liens
Insérer des listes à puces
Insérer des listes numérotées
Insérer des liste de définitions

Atelier pratique : Créer un menu de navigation

Utiliser les images et les médias

Formats d’images pour le web
La balise img
Les sons, vidéos

Mise en page avec des tableaux

Spécifier un tableau : taille, bordure, centrage, couleur de fond, …
Créer un tableau html
En têtes de tableaux
fusion des cellules d’un tableau

Atelier pratique : Structurer notre site web avec les tableaux

Créer des formulaires

Principes de l’interaction avec l’utilisateur
Les champs de saisie, les boutons de sélection
Cases à cocher
Les listes de sélection

Boutons d’envoi

Atelier pratique : création d’un formulaire de contact

Apprendre les feuilles de style CSS

Fonctionnement et avantages
Insérer et Définir un style
Principes des règles CSS
Associer un style à une balise HTML
Types de sélecteurs : balise, classe, ID, composé
Les couleurs et arrière plans
Organisation en boîtes : bordures et marges

Atelier pratique : mettre en forme notre site web

Mise en forme du texte

Famille de police

Aspect des lettres

Ajustement du texte

Atelier pratique : mettre en forme du texte

Les feuilles de styles avec CS Designer

Découvrir CS Designer
Ajouter des styles dans la page
Ajouter des styles dans un document externe
Ajouter des selecteurs
Ajouter des propriétés

Habillage CSS

Gérer l’arrière-plan
Utiliser les images de fond

Affichage des blocks et de leur contenu

Transférer son site sur un serveur distant avec Dreamweaver

Qu’est-ce que le FTP ?
Démonstration avec FileZilla

Atelier pratique : mise en ligne de notre site