|
|
Vous aimeriez apprendre à faire un simple tableau comme celui-ci (le fond le plus large avec motif "gouttes"et le centre avec une légère texture) avec FRONT PAGE EXPRESS ? Au préalable il faut avoir suivi le cours de base pour FRONT PAGE EXPRESS. Ce simple tableau vous permet de faire une belle présentation en mettant une couleur contrastante au centre. Vous pouvez choisir une texture faite avec une tuile, ou juste une couleur. PARTIE 1 -----Préparez vos 2 tuiles (celle du fond et celle du centre) Une tuile peut avoir juste 100x100 et c'est suffisant. Elle couvrira quand même le fond de vos pages. IMPORTANT : vos tuiles doivent avoir des noms courts, sans accent et pas d'espace. Prendre des noms simple comme "tuileor" "carte1" ECT ECT . Sinon vos tuiles peuvent être impossibles à installer dans vos pages. Vous mettez ces 2 tuiles et tout le contenu qui servira dans votre page dans votre dossier déjà préparé pour votre page web. Voici un exemple des 2 tuiles utilisées pour cette page. Si vous voulez les mêmes tuiles que moi, cliquez sur le fond désiré, ou les 2 fonds dans la page ( et non sur mon exemple ) avec le bouton droit de la sous et faire "Enregistrez l'image sous "
-----Ouvrir Front Page Express. -----Sauvegardez immédiatement /Donner un titre à votre page/Cliquer comme FICHIER PS: ici pour comprendre le tout si c'est votre première page. -----Placer le fond comme appris dans la technique de base. (Format/arrière-plan) PARTIE 2 Une fois le fond en place,( celui avec les gouttes dans mon exemple) on AJOUTE UN TABLEAU afin d'y placer le fond gris/bleu dans le centre ------Tableau / insérer un tableau
Faut mettre 1 dans ligne et colonnes. Alignement : CENTRÉ Largeur : 75% Nous pourrions mettre 1 ou 2 dans taille de bordure. CENTRÉ dans alignement.
Un tableau pointillé va apparaître. On voit encore le fond de la tuile avec les gouttes.
Vous cliquez à l'intérieur du tableau pointillé avec le bouton droit de la souris pour y mettre le curseur. Un tableau s'ouvre. Vous cliquez sur Propriété du tableau.
Vous aurez un autre tableau. Si vous voulez mettre une tuile qui se trouve dans votre dossier déjà créé : Vous cochez : Utiliser l'image d'arrière-plan. Ou vous pouvez choisir une couleur d'arrière-plan. La bordure peut se changer de largeur et de couleur ainsi que la largeur du tableau. On peut mettre juste une couleur dans le tableau "dans Couleur d'arrière-plan."
En cliquant plusieurs fois sur ENTER, votre tableau central s'allongera. Pour mettre une image ou du texte au centre de ce nouveau tableau, vous vous servez du petit icône pour bien CENTRER et vous allez dans Insertion /Image pour placer une image centrée.
Vous avez les 2 fonds bien en place
*************************************************** Savoir corriger des codes en regardant la section HTML directement dans FRONT PAGE EXPRESS Il arrive de voir notre page rendue chez notre hébergeur et que les gens ne voient pas un fond ou une image. Il y a 2 raisons pour ça:
Façon de voir nos codes : 1-Dans la section HTML de nos pages 2-Une fois notre page sur le web, on fait : Affichage / Source quand la page est ouverte sur le web.
Une fois la page éditée, si les codes suivants (EN ROUGE) sont visibles,il faut les corriger . <table
border="0" cellspacing="1" width="75%" VOICI COMMENT LES CORRIGER: Quand Front page EXPERT est ouvert sur votre page, il faut aller vérifier à toutes les fois si ces vilains codes ne sont pas présents sur nos pages avant d'aller éditer notre page. La page peut sembler parfaite juste en la regardant, mais en allant dans la SECTION HTML de notre Front Page Express,c'est là que nous allons bien voir.
Vous faites : Affichage / HTML
Après avoir cliqué sur Affichage HTML, ce tableau s'ouvre avec les codes de notre page. Si on a fait une mauvaise manipulation nous aurons ce code d'erreur pour la tuile centrale, l'image qui se nomme tuile1.jpg ( tuile avec l'erreur) Pour l'image : tuile2.jpg (celle du fond) et cadre.jpg, tout est parfait
Il est facile à ce moment là de corriger dans FRONT PAGE EXPRESS: avec le curseur placé sur le code erroné, on efface en "deletant"ou supprimant les codes d'erreur. Et on dit OK quand tout est terminé. Il faut enlever ces codes seulement. Laisser les guillemets: file:///C:/WINDOWS/Bureau/helenoise et juste laisser le nom de l'image qui est "tuile.jpg" dans l'exemple. Une fois nos codes corrigés, voici ce que nous aurons. FAIRE OK
En sachant ce truc, vous allez savoir comment corriger si jamais ça arrive.
Copyright ©2006
. |
