Créez votre premier site web De la conception à la réalisation

Transcription

1 Chapitre 1 : Introduction A. Introduction 17 Chapitre 2 : Les langages A. L objectif 21 B. L HTML L état des lieux Les éléments HTML Les attributs Les caractères Les espaces Les césures Les couleurs 24 C. Les CSS L état des lieux Les sélecteurs La mise en forme La mise en page 26 Chapitre 3 : Les navigateurs Web A. L objectif 33 B. L affichage 33 C. Les plugins 33 1/22

2 D. Les principaux navigateurs Microsoft Internet Explorer Apple Safari Mozilla Firefox Opera Google Chrome Les parts de marché 34 E. Le respect des standards 36 F. Les supports de diffusion Les sites pour écran d ordinateur Les sites pour les petits écrans 38 Chapitre 4 : Le contenu des pages Web A. L objectif 43 B. Le texte Les en-têtes Les paragraphes Les citations Les listes numérotées Les listes à puces Les listes de définitions Les autres types de texte 45 C. La mise en forme du texte Mettre en gras Mettre en italique Mettre en souligné et en barré Les indices et exposants 46 2/22

3 5. Les autres mises en forme 47 D. Les polices de caractères La problématique Les polices génériques 48 E. La taille des caractères La problématique Les unités relatives 49 F. Les liens hypertextes Utiliser des liens Les différents types de liens Les destinations des liens 52 G. Les images Des images optimisées pour le Web La taille des images Les formats pour le Web Les dessins 57 H. Les formulaires L utilité des formulaires Les éléments des formulaires 57 I. Le multimédia Les technologies utilisées L évolution technologique 60 J. L interaction utilisateur La programmation Des exemples 60 K. Les sites Web 63 3/22

4 1. Les sites statiques Les sites dynamiques 63 Chapitre 5 : Les techniques de création A. L objectif 69 B. Créer des sites Web Le développement pur Les éditeurs de code Les logiciels graphiques Les limites des solutions de création 71 C. Les gestionnaires de contenu Des solutions efficaces Les contraintes techniques CMS Made Simple WordPress Joomla! Drupal 75 D. Concevoir le contenu graphique Qui doit le produire? Les photos La vidéo L audio Les animations Le dessin 78 Chapitre 6 : Les différents types de contenu Web A. L objectif 81 4/22

5 B. Les sites de présentation 81 C. Les sites d information 82 D. Les sites marchands 83 E. Les blogs 84 F. Les forums 86 G. Les Wikis 88 H. D autres services de contenu Les flux RSS Twitter Les réseaux sociaux Les newsletters 92 I. L évolution des contenus Dans les sites Les solutions techniques 96 Chapitre 7 : L ergonomie des sites Web A. L objectif 99 B. Quelques définitions L ergonomie L ergonomie des sites Web 99 C. Quelques principes de l ergonomie 100 5/22

6 1. La loi de proximité La loi de similarité Les éléments cliquables 101 D. Quelques conseils en ergonomie L architecture du site L organisation visuelle L'homogénéité de l interface Les habitudes Les boutons et les liens La police de caractères et les liens Aider les visiteurs Une interface rapide Laissez l utilisateur décider 111 E. Quelques idées préconçues La règle des trois clics Les internautes ne «scrollent» pas Les internautes lisent en F, E, Z Un site multimédia et technique 116 Chapitre 8 : Des conseils sur le design A. L objectif 119 B. La qualité professionnelle 119 C. Les chartes graphiques 119 D. Un design adapté à vos visiteurs 120 E. Bien utiliser le multimédia 120 6/22

7 F. L impression des pages 120 Chapitre 9 : La navigation dans les sites Web A. L objectif 123 B. La page d accueil Une navigation compréhensible La page d accueil graphique La page d accueil portail Les pages d accueil intermédiaires Le retour à la page d accueil 131 C. La navigation dans le site Les navigations classiques La barre de navigation principale La barre de navigation secondaire La barre de navigation d accès rapide La barre de navigation d information Les plans des sites Le fil d Ariane 141 D. Le schéma de navigation classique 142 E. Les navigations originales 143 Chapitre 10 : L accessibilité des sites Web A. L objectif 149 7/22

