livre Adobe Dreamweaver® CS5 - Micro Application

Les bases pour Internet

Petite histoire d’Internet

Les navigateurs

Les technologies (Flash/HTML/CSS)

Et Dreamweaver dans tout cela ?

Ce que Dreamweaver permet de faire et comment cela fonctionne

Nouveautés

L’interface de Dreamweaver

La gestion des panneaux

Les panneaux à connaître

Résumé

Concevoir son site Internet

Les différents types de sites

Recherche

Ergonomie (structurer son contenu)

Hiérarchisation du contenu, zoning

Habillage graphique d’une page Internet

Les caractères typographiques

Dimensions et résolutions d’écrans

Bien nommer les documents

Optimiser les images avec Photoshop

Les différents formats  d’images

Optimisation  d’image

Optimiser au format JPEG

Optimiser au format GIF

Optimiser au format PNG

Utilisation de l’Outil Tranche

Résumé

Réaliser une page Internet

Configurer un site et l’espace de travail en local

Définir un site local

Définir un site distant

Paramétrage de site distant pour des codes FTP

Construction d’une page

Création de la page

Intégration du contenu

Créer des liens

Hiérarchiser le contenu

Regarder dans les coulisses de la page

Mettre en forme le contenu (création et application de styles propres à la page)

Paramétrer les en-têtes de page (titre)

Tester, prévisualiser dans un navigateur/paramétrer la liste des navigateurs

Mettre en ligne

Travailler avec les images

Insérer une image

Modifier et optimiser  une image avec Dreamweaver

Créer une image d’arrière-plan

Créer une image survolée  (roll-over)

Aligner une image

Créer et modifier une zone réactive

Espace réservé de l’image

Résumé

Ajouter du style aux pages

Comment fonctionnent les styles CSS

Ce que permettent de faire les styles CSS

Personnaliser les balises avec des règles CSS

Personnaliser les balises avec l’attribut classe

Redéfinir des balises avec l’attribut ID

Définir des styles CSS du type composé

Modifier un style

Utiliser les styles CSS pour toutes les pages du site

Comprendre le panneau Styles CSS

Découvrir les différentes règles CSS

Exercice de mise en forme avec des règles CSS

Utiliser d’autres polices de caractères grâce à Google Font directory

Résumé

Structurer la réalisation de ses pages

Utiliser les mises en page de Dreamweaver

Créer une page avec une mise en forme prédéfinie

Modifier la mise en forme CSS dans le mode Inspecter

Créer un modèle de page avec Dreamweaver

Créer un modèle de page à partir d’une page existante

Définir une zone modifiable

Appliquer un modèle

Modifier un modèle de page

Travailler avec les tableaux

Définition

Insérer un tableau

Paramétrer le tableau

Agencer le contenu

Fusionner et diviser les cellules

Ajouter/supprimer des lignes et des colonnes

Insérer un tableau d’un autre programme

Trier le contenu d’un tableau

Insérer des tableaux dans les cellules (tableaux imbriqués)

Tracé de l’image

Travailler avec les éléments PA (position absolue)

Créer un élément PA

Travailler avec des fragments de code

Insérer un fragment de code

Modifier un fragment de code

Définir un fragment de code

Créer une bibliothèque d’objets

Insérer un élément de la bibliothèque dans une page

Modifier un élément de la bibliothèque

Détacher un élément de la bibliothèque dans une page

Résumé

Dynamiser son site avec les widgets Spry 

Créer un menu déroulant (barre de menus Spry)

Réaliser une barre de menus

Personnaliser la barre de menus

Création d’un widget panneaux à onglet  Spry

Réaliser des panneaux à onglet

Personnaliser les onglets

Création d’un widget accordéon 

Insérer un widget accordéon

Personnaliser le widget accordéon

Création d’une info-bulle 

Modifier l’aspect de l’info-bulle

Utiliser les validations Spry

Résumé

Animer le contenu avec des comportements

Création d’un pop-up

Permuter des images

Création d’une galerie d’images

Créer des effets

Créer un effet d’apparition et de disparition en fondu

Trouver et installer des fonctionnalités supplémentaires

Créer une galerie d’images

Résumé

Rendre son site attractif grâce aux médias

Type de médias

Formats vidéo et audio

Formats audio

Intégrer de la vidéo et du son

Vérifier la présence d’un plug-in

Lier des fichiers audio, vidéo ou PDF

Travailler avec des vidéos Flash (FLV)

Convertir une vidéo au format FLV

Insérer un fichier FLV

Intégrer une vidéo YouTube/DailyMotion/Vimeo

Formats interactifs

Flash et Dreamweaver

Applet Java et ActiveX avec Dreamweaver

Résumé

Réaliser des formulaires

Comment fonctionne un formulaire

Éléments de base pour un formulaire HTML

Ajouter des champs et des zones de texte

Ajouter des boutons radio et des cases à cocher

Ajouter des listes déroulantes

Ajouter des boutons de validation

Faire un champ de formulaire masqué

Faire un menu de reroutage

Faire fonctionner un formulaire

Résumé

Travailler avec des CMS comme WordPress, Joomla et Drupal

Pourquoi utiliser Dreamweaver alors ?

Installation de WordPress et définition d’un site en local

Installer WordPress sur votre ordinateur

Définir un site local avec Dreamweaver

Indicateur de code spécifique à WordPress

Modifier la mise en forme de votre thème WordPress

Afficher des pages en mode Affichage en direct

Mode Inspecter

Résumé

Référencer son site

Insertions des en-têtes

Ajouter un titre

Ajouter une description

Ajouter des mots clés

L’adresse de votre site

Bien structurer le contenu

Bien rédiger les textes

Bien nommer les documents

Poids de la page

Ajouter des liens internes et des liens externes

Les liens externes : backlinks

Les outils Google

Outils pour les webmasters 

Google Analytics 

Google Alertes

Soumettre un plan de site (lien)

Mise à jour

Web social

Résumé

Index