Créez votre premier site web De la conception à la réalisation (4e édition)

Christophe AUBRY

Les points forts du livre :

Une méthode progressive pour concevoir un site web, de la définition du projet à sa mise en ligne,
Des repères concrets sur les CMS, l’ergonomie, le design, les contenus, le référencement et l’hébergement,
Une mise en pratique pas à pas avec Wix, intégrant des fonctionnalités d’intelligence artificielle pour faciliter la création

Consulter des extraits du livre en ligne Aperçu de la version papier

Niveau Initié à Confirmé
Nombre de pages 460 pages
Parution octobre 2026

Niveau Initié à Confirmé
Parution octobre 2026

Présentation

Créer un site web ne consiste pas uniquement à mettre quelques pages en ligne : il s’agit de présenter clairement une activité, un projet ou des contenus tout en donnant aux visiteurs l’envie de poursuivre leur découverte. Que vous soyez particulier, membre d’une association, artisan, indépendant ou responsable d’une petite entreprise, les outils actuels vous permettent de vous lancer plus facilement que jamais. Mais pour concevoir un site efficace, il faut encore savoir faire les bons choix, organiser ses idées et suivre une méthode.

Ce livre vous guide pas à pas dans la création de votre premier site web, à travers deux grandes parties : une partie méthodologique, pour comprendre les enjeux et les choix à effectuer, puis une partie pratique, consacrée à la réalisation d’un site avec Wix.

Vous commencerez par découvrir ce qu’est un site web, les technologies utilisées, les contenus que l’on peut publier et les principales solutions permettant de créer un site, avec ou sans connaissances techniques. Vous étudierez notamment le rôle des CMS et les fonctionnalités proposées par plusieurs d’entre eux, comme WordPress, Joomla!, SPIP, Bludit ou yHTML, afin de choisir une solution adaptée à vos besoins : gestion des contenus, multilinguisme, droits des utilisateurs, médias ou évolutivité du projet.

Vous apprendrez ensuite à structurer votre site, organiser la navigation, prendre en compte l’ergonomie et soigner le design. Le livre aborde également la rédaction des contenus, le référencement, le choix de l’hébergement, l’évaluation des besoins techniques et le suivi du projet avec les différents intervenants.

Enfin, vous mettrez en pratique ces notions en réalisant un site étape par étape avec Wix, qui intègre notamment des fonctionnalités d’intelligence artificielle pour vous aider à concevoir la structure du site et une partie de ses contenus rédactionnels. Vous disposerez ainsi de tous les repères nécessaires pour mener à bien votre premier projet web.

Caractéristiques

Livre (broché) - 17 x 21 cm
ISBN : 978-2-409-05558-4
EAN : 9782409055584
Ref. ENI : OW4CRESW

Caractéristiques

HTML
ISBN : 978-2-409-05559-1
EAN : 9782409055591
Ref. ENI : LNOW4CRESW

Table des matières

Introduction

Introduction

Les langages

L’objectif
Le langage HTML
1. 1. L’état des lieux
2. 2. Les éléments HTML
3. 3. Les attributs
4. 4. Les caractères
5. 5. Les espaces
6. 6. Les couleurs
Les CSS
1. 1. L’état des lieux
2. 2. Les sélecteurs
3. 3. La mise en forme
4. 4. La mise en page

Les navigateurs web

L’objectif
L’affichage
Les principaux navigateurs
1. 1. Microsoft Edge
2. 2. Apple Safari
3. 3. Mozilla Firefox
4. 4. Opera
5. 5. Google Chrome
6. 6. Les autres navigateurs
7. 7. Les parts de marché
Les supports de diffusion
1. 1. Les sites pour écran d’ordinateur
2. 2. Les sites pour les petits écrans

Le contenu des pages web