8 B. Le handicap et le Web Des chiffres Les formes de handicap sensoriel et moteur Les solutions logicielles et matérielles Créer un site accessible 150 C. Le cadre légal en France 150 D. Créer des sites accessibles Pour les sites publics Les normes du W3C Le référentiel Accessiweb Les techniques à mettre en place 151 Chapitre 11 : La gestion et la rédaction du contenu A. L objectif 155 B. La gestion du contenu Actualiser le contenu Gérer le flux rédactionnel Proposer un contenu utile La crédibilité du site Les contacts 156 C. Des conseils pour écrire pour le Web La cible du site Faites simple Écrire court Quelques erreurs à éviter La pyramide inversée La règle des cinq W 157 8/22

9 7. L importance des titres 158 Chapitre 12 : Le référencement de votre site Web A. L objectif 163 B. Les moteurs de recherche Utilisation des moteurs Les recherches des internautes Le référencement naturel Les mots-clés 164 C. Les critères in page Les principes Le titre des pages L élément meta description Des URL de page optimisées Des liens explicites Des images optimisées Les éléments d en-tête Les mots en gras La qualité du contenu 169 D. Les critères off page Les principes Les backlinks La réputation 170 E. Analyse de la fréquentation Google Analytics La vue d ensemble Quelques définitions Les autres paramètres de l audience 173 9/22

10 5. Les sources du trafic Le contenu visité 174 Chapitre 13 : L hébergement A. L objectif 177 B. Le nom de domaine Les adresses IP Les noms de domaine Choisir un nom de domaine La syntaxe du nom de domaine Déposer son nom de domaine Disponibilité du nom de domaine 179 C. L hébergement Accéder à Internet L hébergement des FAI L'hébergement gratuit L hébergement professionnel mutualisé L hébergement professionnel dédié 182 D. Les besoins techniques Estimation du projet L espace disque La fréquentation du site La messagerie La sécurité des réseaux Les sauvegardes Le support technique 184 Chapitre 14 : La gestion du projet 10/22

11 A. L objectif 187 B. Les acteurs du projet La gestion de projet Les maîtrises Les métiers 187 C. Les aspects juridiques Les lois en vigueur La déclaration à la CNIL Les mentions légales 190 D. Protéger son site Le nom de domaine Le contenu Le design et la structure L information sur la protection 192 E. La gestion du projet Le cahier des charges Le plan projet La conception La réalisation La recette La mise en ligne 194 Chapitre 15 : Le projet pratique de création d un site Web A. L objectif 197 B. Le choix technologique /22

12 C. Les fonctionnalités La structure du site Le contenu Les commentaires Les photos Les utilisateurs 202 D. Le choix d un thème L apparence du site Les thèmes gratuits Les thèmes payants Les thèmes personnalisés 205 Chapitre 16 : Installer WordPress A. L objectif 209 B. Les serveurs locaux Les serveurs nécessaires Les packages serveurs 209 C. L installation en local sous Windows Télécharger WAMPserver Démarrer les serveurs Créer la base de données Télécharger WordPress Installer WordPress 215 D. L installation en local sous Mac Télécharger MAMP Démarrer les serveurs Créer la base de données /22

13 4. Télécharger WordPress Installer WordPress 219 E. Installer WordPress en local Démarrer les serveurs Démarrer l installation 220 F. Installer WordPress en production 226 Chapitre 17 : La connexion et l administration A. L objectif 229 B. La connexion Démarrer les serveurs Se connecter Se déconnecter 231 C. L interface d administration La connexion Les menus Le tableau de bord Les modules L aide dans WordPress La barre d outils 239 Chapitre 18 : Le paramétrage et la mise en page du site A. L objectif 243 B. Les paramètres généraux Les réglages généraux /22

14 2. La réécriture des URL 244 C. Utiliser le thème Télécharger le thème Arras Installer le thème Arras Installer la traduction 248 D. La classification du contenu Les catégories des articles Créer les catégories pour la mise en page Gérer les catégories La mise en page, les articles et la taxinomie Lier la mise en page aux catégories La catégorie par défaut Évolution des catégories Créer les autres catégories 258 E. La mise en page avec le thème Arras Les colonnes Le style coloré Le pied de page 262 F. Les auteurs 262 Chapitre 19 : Le travail sur les images A. L objectif 267 B. Les images dans le site 267 C. La taille des images /22

