lundi 7 février 2011

introduction en html gratuit


 introduction en HTML

vous avez vu depuis la page principale(formation HTML+CSS )
la définition théorique de ce langage(html),par conséquence on voir danc cet article les chose pratiques que vous avez besoins pour débuter  votre apprentissage.
Vous avez besoin:
· d'un éditeur de texte tout simple comme par exemple le Bloc-notes ou Notepad de Windows ou tout
autre équivalent dans votre système d'exploitation.(voir image)

d'un browser soit Netscape Navigator (payant) que vous pouvez cependant télécharger gratuitement
au site de Netscape (http://home.netscape.com) ou sur les CD de certains mensuels informatiques
soit Microsoft Explorer (gratuit également) à télécharger (http://www.microsoft.com) ou dans les
revues.
http://www.internetbrowsersoftware.net/wp-content/uploads/2010/02/top-best-browsers.jpg

Vous n'avez pas besoin:
· d'être connecté pour écrire, voir et peaufiner vos pages Html.
· d'avoir le dernier éditeur Html sans doute performant mais coûteux qu'il sera toujours temps
d'adopter lorsque vous aurez usé vos petits doigts sur vos premières pages. Nous pensons à Claris
Home Page, Frontpage de Microsoft, Hotdog, Hotmetal, WebExpert ou Netscape Editor ainsi qu'aux
dizaines d'autres éditeurs que vous rencontrerez sur le Web.

http://t1.gstatic.com/images?q=tbn:ANd9GcRVyRJe0AwSJBVegzmLX_jB_unR14kL6qkDHFU9KSBgg0NLzT_NqxoLsg

Conseils au débutant en HTML
Le langage Html étant un ensemble de balises et d'attributs, il nous paraît utile sinon indispensable de les
passer en revue et surtout de les visionner au moins une fois car :
· si les éditeurs Html vous faciliteront grandement la tâche, ils ne sont pas toujours parfaits surtout lors
des modifications, annulations ou suppressions en cours de travail. Il vous faudra bien alors vous
plonger dans le code source pour corriger les dysfonctionnements.
· les codes source de vous pages préférées sont disponibles (et sans copyright). Il est alors possible de
s'en inspirer pour reprendre le procédé sans avoir à réinventer le monde.
· ces mêmes éditeurs Html vous proposeront des termes comme" En-tête, Heading, Cell spacing,
Numered List..." qui sont propres au langage Html.
· vous aurez besoin d'une connaissance.

Le document Html minimum

vous noterez dans le code-source des pages HTML que 1° Une page HTML contient des balises, des "containers", par exemple <instruction> est une balise d'OUVERTURE de code et </instruction> est une balise de FERMETURE de code. Dans ces balises vous inserez des instructions destinées à être interprétées par votre navigateur. Par exemple <html> informe le navigateur du DEBUT de la page HTML et </html> lui indique la FIN de la page HTML.
2° Une page HTML est composée de plusieurs parties :
- la tête qu'on ouvre avec <head> et qu'on ferme avec </head> contient des informations comme le titre, des scripts. Paradoxalement, on peut fort bien écrire une page HTML sans tête et ne pas l'incorporer dans sa page.
- le corps qu'on ouvre avec <body> et qu'on ferme avec </body> contient le corps physique de votre page HTML, c'est-à-dire du texte au kilomètre, des images...
- le tout (head et body) est inséré dans les balises <html> et </html>

Voici vos premières balises ou tags :

<HTML> Ceci est le début d'un document de type HTML.
</HTML> Ceci est la fin d'un document de type HTML.
<HEAD> Ceci est le début de la zone d'en-tête
(prologue au document proprement dit contenant
des informations destinées au browser).
</HEAD> Ceci est la fin de la zone d'en-tête.
<TITLE> Ceci est le début du titre de la page.
</TITLE> Ceci est la fin du titre de la page.
<BODY> Ceci est le début du document proprement dit.
</ BODY> Ceci est la fin du document proprement dit.
3° Pour résumer, une page HTML peut s'écrire ainsi :

<html>
<head>
Dans le head, je mets des informations comme le titre. Regardez le titre de cette page dans la barre de votre navigateur !
</head>
<body>
Dans le body, je mets ce que je veux, du texte, des images...
</body>
</html>

sur votre Éditeur tu peux écrire comme la suite:

j'espère que vous avez retenu cette petite introduction qui va vous ouvrir le chemin vers les cours suivantes.
si vous des questions ou des suggestions n'hésitez de m'envoie vos Email sur l'adresse suivante et je vais vous répondre au plus tôt poussible

Email:Otmani_tc@gmail.com    


Cour suivant









Aucun commentaire:

Enregistrer un commentaire