L’objectif
Le texte
1. 1. Les en-têtes
2. 2. Les paragraphes
3. 3. Les citations
4. 4. Les listes numérotées
5. 5. Les listes à puces
6. 6. Les listes de définitions
7. 7. Les autres types de texte
La mise en forme du texte
1. 1. Mettre en gras
2. 2. Mettre en italique
3. 3. Mettre en souligné et en barré
4. 4. Les indices et exposants
5. 5. Les autres mises en forme
Les polices de caractères
1. 1. La problématique
2. 2. Les polices génériques
3. 3. Les polices web
La taille des caractères
1. 1. La problématique
2. 2. Les unités relatives
Les liens hypertextes
1. 1. Utiliser des liens
2. 2. Les différents types de liens
3. 3. Les destinations des liens
Les images
1. 1. Des images optimisées pour le Web
2. 2. La taille des images
3. 3. Les formats pour le Web
4. 4. Les dessins
Les formulaires
1. 1. L’utilité des formulaires
2. 2. Les éléments des formulaires
Le multimédia
Les sites web
1. 1. Les sites statiques
2. 2. Les sites dynamiques
3. 3. Le renouveau des sites statiques

Les techniques de création

L’objectif
Créer des sites web
1. 1. Les éditeurs de code
2. 2. Les logiciels graphiques
3. 3. Les limites des solutions de création
Les gestionnaires de contenu
1. 1. Des solutions efficaces
2. 2. Les contraintes techniques
3. 3. Les CMS en exemple
4. 4. Les constructeurs en ligne
Le type de projet
1. 1. Les types d’information
2. 2. L’autonomie
3. 3. L’organisation et l’affichage des contenus
Les types de contenu
1. 1. Les objectifs
2. 2. L’organisation de l’information
3. 3. Les différents contenus
4. 4. Les types de contenu et les CMS
La structure du contenu
1. 1. Les objectifs
2. 2. Les champs de saisie
3. 3. La structure de l’information
4. 4. La saisie de l’information
5. 5. Les types de champs
6. 6. Les options des champs
7. 7. Des exemples de champs de saisie
8. 8. Les champs de saisie et les CMS
La taxinomie
1. 1. Les objectifs
2. 2. L’utilisation de la taxinomie
3. 3. La taxinomie et les CMS
La gestion du contenu
1. 1. Les objectifs
2. 2. Les statuts
3. 3. La publication
4. 4. La corbeille et l’archivage
5. 5. Les versions
6. 6. Les relations
Le workflow
1. 1. Les objectifs
2. 2. Le flux rédactionnel
3. 3. Les droits des utilisateurs
4. 4. La précision des droits
5. 5. Des fonctionnalités importantes
6. 6. Le workflow et les CMS
L'interface d'administration
1. 1. Les objectifs
2. 2. Une interface efficiente
3. 3. L’interface de gestion
4. 4. La personnalisation
5. 5. L’éditeur de texte
6. 6. La mise en forme en markdown
7. 7. L’interface et les CMS
La gestion des médias
1. 1. Les objectifs
2. 2. Les types de médias
3. 3. L’importation
4. 4. La médiathèque
5. 5. Le traitement des images
6. 6. La gestion des médias et les CMS
L'apparence du site
1. 1. Les objectifs
2. 2. Les différents types de thème
3. 3. La personnalisation des thèmes
4. 4. Les thèmes et les CMS
Les fonctionnalités spécifiques
1. 1. Les objectifs
2. 2. Le choix des extensions
3. 3. La compatibilité
4. 4. Les extensions et les CMS
Les sites multilingues
1. 1. Les objectifs
2. 2. L’interface d’administration
3. 3. L’accès au multilinguisme
4. 4. Le processus du multilinguisme
5. 5. La taxinomie
6. 6. La structure du contenu
7. 7. Les extensions
8. 8. Les visiteurs
9. 9. Le multilinguisme et les CMS
Le multisites
Le socle technique
Le référencement
Choisir un CMS
1. 1. La licence
2. 2. Les coûts
3. 3. Les communautés
4. 4. La pérennité
5. 5. Les CMS et leur cible principale
6. 6. Les besoins
7. 7. Les fonctionnalités indispensables
8. 8. Un artisan
9. 9. Une librairie
Concevoir le contenu graphique
1. 1. Qui doit le produire ?
2. 2. Les photos
3. 3. La vidéo
4. 4. Les applications pour le web et les réseauxsociaux

