J'ai crée cette page pour que vous puissiez construire vous même vos pages web. Ce n'est pas difficile, je vais essayer de vous expliquer les bases petit à petit, étape par étape.
Suivre les étapes, une à une et comme on dit !!
Tout vient à point à qui sait attendre. Ne pas bruler les étapes.
Il est inimaginable de concevoir un site web sans le moindre caractère de texte. C'est donc pour cela, qu'il vous sera nécessaire lors de votre apprentissage du HTML de savoir maîtriser ce langage.
Le langage html permet de créer des documents indépendants de toute plate-forme et donc particulièrement bien adaptés à des échanges d'informations dans un environnement Web. Ce langage est toujours exprimé dans < des crochets >.
Tout ce qui sera mis entre les crochets < là > sera des ordres, soit écrit en gras soit en italique etc.. Il existe tout un langage de codes à comprendre (pas besoin de les apprendre).
EXEMPLE de langage html :
<IMG SRC="?????.jpg"> = Ordre de mettre une image.
Vous avez à peu près saisi à quoi sert ce langage, nous allons essayer de comprendre ces premiers codes qui (donnent des ordres), pour la construction de la page web.
Nous allons essayer de comprendre les premières bases de ce langage, (juste les visualiser et essayer de comprendre).
4 MOTS ;
<HTML> la fenêtre
<HEAD> la tête
<TITLE> le titre
<BODY> le corps du texte
Pour la création de la page, c'est 4 mots jouent un rôle important.
OBSERVATION :
Regardez la fenêtre de mon site, en haut là ou il y a noté : -- JusTiciEre -- << Mon site >> (sur couleur bleu), hé bien là c'est le titre, puis body c'est ce que vous lisez ici et html c'est tout simplement tout le contour de la fenêtre.
Pour appliquer les premières bases du langage, il vous faut :
*Une page de texte (Word ; Wordpad ; Bloc note)*.L'ouvrir, puis insérer ce code de laguage :
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Après l'avoir inséré, faire FichierEnregistrer Sous comme ceci :
Après l'avoir enregistré, et que votre fichier s'appelle bien (index.html), fermer toutes vos fenêtres et réouvrer le Fichier index.html.
Une fois ouvert vous allez observer le changement de la fenêtre une page blanche avec un texte chinois (lol), ne prêtez pas attention à ce texte (c'est du charabia).
Ensuite toujours sur cette nouvelle page WEB en haut, trouvez Affichage puis
Source, une fenêtre s'ouvre et ici dans cette source vous allez remettre ceci :
Cela y est votre première page web est crée, il ne manque plus qu'à imaginer ce que vous voulez mettre dedans et à le créer (votre espace à vous). Pour cela faites Affichage puis Source. c'est là dedans que vous allez mettre les codes (Entre les balises <BODY> ICI </BODY>).
Nous allons maintenant rester <BODY> ICI </BODY> TOUJOURS
car c'est ici que nous allons maintenant remplir votre page.
Vous allez insérer ces codes à cet emplacement puis ensuite faire Fichier puis Enregistrer, ensuite sur votre page WEB clicker Actualiser et /ou Rafraichir.
Vous allez souvent faire ceci Fichier puis Enregistrer, ensuite sur votre page WEB clicker Actualiser et/ou Rafraichir Entrainez-vous.
- bgcolor : Définit la couleur du fond de l'écran.
- text : Définit la couleur du texte.
- link : Définit la couleur des liens.
- vlink : Définit la couleur des liens déjà visités.
- alink : Définit la couleur des liens activés,
(quand le pointeur de la souris passe dessus).
- background : Définit l'image (gif /jpg) à utiliser comme fond d'écran.
- bgproperties : Définit comme "fixed", l'image de fond ne défile pas
(uniquement avec I.Explorer).
- leftmargin : Définit la largeur de la marge de gauche en pixels.
- topmargin : Définit la largeur de la marge du haut en pixels.
jpg/bmp = image border (bordure) gif = image (animée)
width (largeur) height (hauteur) avi = film
mpeg = video doc = word
xls = excel
• Exemple de plusieurs traits ainsi que leur code source :
<HR> Tirez une règle (trait).
<HR WIDTH=300> Indiquez la largeur de la règle.
<HR WIDTH=50%> Employez un
pourcentage de l'écran (habituellement une meilleure idée).
<HR WIDTH=50% SIZE=5>
Pour ajouter une taille à la règle.
<HR ALIGN=RIGHT WIDTH=60% SIZE=5>
Pour aligner la règle.
<HR WIDTH=150 color="blue" align=left>
Pour la couleur de la règle.
<HR WIDTH=200 color="#9999AA" noshade align=left>
- left : Aligne le texte sur la marge de gauche
- right : Aligne le texte sur la marge de droite
- center : Centre le texte entre les marges
- justify : Justifie le texte
Couleur d'arrière-plan <BODY BGCOLOR="#FFAACC">
Arrière-plan en image <BODY BACKGROUND="non_de_image.jpg">
Couleur du texte <BODY TEXT="#FF0000">
<Font color="FF0000"> Regardez, testez-le </Font>
Couleur des liens <BODY LINK="#FF0000">
Couleur des liens visités <BODY VLINK="#CCAACC">
Liens actifs <BODY ALINK="#AA00AA">
• Pour mettre plusieurs codes à la suite, Exemple :
<CENTER> Centre le texte ici </CENTER>
<I> Met en italique le texte ici </I>
<B> Met en gras le texte ici </B>
<U> Souligne le texte ici </U>
Pour aller à la ligne <BR>
• Pour la taille des écritures :
Très très Gros
<H1>Titre de niveau 1</H1>
Très gros
<H2>Titre de niveau 2</H2>
Gros
<H3>Titre de niveau 3</H3>
Moins gros
<H4>Titre de niveau 4</H4>
Moyen
<H5>Titre de niveau 5</H5>
Petit
<H6>Titre de niveau 6</H6>
<FONT face="Verdana" size=3> Texte ici </Font>
face (la forme de l'éciture)
size (taille des lettres).
