Les étapes de la réalisation d'une page web.

Cliquez pour zoomer sur l'édition de texte.

Le texte est sans doute le premier élément que vous allez vouloir mettre sur la page. L'édition de texte pour le web est assez similaire à celle d'un traitement de texte. Le pointeur indique l'endroit où s'inscrit le texte. Vous le saisissez au clavier et vous faîtes votre mise en page comme dans un traitement de texte. Vous pouvez ainsi modifier la police, la taille, le style, la couleur, ou l'alignement de votre texte. Dans Composer, vous trouverez ces commandes dans le menu "Format ".

Vous pouvez également créer des listes à puces ou numérotées.

Allez, assez de théorie ! Lancez-vous avec l'exemple qui suit :

Tapez tout d'abord votre titre :

"Bienvenue sur ma page Web"

Pour passer à la ligne, tapez sur la touche "Entrée".

Ecrivez ensuite votre premier paragraphe :

"Ceci est ma première page web !"

Puis votre second (et dernier déjà !!), après être passé à la ligne une seconde fois :

"Au revoir et à bientôt !"

Pour insérer une image dans votre page, vous devez vous assurer qu'elle est dans un format compatible avec la publication sur le web. Les deux formats les plus couramment utilisés sont les formats .gif et .jpg. Vous devez ensuite mémoriser son nom et son emplacement sur votre disque dur. Placez ensuite le curseur à l'emplacement où vous souhaitez la voir apparaître.

Puis, sélectionnez la commande Image dans le menu Insérer. Cela ouvre une fenêtre "Propriétés de l'image ". Choisissez l'onglet "Image ". Dans la première rubrique, cliquez sur "Choisir le fichier ", sélectionnez l'image que vous voulez insérer, et cliquez sur "OK ". Cliquez une seconde fois sur "OK" dans la fenêtre "Propriétés de l'image " : votre image s'affiche alors sur la page.

Cliquez pour zoomer sur l'édition de texte et d'image

Votre page s'est maintenant enrichie mais elle se présente toujours sur un fond obstinément blanc. Heureusement, vous pouvez sans problème créer un fond plus attractif. Pour cela, cliquez avec le bouton droit de votre souris sur le fond de la page blanche, et sélectionnez la commande "Propriétés de la page " dans le menu qui s'affiche.

Sélectionnez l'onglet "Couleurs et arrière-plan ". Si vous voulez donner une couleur à la page, choisissez votre couleur dans la palette accessible en cliquant sur le bouton "Arrière-plan ". Si vous voulez afficher une image ou un motif, sélectionnez le en cliquant sur "Choisir le fichier " dans la rubrique "Image d'arrière-plan ". Cliquez ensuite sur "OK " : votre fond s'affiche en arrière-plan !

Nous allons maintenant créer un lien hypertexte vers un autre site internet. Sous votre premier paragraphe, écrivez donc ce qui suit:

"Et si vous alliez voir mon site web préféré ? C'est parti !"

Sélectionnez ensuite "C'est parti !". Puis, sélectionnez la commande Lien dans le menu Insérer. Cela ouvre une fenêtre "Propriétés des caractères ". Choisissez l'onglet "Lien ". Dans la fenêtre "Lier à ", écrivez l'adresse internet complète du site web vers lequel vous voulez renvoyer le lien, puis cliquez sur "OK ". Le texte "C'est parti !" s'affiche alors avec une mise en forme particulière (souvent en couleur et souligné). Lorsque vous le survolez avec votre curseur, celui-ci change de forme (il prend traditionnellement celle d'une main). Ceci vous indique qu'une interactivité est programmée sur ce texte : en l'occurrence, lorsqu'un utilisateur cliquera sur ce lien, il ira directement sur la page que vous avez choisie.

Voilà, votre première page web est terminée ! Il faut maintenant enregistrer le fichier correspondant en utilisant l'extension .html. Pour cela, cliquez sur "Enregistrer" dans la barre d'outil