Les différents types de sites web

L’objectif
Les sites de présentation
Les sites d’information
Les sites marchands
Les blogs
Les forums
Les Wikis
L’évolution des contenus

L’ergonomie des sites web

L’objectif
Quelques définitions
1. 1. L’ergonomie
2. 2. L’ergonomie des sites web
Quelques principes de l’ergonomie
1. 1. La loi de proximité
2. 2. La loi de similarité
3. 3. Les éléments cliquables
Quelques conseils en ergonomie
1. 1. L’architecture du site
2. 2. L’organisation visuelle
3. 3. L’homogénéité de l’interface
4. 4. Les habitudes
5. 5. Les boutons et les liens
6. 6. La police de caractères et les liens
7. 7. Aider les visiteurs
8. 8. Une interface rapide
9. 9. Laisser l’utilisateur décider

Des conseils sur le design

L’objectif
La qualité professionnelle
Les chartes graphiques
Un design adapté à vos visiteurs
Bien utiliser le multimédia
L’impression des pages

La navigation dans les sites web

L’objectif
La page d’accueil
1. 1. Une navigation compréhensible
2. 2. La page d’accueil graphique
3. 3. La page d’accueil horizontale
4. 4. La page d’accueil portail
5. 5. Les pages d’accueil intermédiaires
6. 6. Le retour à la page d’accueil
La navigation dans le site
1. 1. Les navigations classiques
2. 2. La barre de navigation principale
3. 3. La barre de navigation secondaire
4. 4. La barre de navigation d’information généraleet légale
5. 5. Les plans des sites
6. 6. Le fil d’Ariane
Le schéma de navigation classique
Les navigations originales

L'accessibilité des sites web

L'objectif
Le handicap et le Web
1. 1. Les personnes en situation de handicap
2. 2. Les différents types de déficiences
Les référentiels et la réglementation
1. 1. Le référentiel au niveau mondial
2. 2. Le cadre réglementaire dans l’Union européenne
3. 3. Le cadre réglementaire en France
4. 4. Le cadre réglementaire au Luxembourg
5. 5. Le cadre réglementaire en Belgique
6. 6. Le cadre réglementaire en Suisse
7. 7. Le cadre réglementaire au Canada
8. 8. Le cadre réglementaire en Afrique francophone
Les aides matérielles et logicielles
Les contenus accessibles
1. 1. Les principes généraux
2. 2. Les contenus textuels
3. 3. La navigation dans le site
4. 4. Les illustrations des pages
5. 5. Les vidéos
6. 6. Les formulaires
Mettre en place une navigation au clavier
Exploiter le zoom et les agrandissements d'écran
Des livres pour aller plus loin

La gestion et la rédaction du contenu

L’objectif
La gestion du contenu
1. 1. Actualiser le contenu
2. 2. Gérer le flux rédactionnel
3. 3. Proposer un contenu utile
4. 4. La crédibilité du site
5. 5. Les contacts
Des conseils pour écrire pour le Web
1. 1. La cible du site
2. 2. Faire simple
3. 3. Écrire court
4. 4. Quelques erreurs à éviter
5. 5. La pyramide inversée
6. 6. La règle des cinq W
7. 7. L’importance des titres

Le référencement de votre site web

