 Imprimer cette page
Votre première page Internet
Pourquoi créer une "SIMPLE" page Internet ? Pour vous donnez une idée de comment est former l'ossature des pages sur Internet. Cette exemple vous donnera une idée de comment est composée une page de site Web par exemple.
Attention on ne va pas crée une page de pro ou un site complet, juste une petite page de rien du tout, e tout en code "HTML" \\ C'est ce qui compose un page Web
voir dans le dictionnaire
Commencer déjà par ouvrir un éditeur de texte quelconque, dans mon cas je vais utiliser Notepad* qui équipe les produits Microsoft, vous devriez l'avoir sous la main si vous utilisez le système d'exploitation Windows. Une fois ouvert, nous allons écrire du texte à l'intérieur :) étonnant non ? Faite comme moi et recopier ces étranges caractères suivants :
(Ne pas recopier le texte en bleu qui est une explication pour vous)
<HTML> \\ Définit le code utilisé
<HEAD> \\ En français ceci signifie la "tête" pour nous le début de page
<TITLE>Page de test</TITLE> \\ équivaut au "titre" de votre page ici Page de test
</HEAD> \\ Fermeture de la balise "tête" c'est à dire que l'entête de notre page est terminer
<BODY><CENTER> \\ Body= "Corps" de votre page et Center pour "centrer" votre texte au milieu de la page
<H2>Bienvenue sur mon site !</H2> \\ Votre texte principal ici <H2> le met en caractère gras
<P> test</P> \\ Seconde ligne de votre texte
</BODY></CENTER> \\ Fermeture du "corps" et du centrage
</HTML> \\ Fermeture final de votre page html
Remarque : à chaque fermeture de balise on introduit l'élément / (slash) pour signaler une fermeture.
2. Pour résumer
Vous devriez avoir ça sur votre page de votre traitement de texte si vous avez bien tout suivie
<HTML>
<HEAD>
<TITLE>Page de test</TITLE>
</HEAD>
<BODY><CENTER>
<H2>Bienvenue sur mon site !</H2></CENTER>
<P> test</P>
</BODY></CENTER>
</HTML>
3. Enregistrer
Essayer de les disposées de façon identique afin que vous compreniez et que tous ne sois pas mélangés. Voila vous êtes devant des drôles de symboles n'est ce pas? Et bien vous venez de crée un page Internet du premier coup :). Vous me dirai mais euh.. Ah bon ? Il faut juste que vous enregistriez votre fichier texte. Lisez bien c'est important ici. Au moment d'enregistrer votre document, faite fichier, enregistrer sous, et intituler OBLIGATOIREMENT l'extension votre document en .html comme ceci:
Le faite de mettre l'extension .html à votre nom de fichier signifie à votre traitement de texte que vous avez fait du code "html" et il l'interprétera donc en "html" quand vous l'ouvrirai avec un navigateur comme Internet Explorer par exemple.
Une fois ma page enregistrée sur le bureau par exemple, je clique dessus:
Et voici le résultat:
Voir l'exemple ici
Après guise à vous de modifier le texte et d'épater vos collègues au travail :). Bien sur, d'autre type de balise existe, un page Web ne se résume pas à 8 lignes. Je vous invite à lire les explications sur le rôle des balises en html.
* Allez dans Démarrer, Tous les programmes, Accessoires, Notepad
Astuce: Quand vous êtes sur une page Internet, faite un clique droit dessus (si le site l'autorise) et mettez affichez la source. Cette astuce vous affichera le code source de la page Web en question.
|
Accueil - 
E-mail - 
Dictionnaire 
