Passer au contenu

3) Améliorez la présentation

Votre site maintenant créé, il est toujours temps d’en améliorer la présentation afin qu’il soit encore plus agréable à visiter.


1 – Créez un titre qui attire l’oeil

-> Choisir la couleur de fond :Plutôt que de titrer une à une toutes les pages, il est facile de créer une image qui servira de logo au site. Pour cela, nous allons utiliser Paint, livré avec Windows. Activez-le en cliquant successivement, depuis le menu Démarrer, Programmes, Accessoires et Paint.Un document vierge s’affiche alors à l’écran. Sélectionnez Noir dans la palette et cliquez sur le bouton en forme de pot de peinture (colonne de gauche). Cliquez sur le fond blanc du document afin qu’il devienne noir.-> Taper le texte dans sa couleur :Dans la palette des couleurs, choisissez la couleur avec laquelle vous voulez dessiner les lettres du titre (ici, Orange). Sélectionnez l’outil Texte en cliquant sur le bouton représentant la lettre A dans la colonne de gauche. Sous les boutons de cette colonne, deux petits rectangles représentant des formes de couleur apparaissent : sélectionnez celui du dessous.Dessinez un rectangle sur toute la largeur du fond, puis tapez le texte du titre (ici, Aux amateurs de Snowboard). Faites un clic droit sur ce texte et choisissez l’option Sélectionner tout. Recommencez en choisissant Barre d’outils texte. Vous pouvez alors sélectionner la police, la taille et les attributs de votre titre.-> Achever la création du titre :Cliquez ensuite sur le bouton Sélection, et tracez un rectangle autour de votre titre, le plus près possible de celui-ci. Dans le menu Edition, sélectionnez Copier, puis Copier vers. Enregistrez alors votre titre sur le bureau de Windows pour le retrouver facilement. tenez-vous en au format proposé, c’est-à-dire Bitmap 24 bits.-> Enregistrer l’image du titre :Fermez le premier dessin de Paint sans enregistrer les modifications et ouvrez le fichier que vous venez d’enregistrer, à l’aide de la commande Ouvrir du menu Fichier. Dans ce même menu, sélectionnez Enregistrer sous et, cette fois-ci, enregistrez-le au format Gif, dans le dossier images de votre site Web.Vous n’avez plus qu’à insérer cette image en guise de titre dans vos pages.

2 – Mettre le texte en forme

Le texte des pages a été défini par le logiciel, généralement en Times New Roman, corps 10, sans mise en page particulière. Dans chaque page HTML, sélectionnez le texte à mettre en forme. Choisissez ensuite la police, sa taille et ses attributs à l’aide des boutons de la barre d’outils Mise en forme affichée en haut de l’écran. Ici, nous avons mis le texte en Arial 12 points. Appuyez aussi sur le bouton Augmenter l’indentation de la bordure du tableau. Vous pouvez aussi choisir la couleur et les attributs de votre texte à l’aide du bouton A souligné en noir.Toujours en conservant votre texte sélectionné, cliquez dessus avec le bouton droit de la souris et sélectionnez Propriétés du paragraphe. Dans le menu déroulant situé en face d’Alignement, sélectionnez Justifié afin de caler chaque fin de ligne de la même façon.Enregistrez votre page HTML en appuyant simultanément sur les touches Ctrl et S, et faites de même avec le paragraphe suivant.

3 – Affiner la présentation et la taille des images

Pour l’instant, vos images sont placées grossièrement dans la page. Voici comment les mettre en valeur. Dans Namo Web Editor, ouvrez les fichiers dans lesquels vous avez placé des images. Cliquez sur l’une d’elles avec le bouton droit de la souris et sélectionnez Image.La boîte de dialogue Propriétés de l’image s’affiche alors. Dans le champ Valeur Alt, nommez votre image et tapez une courte description. C’est ce qui apparaîtra à l’écran à côté du pointeur de la souris des visiteurs quand il approchera de votre image. Cliquez ensuite sur l’onglet Apparence. Vous pouvez maintenant affiner les multiples réglages de l’image (alignements de l’image par rapport au texte, taille de l’image…). Validez vos réglages en cliquant sur OK.

4 – Créer un lien de contact

Pour créer un lien avec votre boîte aux lettres sur votre page d’accueil, ouvrez index.htm avec Namo WebEditor. Placez le curseur dans la dernière case du tableau de gauche où se trouve le sommaire. Avec le bouton droit, sélectionnez Insérer des lignes ou des colonnes, et cochez OK dans la fenêtre qui s’affiche.Dans cette nouvelle case, tapez Ecrivez-nous, puis sélectionnez ces mots. Appuyez sur F9 pour créer le lien hypertexte. Dans la fenêtre qui s’affiche, sélectionnez mailto dans le menu déroulant situé à côté de Protocole. Dans le champ Adresse du haut de la fenêtre, tapez votre adresse e-mail à la suite de l’expression mailto:. Cliquez sur OK et enregistrez votre page.

🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.


Fabrice Auclert et Emmanuel Genty