Au siècle dernier, la mise en page Web était le domaine de quelques professionnels. Les progrès technologiques ont grandement simplifié cette tâche. Désormais, tout internaute peut créer un site Web.
Il est nécessaire
- - progiciel de mise en page web;
- - un éditeur graphique raster pour créer des éléments de conception.
Instructions
Étape 1
Faites une liste des éléments qui seront présents sur le site. Il peut s'agir de composants tels qu'un menu de navigation, un formulaire de recherche, une bannière publicitaire ou d'information, une liste d'amis. Le nom du projet est généralement indiqué en haut de la page, il peut y avoir un menu de navigation horizontal. La partie centrale est affectée au contenu principal du site. Au bas de la page, des compteurs de présence sont généralement placés, des informations de contact pour les commentaires.
Étape 2
Créez une mise en page de site Web dans un éditeur graphique. La tâche principale ici est de déterminer l'apparence des éléments, leur position relative. N'utilisez pas de couleurs trop vives. Une palette de couleurs neutres est mieux perçue. Utilisez un style cohérent pour les blocs. Essayez de rendre la conception aussi conviviale que possible. Évitez les éléments difficiles à implémenter en HTML et CSS.
Étape 3
Enregistrez la mise en page au format bitmap sans perte de qualité. Définissez les éléments de style à restituer à l'aide de HTML. Il peut s'agir de menus, de liens, de tableaux, de formulaires de recherche. Extrayez le reste des éléments de la mise en page et enregistrez-les dans des fichiers séparés. Créez deux documents texte sur votre disque dur. Modifiez l'extension de l'un d'eux en.htm. Il contiendra le code responsable de la position relative des éléments. Le deuxième fichier contiendra les feuilles de style.
Étape 4
Ouvrez le premier fichier dans un éditeur HTML. Placez sur la page des éléments de conception enregistrés précédemment dans des fichiers bitmap. Créez des liens de texte, des tableaux et d'autres éléments qui doivent être rendus en HTML. Les attributs des éléments, tels que la couleur, la taille de la police, la présence de bordures, s'écrivent dans un fichier CSS. Si vous devez animer des éléments de page, utilisez JavaScript.