L'objectif
Les moteurs de recherche et l’utilisation de l’intelligence artificielle
1. 1. L’utilisation des moteurs de recherche classique
2. 2. Utiliser l’intelligence artificielle pour le référencementnaturel
3. 3. Effectuer des recherches avec l’intelligence artificielle
4. 4. Évoluer à l’heure de l’Intelligenceartificielle
L'optimisation de son site web pour la recherche
1. 1. Les termes utilisés
2. 2. Comprendre le SEO
Les éléments HTML pour le SEO de votre site
1. 1. Le code composant les pages web
2. 2. L’élément de titre principal dela page
3. 3. L’élément meta description
4. 4. Les éléments de titre dans la page
5. 5. La mise en gras de certains mots
6. 6. Les images de votre site
D'autres paramètres pour le SEO
1. 1. Le maillage interne de votre site
2. 2. Le contenu dupliqué
3. 3. Les fichiers PDF
Les campagnes pour le référencement

L’hébergement

L’objectif
Le nom de domaine
1. 1. Les adresses IP
2. 2. Les noms de domaine
3. 3. Choisir un nom de domaine
4. 4. La syntaxe du nom de domaine
5. 5. Déposer son nom de domaine
6. 6. Disponibilité du nom de domaine
L’hébergement
1. 1. Accéder à Internet
2. 2. L’hébergement des FAI
3. 3. L’hébergement gratuit
4. 4. L’hébergement professionnel mutualisé
5. 5. L’hébergement professionnel dédié
6. 6. L’hébergement sur un serveur privé virtuel
7. 7. L’hébergement sur le cloud
8. 8. La création d’un site en ligne et l’hébergement
Les besoins techniques
1. 1. Estimation du projet
2. 2. L’espace disque
3. 3. La fréquentation du site
4. 4. La messagerie
5. 5. Les sauvegardes
6. 6. Le support technique

La gestion du projet

L’objectif
Les acteurs du projet
1. 1. La gestion de projet
2. 2. Les maîtrises
3. 3. Les métiers
Les aspects juridiques
1. 1. Les lois en vigueur
2. 2. Le Règlement Général surla Protection des Données (RGPD)
3. 3. Les mentions légales pour les sites professionnels
Protéger le contenu de votre site
1. 1. La protection automatique par le droit d’auteur
2. 2. Les preuves de l’antériorité
3. 3. Les Conditions Générales d’Utilisation,CGU
4. 4. La protection technique
5. 5. Les recours en cas de copie
6. 6. Des ressources en ligne
Le cahier des charges
1. 1. Les principes généraux
2. 2. Rédiger un cahier des charges
3. 3. Présenter l’entité
4. 4. Déterminer les cibles
5. 5. Définir les objectifs du site
6. 6. Spécifier les objectifs quantitatifs et techniques
7. 7. Concevoir la charte graphique et le design
8. 8. Élaborer la structure du site
9. 9. Placer les éléments de navigation
10. 10. Maquetter les contenus
11. 11. Lister les utilisateurs et leur rôle
12. 12. Gérer l’accessibilité du site
13. 13. Concevoir un site en Green IT

Créer votre site web avec Wix

Les objectifs
Choisir la technologie
1. 1. La plateforme Wix
2. 2. Les offres de Wix
Créer un compte chez Wix
Commencer la conception du site
Configurer le site
1. 1. Accéder au tableau de bord
2. 2. Acquérir un nom de domaine
3. 3. Valider les informations de contact
Se connecter et se déconnecter
Finaliser le paramétrage du site
1. 1. Les paramètres initiaux
2. 2. Les paramètres du site
3. 3. Les paramètres professionnels et de vente
4. 4. Les paramètres Site, domaine et référencement
5. 5. Les paramètres de la catégorie Général
  1. a. Le paramètre Informations de l’entreprise
  2. b. Le paramètre Langue et région
6. 6. Les paramètres Communications et notifications
  1. a. Spécifier une adresse e-mail
  2. b. Personnaliser les mails
7. 7. Paramétrer les notifications entrantes etsortantes
8. 8. Les paramètres Développement etintégrations
Personnaliser l'affichage du site
1. 1. Les techniques de personnalisation
2. 2. Générer le design avec l’IA de Wix
3. 3. Personnaliser le design
  1. a. Les paramètres de personnalisation
  2. b. Personnaliser le profil du site
  3. c. Personnaliser la structure du site
  4. d. Personnaliser la description du site
  5. e. Personnaliser le thème
  6. f. Personnaliser la mise en page
  7. g. Finaliser le design
