Table des matières 1. Editions ENI - Toute reproduction interdite

Transcription

1 Table des matières 1 Introduction L'Internet aujourd'hui...7 Le World Wide Web Consortium et les standards...7 Les logiciels de conception de sites web...7 L'objectif du livre...8 Interface de conception L'environnement système...9 L'écran de démarrage...9 Les espaces de travail...11 Les panneaux...12 Les panneaux importants...18 Les barres d'outils...22 La barre d'état...23 L'environnement de création Définir le site local et distant Le site local et le site distant...29 Créer le nouveau site...30 Le contrôle de version...36 Les paramètres avancés...37 Gérer les sites créés...40 Choisir un site local...41 L'affichage des pages L'affichage des pages dans les navigateurs...43 Les modes d'affichage classiques...49 L'affichage en direct des pages statiques...53 L'affichage en direct des pages dynamiques...54 Les liens en affichage en direct...61 Inspecter la page...62 Les propriétés des boîtes...63 Afficher un site de type CMS...64 Feuilles de style CSS Les standards du web...67 Comment utiliser les styles CSS Créer des styles dans le document actif...69 Créer des styles dans un fichier CSS....75

2 2 Table des matières Gérer la liaison d'une page HTML à un fichier de feuille de style...80 Externaliser des styles définis en interne...85 Appliquer les styles...87 Gérer les styles Supprimer les styles appliqués Les feuilles de style CSS de Dreamweaver La notion de boîte Créer des pages web Créer une nouvelle page web Les paramètres par défaut des nouveaux documents Enregistrer le nouveau document Gérer les pages web créées La mise en forme des pages avec les feuilles de style Insérer du texte Les principes généraux Utiliser des en-têtes Utiliser les paragraphes Utiliser les citations de paragraphe Utiliser le texte pré-formaté Utiliser les listes Connaître l élément HTML utilisé Les autres possibilités d'insertion de texte Éditer le texte Insérer une ligne de séparation Mise en forme CSS des caractères Les principes généraux La mise en forme avec les styles classiques La mise en forme avec les styles CSS La catégorie Type La catégorie Arrière-plan La catégorie Bloc La catégorie Boîte Mise en forme CSS des textes La mise en forme CSS La catégorie Type La catégorie Arrière-plan...158

3 Table des matières 3 La catégorie Bloc La catégorie Boîte La catégorie Liste La mise en forme de la barre horizontale Insérer des tableaux La bonne utilisation des tableaux Insérer un tableau La structure du tableau Afficher un tableau en mode développé Trier un tableau Mise en forme CSS des tableaux Le code HTML et CSS pour les tableaux La mise en forme du tableau La mise en forme de la légende La mise en forme des cellules Insérer des images Les formats d images Le chemin d accès aux images Insérer des images Modifier les images insérées Mise en forme HTML Mise en forme CSS des images Les propriétés CSS utilisées Le flottement Les autres propriétés Un exemple plus complet Insérer des formulaires Utiliser des formulaires L'affichage en direct des formulaires Insérer le formulaire Les objets de saisie Le champ masqué Les objets bouton radio et case à cocher Le menu et la liste Le champ de sélection de fichier...226

4 4 Table des matières Les boutons de gestion du formulaire Un exemple d'un formulaire La validation des formulaires avec les widgets Spry Le widget Spry Validation Spry de champ de texte Le widget Spry Validation Spry de zone de texte Le widget Spry Validation Spry de case à cocher Le widget Spry Validation Spry de sélection Le widget Spry Validation Spry de mot de passe Le widget Spry Validation Spry de confirmation Le widget Spry Validation Spry de groupe de boutons radio Mise en forme CSS des formulaires Les feuilles de style La mise en forme des champs de texte La mise en forme des groupes de champs La mise en forme du menu La mise en forme des boutons La mise en forme du formulaire La mise en forme des widgets Spry Utiliser le panneau Propriétés pour la mise en forme des messages d'erreur Insérer des liens Les liens Les liens dans une même page Les liens vers une autre page du site Créer des liens externes Le menu de reroutage La barre de menus Spry Vérifier les liens dans une page Vérifier tous les liens du site Utiliser des images pour créer des liens Mise en forme CSS des liens textuels Les styles dédiés aux liens La création des styles dédiés Le cache des navigateurs La barre de menus Spry...291

5 Table des matières 5 Éléments multimédias Le multimédia sur le web Insérer une vidéo Flash Insérer une animation Flash Les autres éléments multimédias Composants d'interface Spry Les composants d'interface Spry Le panneau réductible L'accordéon Le panneau à onglet L'info-bulle Les widgets Ajax Mise en page avec les CSS Des feuilles de style pour la mise en page Créer des styles pour les boîtes <div> Afficher les propriétés des boîtes Un premier exemple d'une mise en page en boîtes flottantes Un deuxième exemple d'une mise en page en boîtes flottantes Les éléments en position absolue Les exemples de mise en page de Dreamweaver Bibliothèque des actifs L'utilisation de la bibliothèque des actifs Les actifs d'images Les actifs de couleurs Les actifs de liens externes Les actifs des animations Flash (SWF) Les actifs de scripts Les actifs de bibliothèques Les modèles de documents Des pages aux standards du web Pourquoi utiliser les standards? La référence du code HTML Visualiser le code dans la page Nettoyer le code source HTML Valider le code en fonction des navigateurs...383

6 6 Table des matières Convertir au format XHTML Les nouveaux standards Publication du site Le site local et le site distant Insérer des méta-informations Gérer les fichiers locaux du site Afficher des serveurs local et distant La publication sur le serveur distant Récupérer des fichiers du serveur Synchroniser les fichiers Générer un rapport sur le site Glossaire Index...417