Outils du Webmaster - HTML, les règles de base

Des liens, des conseils et autres astuces pour Webmaster...

Membre de Click-FR®, Réseau francophone Paie-Par-Click

.: Accueil :: La Boutique:: Nos Bannières :: Soutenez-nous :: Livre d'or :: Annuaire :: Recommandez-nous :.


	.: Votre Espace :.
	.: Le Forum :. .: Le TOP GAINS :. .


	.: Ressources :.
	.: Avatars :. .: Bannières :. .: Boutons :. .: Textures :. .: Wallpapers :. .


	.: HTML Débutant :.
	.: Règles de base :. .: Texte :. .: Images :. .: Liens :. .: Tableaux :. .


	.: Régies Publicitaires :.
	.: Lexique :. .: Affichage/CPM :. .: Clic/CPC :. .: Formulaire/Lead :. .: Vente :. .


	.: Services Gratuits :.
	.: Offres Multiples :. .: Forums :. .: Sites et Blogs :. .: Newsletters :. .: Contenus Gratuits :. .


	.: Internet Rémunéré :.
	.: Emails et Clics :. .: Barres de Surf :. .: PTP :. .: Loteries Gratuites :. .: Jeux Gratuits :. .


	.: Référencements :.
	.


	.: Offres ADSL :.
	.: Internet : Orange :. .: TELE2 Box :. .: Neuf - ADSL :. .: :. .: Rubrique :. .


	.: Partenaires :.
	.: * :. .: * :. .: * :. .: * :. .


	.: Publicité :.



	Design by Netwebmasters.fr.st .

Présentation de la Rubrique :
"HTML débutant - Les Règles de base"

Qu’est-ce que le HTML ?
Le HTML (Hypertext Markup Language) est utilisé pour élaborer les pages web, c’est un langage de programmation. Il vous permet de structurer les pages de votre site en listes, paragraphes, tableaux, et d’y incorporer du texte, du son, des images et des vidéos.

Pourquoi choisir de débuter avec le HTML ?
C’est à la fois un outil de base indispensable et les rudiments ne sont pas très difficile à apprendre.

Que dois-je faire pour commencer à créer mon site web ?
Pour bien faire, vous devez suivre les étapes suivantes, l’ordre est quelque peu aléatoire car vous pouvez très bien commencer à chercher un hébergeur avant de commencer l’élaboration de votre site. Dans tous les cas, vous devez avoir un accès à Internet via un FAI (fournisseur d’accès à Internet, exemple Orange.fr ou AOL)

1- Etablissez le plan de votre futur site sur une feuille de papier, c’est une étape indispensable pour créer un bon site Web.

2- Choissisez un logiciel pour créer vos fichiers HTML (ou pages HTML), du type NamoWebEditor ou Dreamweaver, voir ce lien.
Un tel logiciel vous permettra de créer plus facilement vos pages Web, cependant, il est nécessaire de connaître les bases du HTML pour rectifier les petits bugs qui adviennent de temps en temps avec les logiciels de création de site.
Sinon, vous pouvez également utiliser le Bloc-notes (Windows), le TextEdit (Mac) ou le KEdit (KDE), très certainement disponible sur votre ordinateur. N'oubliez pas de sauvegarder vos fichiers HTML sur votre disque dur, tout en prenant soin de bien les classer dans l’ordre que vous avez défini en élaborant le plan de votre futur site.
La page d’accueil d’abord puis les autres pages ensuite.

3- Créez vos fichiers images.

4- Reliez par des liens (url) vos images à vos fichiers HTML et créez votre menu ou barre de navigation pour relier vos fichiers HTML entre eux. Avec un logiciel de création de site, cette étape est extrêment simplifiée surtout pour les menus de navigations.

5- Si vous utilisez un logiciel pour créer vos fichiers HTML, testez la navigation entre les différentes pages de votre site sur votre ordinateur.

6- Vous devez impérativement trouver un serveur qui hébergera votre site sur le Web. La plupart du temps, votre Fai (Orange.fr, AOL) vous propose un espace d’hébergement gratuit pour votre site Web (100 Mo environ).

7- Ensuite, vous devez transférer vos fichiers HTML depuis votre ordinateur sur votre serveur Web. Cette opération s’effectue grâce un gestionnaire de site (ou FTP : File Transfert Protocole ou Protocole de transfert de fichiers), il est généralement inclus dans vos logiciels de création de site Web (NamoWebEditor par exemple).

