| Informatique |
Domi
Site/blog
13 messages
|
posté le 2009-02-12 à 21:28:31
L'informatique peut encore paraître dur pour certain,et plus aisé pour d'autre.Savez vous que vous pouvez de chez vous,faire des blogs,site internet?
Je vais vous donnez une petite pratique et expliquer comment faire un site web.
Tout d'abord,il faut savoir que tout ce que vous encodez équivaux a 0 ou/et 1 pour votre ordinateur,il mettra des 0 et 1 pour un simple mot.
le premier exercice est le suivant
ouvrez votre bloc notes ou wordpad.Ensuite écrivez ce qui suit de la même façon que moi:
<html>
<head>
<title>Publier sur le web</title>
<body bgcolor='red'>
</head>
</html>
Enregistrer sous un dossier en format "txt"
ensuite,faite un clic droit sur votre épreuve et renommer le en format "html"
ouvrez votre épreuve avec votre navigateur et si vous avez une page rouge portant le titre "Publier sur le web",vous avez réussi votre épreuve.
|
|
Domi
Site/blog
13 messages
|
posté le 2009-02-21 à 14:44:43
Aujourd'hui,il existe des programmes qui vous font votre site/blog automatiquement.Ce que je vous montre est comment on les créait avant ces programmes.Avant de passé à l'exercice suivant,je vais vous donner les balises courantes ainsi que leur rôle et un exemple pour vous familiarisez avec les balises HTML.
Balise a,son rôle-lien,exemple- <a href=<<http://www.rtbf.be>>Site RTBF</a>
Balise b,mettre en gras,<b>texte en gras</b>
Balise body,corps du document,<body>...</body>
Balise br,passer à la ligne suivante,</br>
Balise center,centrer,<center>centrer le texte</center>
Balise em,mettre en valeur du texte,<em>texte mis en valeur</em>
Balise font,modifier le style (couleur,police,taille)du texte inclus,<font color='red'>texte en rouge</font> et <font size='6'>texte en taille 6 </font>
Balise h1,2,3,4,5,6:définir un titre:<h1>titre important</h1>,<h6>titre moins important</h6>
Balise head:entête du document:<head>...</head>
Balise hr:insérer une ligne horizontale:<hr/>
Balise html:élément racine du document:<html>...</html>
Balise i:mettre en italique:<i>texte en italique</i>
Balise img: insérer une image:<img src='mon_image.gif'>
Balise li: insérer un élément d'une liste à puce:<li>élément de la liste</li>
Balise meta:information sur le document:<meta name='autor' content='Jules'/>
Balise p:insérer un paragraphe:<p>Paragraphe</p>
Balise script:placer un script dans le document:<script type='text/javascript'>code du script</script>
Balise style:placer des règles de styles dans l'entête du document:<style type='text/css'>...</style>
Balise strong:mettre fortement en valeur du texte:<em><strong>texte fortement en valeur</strong></em>
Balise title:donner un titre au document:<title>Voici le titre</title>
Balise u:souligner du texte:<u>texte souligné</u>
Balise ul:insérer une ligne à puce:
<ul>
<li>premier élément</li>
<li>second élément</li>
</ul>
Voila pour les balises principale,on en verra d'autre dans l'avancement des exercices.Attention de ne pas oublier d'ouvrir et fermer vos balises,sans quoi,vous n'ayrez pas la page correcte.
|
|
Domi
Site/blog
13 messages
|
posté le 2009-03-01 à 13:29:16
Aujourd'hui,nous allons faire l'exercice2 qui consiste à publier un texte.
Rappelez-vous le premier
<html>
<head>
<title>Publier sur le web</title>
</head>
si vous fermer ici,vous n'aurez que la page avec juste le titre(en ajoutant /html)ce qui nous interresse est de mettre un texte.En dessous de </head>,il faut donc ouvrir la balise body> c'est là que vous mettrez tout ce que vous voulez mettre sur vôtre page.
<body>Publier sur le web</body>
</html>
Vous devez donc avoir une page titrée "publier sur le web et un texte de page qui montre Publier sur le web
la semaine prochaine,nous mettrons des titres en page de différente dimension
|
|
Domi
Site/blog
13 messages
|
posté le 2009-03-14 à 15:14:16
Nous voici au titre
<html>
<head>
<title>faire un titre</title>(ici c'est le titre de votre page)
</head>
<body><h1>hello</h1></body>
</html>
hello sera votre titre sur la page,il sera de niveau h1(le plus grand).Vous pouvez mettre des sous titres en sachant qu'ils faudra mettre de <h2> à <h9>
Bon amusement,la semaine prochaine,on verra comment faire différent paragraphe
Dernière modification le 14-03-2009 à 15:15:02
|
|
Domi
Site/blog
13 messages
|
posté le 2009-03-28 à 16:40:34
<html>
<head>
<title>publier sur le web</title>
<body>
<p align='left'>Ceci est un paragraphe aligné à gauche</p>
<p align='center'>ceci est un paragraphe centré</p>
<p align='right'>ceci est un paragraphe aligné à droite</p>
</body>
</head>
</html>
voici pour les paragraphes,si vous voyez "ceci est un paragraphe(gauche,centré et droit)" vous avez bien suivi la marche à suivre.La semaine prochaine on fera un titre et une image sur une page.A bientôt.
|
|
Domi
Site/blog
13 messages
|
posté le 2009-04-07 à 18:18:25
<html>
<head>
<title>exercice5</title>
</head>
<body>
<h2>titre de votre image</h2>
<img src='../img/votre image'/>
</body>
</html>
Au dessus de votre image(si vous avez bien suivi) vous aurez le titre correspondant à celle-ci.
La semaine prochaine,ce sera un tableau
|
|