Modifier des éléments du thème du site
1. 1. L’interface des modifications
2. 2. Ajouter un titre dans la page d’accueil
  1. a. Sélectionner la page d’accueil
  2. b. Insérer un titre
  3. c. Modifier le titre
3. 3. Ajouter un texte dans la page d’accueil
4. 4. Supprimer un élément du thème
5. 5. Ajouter une image à la page d’accueil
  1. a. Insérer l’image
  2. b. Redimensionner et placer l’image
  3. c. Modifier l’image
Enregistrer et publier
Ajouter des éléments de contact à la page À propos
1. 1. Sélectionner une page du site
2. 2. Ajouter une section pour les contacts
3. 3. Modifier la section pour les contacts
4. 4. Modifier la couleur d’arrière-plan de lasection
5. 5. Personnaliser les informations de contact
6. 6. Modifier le formulaire de contact
7. 7. Personnaliser la carte de localisation
8. 8. Prévisualiser la section de contact
9. 9. Modifier directement un élémentd’une page
Modifier la mise en page
1. 1. Connaître les élémentsde mise en page
2. 2. Afficher la structure de la page À propos
3. 3. Déplacer une section
4. 4. Modifier une bande
5. 5. Modifier les colonnes d’une bande
Modifier les pages
1. 1. Les pages existantes
2. 2. Lister les pages générées
3. 3. Modifier certains paramètres d’une page
Gérer une nouvelle page
1. 1. Ajouter une nouvelle page
2. 2. Déplacer la nouvelle page
3. 3. Créer des sous-pages
Gérer le menu de navigation
1. 1. Afficher le menu de navigation principal
2. 2. Gérer les pages dans le menu de navigation
3. 3. Modifier et personnaliser l’affichage du menu
Insérer des médias dans les pages
1. 1. Les différentes techniques
2. 2. Insérer un média dans un contenu
3. 3. Rechercher des médias
4. 4. Importer une image depuis l’ordinateur
5. 5. Insérer une image dans une page
6. 6. Redimensionner et positionner une image insérée
7. 7. Modifier une image insérée
8. 8. Remplacer une image par une autre
Gérer le contenu dynamique du site
1. 1. Comprendre l’utilisation du mode CMS
2. 2. Exploiter le mode CMS
3. 3. Créer une collection
4. 4. Créer du contenu dans la collection
5. 5. Créer une page dynamique pour la liste dela collection
6. 6. Modifier l’affichage des données dynamiques
7. 7. Modifier la mise en page de la page dynamique de lacollection
8. 8. Créer une page dynamique pour le détailde la collection
9. 9. Lier la page de la liste de la collection à lapage des détails
10. 10. Modifier la page dynamique des détails
11. 11. Modifier les liens entre les pages dynamiques de détails
Personnaliser l'en-tête et le pied de page
1. 1. Personnaliser l’en-tête
2. 2. Fixer l’en-tête lors du défilementde la page
3. 3. Personnaliser le pied de page
Prévisualiser et publier le site
1. 1. Prévisualiser les modifications
2. 2. Publier le site

Auteur

Christophe AUBRY

Responsable pédagogique dans un centre de formation et formateur sur les technologies Web et les Arts graphiques pendant plus de quinze ans, Christophe AUBRY est aujourd'hui dirigeant de la société netPlume spécialisée dans la rédaction pédagogique et la création de sites internet. Auteur de nombreux livres et vidéos aux Editions ENI (HTML/CSS, RWD, WordPress, Drupal, Joomla…), il reste au fait des nouveautés concernant la conception des sites web en effectuant une veille technologique régulière. Il est également le créateur de la chaîne YouTube LaTeX et la plume.