8- Effectuez un dernier contrôle de navigation et d’affichage des différentes pages de votre site mais cette fois-ci faites-le sur votre navigateur Internet.

9- L’étape suivante n’est pas la plus simple, il s’agit de faire connaître votre nouveau site aux autres internautes.
Cette étape sera expliquée dans la rubrique "référencement".

Si vous avez des doutes, des suggestions ou des questions concernant cette rubrique, n’hésitez pas à les poser sur le "forum Outils du Webmaster".

.: Publicité 468x60 :.

Vos premiers pas en HTML

Votre première page HTML - étape 1

Pour commencer, effectuez un copier/coller de ce qui suit sur votre fichier HTML.
Vous apporterez les modifications nécessaires au fur et à mesure...

<html> <head> <title>Ma première page HTML</title> </head> <body>  <h1>Ma première page HTML</h1> <p> <hr> <p> Bienvenue sur ma première page HTML. <p> Elle n'est pas très remplie pour le moment mais tout advient à qui sait attendre. <p> Voici une photo de Chat ! <br>  <img src="http://voila.net/outilsduwebmaster/pics/lechat.JPG" border="0" width="320" height="240" alt="La photo d'un chat"> <p> A présent, vous êtes déjà arrivé à la fin de ma première page HTML. <p> A bientôt ! <p> <script type="text/javascript"> //<![CDATA[ if (typeof _gstat != "undefined") _gstat.audience('','confirme-voila.net'); //]]> </script> </body> </html>

-->> Regardez le résultat ! <<--

Quelques Explications

<html> Début du code HTML de votre page... <head> Début de la balise "head", c'est l'en-tête de votre page, nous verrons sont utilité plus tard.
INFO PRATIQUE :
Les balises distinguent les documents ordinaires des documents HTML. Une balise est un mot clé enfermé entre deux chevrons < et >. La grande majorité des balises vont par paire, une au début (c'est la balise initiale) et une autre à la fin (balise terminale). Dans la balise terminale le mot clé est toujours précédé par un slash "/".
En exemple: <head> et </head> <title>Ma première page HTML</title> Vous indiquez entre les deux balises "title" le titre de votre page, il sera ainsi visible par les internautes dans leurs navigateurs Internet. </head> Fin de la balise head. <body> La balise "body" indique le début du corps de contenu de votre page Web.  Ce texte n'est pas visible par vos visiteurs, c'est une indication qui vous sert généralement de repère sur votre page Web. <h1>Ma première page HTML</h1> "h1", "h2", "h3", "h4", "h5" et "h6" sont des balises pour les différents titres de votre page. Vous ne pouvez pas aller au delà de "h6", "h7" n'existe pas. <p> La balise "p" indique le début d'un paragraphe ou un saut de ligne avec un espace. Elle peut se passer de sa balise terminale "/p". <hr> La balise "hr" indique un filet. On peut gérer son épaisseur et sa longueur. Elle ne possède pas de balise terminale. <p> Nouvelle balise "p" indiquant un espace. Bienvenue sur ma première page HTML. <p> Elle n'est pas très remplie pour le moment mais tout advient à qui sait attendre. <p> Voici une photo de Chat ! Votre texte principal. <br> La balise "br" indique un saut de ligne sans espace contrairement à la balise "p".  <img src="http://voila.net/outilsduwebmaster/pics/lechat.JPG" border="0" width="320" height="240" alt="La photo d'un chat"> La balise "img" indique l'insertion d'une image, vous pouvez lui assigner plusieurs attributs tels que : "src", "border", "width", "height", "alt"..etc. elle ne possède pas de balise terminale
INFO PRATIQUE :
Définition des attributs les plus utilisés de la balise "img". "src" indique le lien (url) de votre image ; "border" indique l'épaisseur de la bordure de votre image, "0" signifie aucune bordure ; "widht" désigne la largeur en pixels de votre image ; "height" indique la hauteur en pixels de votre image ; "alt" indique la légende ou le titre de votre image lorsque l'on passe dessus avec le curseur de sa souris. Fin de la balise "body", ce qui met un terme au contenu de votre page Web. Fin du code HTML de votre page...

.: Les Autres Rubriques :.

.: Texte :. .: Images :. .: Liens :. .: Tableaux :.

.: Publicité 468x60 :.