Créer un site web XHTLM et CSS
Les pages web étant écrites nous sommes prêts pour la diffusion
La figure ci-contre représente notre dossier complet.
La page d'accueil est nommée index.htm et les images nécessaires aux pages sont dans le dossier images.
Les autres pages sont au même niveau que la page d'accueil ainsi que la page style.css qui regroupe l'ensemble des codes CSS nécessaires à la présentation des pages web.
Ainsi nous avons les pages contenu.htm, navigation.htm et diffusion.htm. Les dossiers ayant le même nom que les pages sont destinés à recevoir les images spécifiques à ces pages.
La liaison avec la feuille de style est faite avec la balise "link" qui insérer dans chaque page :
‹link rel="stylesheet" type="text/css" href="style.css" /›
Dans le cas ou une feuille complémentaire est créée et mise dans le dossier diffusion par exemple nous aurions alors pour cette page :
‹link rel="stylesheet" type="text/css" href="../diffusion/style.css" /›
les "../" indiquent que la feuille de style est au niveau inférieurDans le cas ou nous souhaiterions mettre la feuille de style dans le dossier images par exemple, soit in niveau supérieur nous aurions :
‹link rel="stylesheet" type="images/text/css" href="style.css" /›
Pour le transfert des pages vers le serveur nous avons deux possibilités :
- Utiliser HTLM-Kit
- Utiliser Firefox et son module complémentaire FireFtp
Transfert avec HTLM-Kit
Vous devez d'abord entrer les informations utiles au transfert.
Pour cela allez dans Windows puis Workspace Windows.
Une fenêtre avec tous les "files" s'ouvre sur la droite.
Cliquez droit dans cette fenêtre et sélectionnez :
Add/Remove Ftp/folder puis Add FTP Server
Dans la fenêtre qui s'ouvre vous entrez les informations suivantes :
- L'adresse du serveur FTP
- Votre login
- Votre mot de passe
- L'adresse du serveur est proposée par défaut pour l'affichage, vous pouvez le changer pour avoir un nom plus significatif.
En cliquant sur le nom du serveur dans la fenêtre Workspace Windows vous serez connecté directement sur le serveur.
Pour transférer la page en cours vous glissez et déposez l'icône jaune en bas à droite dans la fenêtre Workspace Windows ou par click droit dans cette fenêtre vous allez à "Upload".
Transfert avec "FireFTP"
Pour se connecter il faut d'abord créer un compte :
Cliquez sur le bouton en haut à gauche "Create an account.."
Une fenêtre s'ouvre et vous entrez :
- Le nom que vous souhaitez donner au serveur
- L'adresse du serveur
- Votre login
- Votre mot de passe
Le transfert se fait à l'aides des flèches du milieu et cela dans les deux sens (Upload et download).
La solution de transfert avec FireFtp est plus rapide car elle permet les transferts de plusieurs fichiers à la fois.
Liens utiles
Vous pouvez contrôler vos pages XHTLM avec le validateur du w3c
Et aussi votre feuille de style avec le validateur CSS
Pour en savoir plus sur les codes XHTLM, voir le site XHTLM
Un tutoriel indispensable : le site du zéro
© 2008 André Willemijns