ARTICLE DU TUTORIEL

Débutant

5 min

Les étapes du design web

Découvrez les principales étapes d’un projet web : préparation du contenu, représentation filaire de la maquette, création de pages web et publication du site.

1

Préparation du contenu

La préparation d’un contenu de qualité est sans doute l’étape la plus importante du design web. C’est aussi celle qui prend parfois le plus de temps, mais cela en vaut la peine. Une organisation rationnelle de vos contenus améliore la visibilité et l’ergonomie de votre site, tout en accélérant le développement web.

Gardez à l’esprit certains points essentiels : cernez votre public, soyez concis, réfléchissez à la manière dont les autres s’y prendront pour trouver votre site, et faites preuve de logique dans l’agencement de votre contenu.

2

Maquettage

Une représentation filaire est une ébauche, ou une représentation graphique abstraite, de votre site web facilitant la collaboration entre vous et votre équipe durant la phase de planification et de design. Il peut s’agir de simples schémas à main levée pour noter quelques idées ou d’une définition plus complexe de la navigation et des fonctionnalités du site.

Divers outils de représentation filaire sont à votre disposition : stylo et papier, applications logicielles dédiées gratuites ou payantes, voire d’autres applications Creative Cloud telles que Photoshop. Choisissez la méthode et le niveau de détail qui vous conviennent le mieux.

3

Création des pages web

Le moment est venu de passer aux choses concrètes. Pour donner vie à un plan conceptuel, il importe de maîtriser les langages de la conception web. Cette série s’intéressera plus particulièrement aux langages HTML et CSS, et livrera un aperçu de JavaScript.

Le HTML (Hypertext Markup Language) sert à créer la structure générale et le contenu des pages de votre site web. Le CSS (Cascading Style Sheets) permet de définir les propriétés graphiques du contenu d’un site web et de personnaliser la mise en forme. JavaScript est un langage répandu servant à ajouter des fonctionnalités à des pages web et à leur donner une dimension interactive.

4

Publication du site web

Vous êtes prêt à publier votre site web ? À vous de jouer. D’abord, il vous faut un nom de domaine, c’est-à-dire une adresse web. Vous aurez également besoin d’un espace dédié sur un serveur web et des identifiants de connexion correspondants. FTP est un protocole couramment utilisé pour se connecter à un serveur web. Si vous créez un site web pour votre entreprise, vous pouvez obtenir ces informations auprès de votre administrateur web/informatique. Si vous publiez votre propre site, renseignez-vous auprès d’un prestataire d’hébergement web.

Il vous suffit ensuite d’utiliser la fonction Sites pour vous connecter au serveur web et publier votre site directement depuis Dreamweaver.


Contributeur

Tom Buch

7 mars 2022

Essayez ces tutoriels avec Dreamweaver

Créez des pages web modernes en responsive design.