Sommaire :
1ère étape : Comment choisir son éditeur HTML ?
2ème étape : Approche vers le monde du HTML...
3ème étape : Améliorez vos pages...
4ème étape : Référencez votre site...
1ère étape : Comment choisir son éditeur HTML ?
La conception de page WEB s’effectue à l’aide de logiciels spécialisés :
Vous pouvez choisir :
- Soit de travailler avec les logiciels DreamWeaver, Front Page, Go Live, Home Page....
- Soit de les écrire directement en langage HTML, à l’aide d’un éditeur de texte (par exemple le bloc note de Windows) ou un éditeur HTML (UltraEdit, EditPlus...).
Vous pourrez ainsi aisément mettre à profit l’espace WEB qui vous est réservé
sur DIXInet en créant vous-même vos pages WEB.
Retour
2ème étape : Approche vers le monde du HTML
Vous souhaitez avoir un espace à vous sur le WEB pour partager vos passions avec le monde entier.
Le moment est venu de vous créer une page WEB !!
La création de pages WEB passe par certaines règles à suivre, détaillées ci-dessous.
Pour cela il y a des règles à respecter :
- Le format des fichiers
Tous les textes doivent être enregistrer en .html ou .htm
Pour exploiter une image, celle-ci doit être enregistrée en .gif ou en
.jpg
Le format des fichiers sonores doit être en Real Audio, Midi ou Wave (.ra .mid
.wav)
- Les pages :
1/ La première page, la page principale ou encore la page d'accueil doit impérativement s'appeler : index.htm (en minuscule).
2/ Les autres pages peuvent porter n'importe quel nom (titre + extension). L'extension des pages est htm ou html.
3/ Les noms de fichiers ne doivent pas contenir d'espaces ou d'accents, ni de caractères spéciaux comme @, ç, / ...
- Rédiger des pages HTML avec un éditeur de texte : (notepad sous windows...)
Les balises BODY définissent la zone du "corps" du document.
C'est entre les balises de début et de fin du "body" que vous insérerez le texte et les balises que le navigateur prendra en compte pour rendre votre page visible par l'utilisateur.
Exemple :
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
Bienvenue sur mon nouveau site...
Bon surf !!!
</body>
</html>
Après cette première étape vous pouvez commencer à écrire votre texte tel que vous le souhaitez. Une fois la rédaction terminée n’oubliez pas de le
sauvegarder avec un nom de fichier au format .htm ou .html.
Vous pourrez ainsi avoir un aperçu de votre travail.
- Les liens hypertextes :
Ils sont la pour vous permettre de naviguer avec plus de facilité. Le langage HTML permet avec l’aide de liens hypertextes de donner des accès à d’autres pages WEB, des images, des sons à partir d’une page donnée. Ils se présentent sous forme de texte souligné ou parfois sous forme d’image sur lesquels vous cliquez avec votre souris.
Il existe plusieurs types de liens comme les liens internes, les liens externes, les ancres et les liens E-mail.
Un lien vers un autre document de votre site doit avoir une adresse relative et non pas en absolue.
Exemple :
3 fichiers a.html et b.html dans un même dossier et une images toto.gif
dans un sous dossier nommé images :
- Lien relatif : <a href="b.html">...</a>
- Lien absolu : <a href="c:\xyz\b.html">...</a>
- Lien relatif vers l'image : <img src="images/toto.gif">
- Lien absolu : <img src="c:\xyz\images\toto.gif">
- Les liens internes :
Ils permettent à l'utilisateur, par un simple click sur un lien hypertexte, de se retrouver à un endroit prédéfinis du document.
Exemple :
<A HREF="nom-du-document.html">le nom du lien</A>
- Les liens externes :
Ils permettent de se connecter sur une autre page (de son propre site ou d’un autre).
Ainsi à l’aide des liens externes vous pouvez diviser votre site en plusieurs pages ce qui peut rendre la visite de votre site très agréable pour les utilisateurs.
Un lien externe se présentera de la manière suivante :
Exemple :
<a href="http://www.dixinet.com">DIXInet, fournisseur d'accès internet gratuit !</a>
- Les ancres :
Les ancres vous permettent de naviguer à l’intérieur même d’une page de votre site. Ce sont aussi des liens (internes) qui vous permettent de vous placer à un endroit précis de votre page.
Exemple :
- Emplacement de l’ancre :
Utiliser la balise <A> accompagnée de l’attribut NAME
<A NAME="#nom-de-l-ancre">texte indiquant la présence d’une ancre</A>
- Point de départ de l’ancre :
Utiliser la balise <A> accompagnée de l’attribut HREF
<A HREF="#nom-de-l-ancre">description du lien</A>
- Les liens E-mail :
Ces liens vous permettent d’envoyer directement un courrier à un destinataire sans avoir à utiliser votre boite de réception personnelle. Après avoir cliqué dessus ce lien ouvre votre logiciel de courrier.
Exemple :
Il faut utiliser la balise <A> accompagnée de l’attribut HREF et de l’extension mailto:
<A HREF="mailto:dixinet@dixinet.com">Hotline de DIXInet</a>
- Les images :
Si votre image se nomme maphoto.gif alors vous devez écrire :
<IMG src="maphoto.gif">
Retour
3ème étape : Améliorez vos pages :
1/ Pour connaître le nombre de consultation de votre page, vous pouvez y installer un compteur.
2/ Pour animer les images de votre page vous pouvez utilisez Microsoft GIF Animator ou Paint Shop Pro Animation Shop.
Retour
4ème étape :
Référencez votre site :
A côté de votre pseudo dans la liste des pages persos une place est réservée à votre logo
et un texte de présentation.
Pour mettre ce logo en place c'est très simple !
Il vous suffit de créer une image (au format GIF ou JPG de moins de 100 Ko) dont les dimensions doivent être de 130 par
40 pixels.
Ensuite, allez dans la rubrique «Créer et gérer ma page perso, Publier mon logo», saisissez votre texte de présentation, sélectionnez
votre logo sur votre disque dur (à l'aide du bouton Parcourir) et cliquez sur «Envoyer !».
Ils seront immédiatement intégrés à la liste despages persos ! Pour le changer ? Même manipulation !
(Cette outils est en cours de construction, nous nous excusons de sa non disponibilité...)
Inscrivez votre site également sur les moteurs de recherche de l'internet.
Retour
Déclarer ma page personnelle
|