|
Retour à la page index.html
Retournez à la page index.html en cliquant sur l'onglet corespondant, par la suite un clique de souris dans la page pour enlever le bleu de la sélection.
Écrire le texte
Écrivez le texte que vous désirez voir apparaître dans votre page juste en dessous du commentaire "ma page".
Insersion d'image
Cliquez en dessous de votre texte. Appuyez ensuite sur le bouton "Insérer une image", c'est un bouton avec un triangle vert, un cercle jaune et un carré bleu, il est 2 boutons à droite bu bouton "Lien externe" que nous avons utilisé auparavant.
Appuyer sur le bouton du dossier jaune
Dans la fenêtre qui vient de s'ouvrir cliquez sur le bouton avec le dossier jaune ouvert dessus, il est juste en dessous du mot "page" de la phrase du haut "Une image est utilisée comme lien ou pour améliorer l'apparence visuelle de la page web."
Choisissez le dossier
Faites un bouble clic sur le dossier image.
Le dossier de vos images.
Nous sommes maintenant dans le dossier qui contient vos image pour votre site web. Le fait que vos images que vous avez besoin pour votre site ne soit pas là est tout à fait normal. Nous allons bientôt aller les cherhcer.
Trouver vos images
Parcourez les images que contient votre ordinateur, pour ce faire cliquez sur "démarrer" en bas à gauche de votre écran et rendez vous à "mes documents" et ensuite dans le dossier qui contient vos images. Ensuite cliquez une fois sur l'image désiré. Si vous voulez plusieurs images cliquez sur la première image que vous désirez et ensuite enfoncez la touche "Ctrl" de votre clavier, toujours en maintenant enfoncé la touche "Ctrl" cliquez sur les autres images que vous désirez. Si vous sélectionnez une image que vous ne désirez pas faites juste un clic dessous pour qu'elle ne soit plus sélectionné.
Copier les images
Appuyez maintenant sur "Edition" et ensuite "Copier" du dossier de vos images.
Retouner à WebExpert
Fermez votre dossier que vous venez d'utilisé pour sélectionner vos images et retournez à WebExpert. Dans le dossier images faite un clic droit de souris et ensuite cliquez sur "coller".
Sélectionner l'image à utiliser
Cliquez sur l'image que vous désirez voir apparaître dans votre site. Appuyez ensuite sur "OK".
Dimention de l'image
Votre image ne devrait pas être plus large que 550 pixels. Vérifiez la largeur de votre image.
Votre image est-elle trop grande?
Si votre image est trop grande la meilleur solution est de la redimensioner avant de l'utiliser pour votre site. Pour redimentionner votre image il existe plusieurs logiciels pour le faire comme ACDsee. Si par contre vous ne savez pas trop comment vous y prendre une solution simple est de le faire à partir de WebExpert. Votre image gardera la même taille mais sera affiché plus petite dans votre page que vous fabriquez actuellement. Pour ce faire, commencez par mettre un crochet dans la case à gauche de "Maintenir les proportions".
Spécifier la largeur
Spécifiez la largeur de votre image dans la case "Largeur"(pas plus de 550) vous verrez la "hauteur" s'ajuster automatiquement.
Observer le code
Observez le code qui vient de s'insérer. Votre image est entre les deux " à droite de "scr=" et les dimension sont "width" pour la largeur et "height" pour la hauteur, "alt" sert à donner une description à votre image et appuyez sur le bouton "Lien externe".
Appliquer un lien à l'image
Si vous désirez que l'image pointe vers un lien sélectionnez le code de l'image.
Sélectionner le lien
Appuyez sur le bouton avec le dossier ouvert
Dossier parent
Cliquez sur le bouton "Dossier parent" représenté par un dossier jaune avec une flèche verte dessus.
La page du lien
Sélectionnez la page que votre image pointe et cliquez sur "OK".
Lien vers une image
Si le lien sert à agrandir l'image cliquez sur le dossier qui contient l'image.
Tous les fichiers
Vous verrez que votre dossier ne contient rien, c'est normal. Pour faire afficher le contenu du dossier regardez en bas de la boîte qui est ouverte et cliquez sur la flèche vers le bas à droite de type de fichier et sélectionnez tous les fichiers.
L'image du lien
Sélectionnez l'image où pointe le lien et appuyez sur "OK".
Lien insérer
S'il sagit d'un lien vers une page cliquez sur "OK", si c'est une image passez à l'étape suivante.
Cible pour cadre
Comme appris auparavant, faites ouvrir votre agrandissement d'image dans une nouvelle fenêtre avec la fonction cible pour cadre, target blank. Appuyez ensuite sur "OK".
Retour de ligne
Faites un retour de ligne à la fin du code (Nouvelle ligne).
|