15 D. La retouche d images Utiliser Adobe Photoshop Elements Retoucher une image Ouvrir une image La taille de l image Le zoom d affichage 274 E. Éclaircir l image L objectif La luminosité et le contraste La retouche optimisée Le réglage niveau 276 F. Les images sous-exposées L objectif Le réglage 279 G. Remplacer une couleur L objectif Le réglage La sélection Le remplacement 285 H. Atténuer une dominante couleur 286 I. Convertir en noir et blanc 287 J. Supprimer des imperfections 289 K. L optimisation des images La taille des images Recadrer l image Optimiser l image pour le Web /22

16 4. Travailler toutes les images 298 Chapitre 20 : La gestion des images A. L objectif 301 B. Gestion des fichiers Dossier de stockage Administration des fichiers Taille d insertion des images 302 C. La gestion de la bibliothèque Ajouter une image Paramétrer les images Modifier les paramètres des images Supprimer une image Afficher une image 308 Chapitre 21 : La rédaction des articles A. L objectif 311 B. Les types de contenu 311 C. La taxinomie des articles Les catégories Les mots-clés Les pages Gérer les mots-clés 312 D. Créer des articles Ajouter un nouvel article /22

17 2. Saisir le titre La catégorie Les mots-clés L image d illustration Ajouter du contenu 320 E. La mise en forme du texte La mise en forme des caractères La mise en forme des paragraphes Les titres de paragraphe Les alignements de paragraphe Les listes Les paragraphes de citation Les retraits de paragraphe 328 F. Créer des liens dans le contenu 329 G. Les images dans le contenu Insérer une image Modifier une image insérée Supprimer une image insérée 334 H. L extrait des articles 335 I. L auteur de l article 336 Chapitre 22 : La publication des articles A. L objectif 339 B. Enregistrer un brouillon /22

18 C. Afficher un aperçu de l article 340 D. Publier un article 342 E. Changer la publication d un article 343 F. Changer la date de publication Antidater un article Planifier la publication d un article 344 G. Placer un article dans la corbeille 346 H. Gérer les articles Lister les articles Trier les articles Filtrer par date Filtrer par catégorie Filtrer par état Rechercher un article 349 I. Modifier un article La modification La modification rapide 350 J. Supprimer un article Mettre à la corbeille Gérer la corbeille 352 Chapitre 23 : La gestion des pages A. L objectif /22

19 B. La gestion des pages Ajouter une page Rédiger le contenu de la page La publication des pages Gérer les pages 357 C. La gestion des menus L affichage Ajouter un menu Choisir un emplacement Ajouter des pages au menu Gérer les pages dans le menu Afficher le site Créer un menu hiérarchique La page d accueil 363 Chapitre 24 : Les widgets A. L objectif 367 B. Les widgets par défaut 367 C. Gérer les widgets Les emplacements Les widgets présents Supprimer des widgets Modifier l ordre des widgets 372 D. Paramétrer les widgets Le paramétrage des widgets Paramétrer le widget Articles récents Paramétrer le widget Archives /22

20 4. Paramétrer le widget Catégories 375 E. Ajouter un widget 376 Chapitre 25 : Les listes de liens A. L objectif 381 B. Gérer les catégories de liens Créer les catégories Modifier une catégorie Supprimer une catégorie La catégorie par défaut 384 C. Gérer les liens Ajouter un lien Lister les liens Modifier un lien Supprimer un lien 387 D. Afficher les liens Paramétrer le widget Liens 389 Chapitre 26 : Les extensions A. L objectif 393 B. Une galerie d images L objectif Ajouter une extension Créer un article pour la galerie Insérer les images /22

21 5. Paramétrer l extension 402 C. Ajouter un calendrier d événements L objectif Ajouter l extension Ajouter un événement Afficher le calendrier Personnaliser l extension 410 Chapitre 27 : Les commentaires A. L objectif 413 B. Le paramétrage des commentaires Autoriser les commentaires Renseigner son nom et son Être prévenu des nouveaux commentaires Filtrer les commentaires Fermer les commentaires 415 C. Gérer les commentaires Ajouter un commentaire Approuver les commentaires Les commentaires indésirables Mettre un commentaire à la corbeille Répondre à un commentaire Modifier un commentaire 421 Chapitre 28 : Les utilisateurs A. L objectif /22

22 B. Les rôles et les droits 425 C. Gérer les utilisateurs Créer un utilisateur Modifier un utilisateur Supprimer un utilisateur 428 D. La connexion des utilisateurs Un administrateur Un éditeur Un contributeur Modifier son profil 431 Index /22