Maintenant les choses sérieuses commencent . Soyez très attentifs et ne paniquez pas en voyant les nouveaux termes. Vous vous y habituerez après.
Dans le chapitre précédent je vous avais dit que pour communiquer dans le monde des sites web on utilise le langage html ( devenu le xhtml ). ça n’empêche qu’il y est d’autres langages: le php par exemple, mais nous nous concentrerons sur html. Je vous conseille d’utiliser des éditeurs html ( » Dreamweaver » par exemple) ça vous facilitera beaucoup la tâche, vous n’aurez pas à vous taper tout le code.
Ca ressemble à quoi ce html ?
Voila le squelette d’une page html.
————-
<!DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Transitional//EN» « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd» >
<html xmlns=» http://www.w3.org/1999/xhtml» >
<head>
<meta http-equiv=» Content-Type» content=» text/html; charset=iso-8859-1″ />
<title></title>
</head><body>
</body>
</html>
————-
Comme vous pouvez le voir la page web et au fait des lignes de codes. Toutes les pages web sont formées de cette façon, notez aussi que le contenu de votre page sera placé entre les balises <body> </body>.
Donnons un titre à notre page. Pour cela nous allons glisser » Tutomasters :: Site de tutorial pour webmasters et Webdesigners » entre les balises <title></title>
Ce bout de code va afficher « Tutomasters :: Site de tutorial pour webmasters et Webdesigners» dans la barre de titre en haut de votre navigateur.
Dans notre page ça donne ça
————-
<!DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Transitional//EN» « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd» >
<html xmlns=» http://www.w3.org/1999/xhtml» >
<head>
<meta http-equiv=» Content-Type» content=» text/html; charset=iso-8859-1″ />
<title>Services-Box :: Site de services webmasters et designers</title>
</head><body>
</body>
</html>
————-
il existe plusieurs sortes de balises:
<p> pour écrire un paragraphe,
<table> pour afficher un tableau,
<br /> pour retourner à la ligne,
<img /> pour afficher une image
etc…
Doit on apprendre toutes les balises ?
Si vous voulez taper tout le code vous même, oui. Par contre je vous conseille encore une fois d’utiliser Dreamweaver ( version essai 30 jours ) ou un autre editeur html, car il facilite beaucoup la tâche: vous cliquez sur l’icône tableau et hop voila un tableau, vous cliquez sur l’icône image hop vous insérez l’image que vous voulez, le code html est généré automatiquement.
Je ne vais comme même pas pouvoir vous montrer comment faire votre page avec tous les éditeurs html, j’y mettrai des siècles mais il existe plusieurs tutoriels dans le web pour chaque éditeur html
En ce qui concerne Dreamweaver voici un bon site de tutos » Tuto Dream» . C’est par là que j’ai commencer, vous allez pouvoir manipuler les bases de ce logiciel en quelques jours. C’est pas très compliqué.
N’hésitez pas à lire d’avantage sur les balises html > Par la
Suivant >> Mettre mon site en ligne
----
(2 votes | Moyenne: 1,00/5)
Loading ...
