Haut de page
Blog Informagun sur l'informatique
Rubriques
Derniers commentaires
  • Aucun commentaire
Statistiques
  • 1 connecté(s)
    Total de 893 visiteur(s)
    Site créé le 27/01/2010
A découvrir
Campagne membre

Explications sur la page web

Notez qu'une fois votre fichier XHTML créé, vous pouvez toujours le réouvrir en faisant un clic droit sur l'icône et en cliquant sur "Notepad++" comme ceci :
 

Image utilisateur


 

Quelques explications ?



Je vous dois quelques explications sur le code que je vous ai donné un peu plus haut. Je veux que vous compreniez que tout cela n'est pas du charabia et que ça sert vraiment à quelque chose !

Je me permets de copier ce code à nouveau pour que vous l'ayez bien sous les yeux (c'est le même que tout à l'heure, il n'y a pas de différence) :

Code : HTML

						1
2
3
4
5
6
7
8
9
 
						<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Bienvenue sur mon site !</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   </head>
   <body>
   </body>
</html>



Voici les explications ligne par ligne :

  1. Sur la toute première ligne se trouve la déclaration "Doctype". C'est une balise un peu particulière, et c'est la seule qui n'obéit pas aux règles que je vous ai données tout à l'heure.
    Concrètement, cette balise sert à dire au navigateur que ce que vous faites est une page XHTML, et que vous utilisez la version 1.0 du langage XHTML (eh oui, comme dans les programmes il y a des versions !).
    Pourquoi je vous apprends à utiliser le XHTML 1.0 ? Parce que c'est une des versions les plus récentes, et que votre site sera ainsi à jour :)
  2. Vient ensuite la balise <html> . C'est la balise principale qui englobera toute votre page (x)HTML. Comme vous pouvez le voir, on ne la ferme qu'en dernier avec </html> , qui indique que votre page (x)HTML s'arrête là. Il n'y a donc rien après le </html> .
    La balise <html> contient 2 attributs :
    • xmlns : cet attribut, obligatoire, indique une adresse traitant du xHTML. Ne vous en préoccupez pas et laissez comme ça, ça ne nous intéresse pas particulièrement.
    • xml:lang : cet attribut sert à indiquer dans quelle langue est rédigée votre page web. Si vous écrivez une page web en français, mettez "fr" comme je l'ai fait. Si la page est en anglais, mettez "en", en italien "it", espagnol "es" etc etc...
  3. La balise <head> contient quelques informations d'en-tête pour votre page web. Elle est refermée un peu plus loin.
    1. A l'intérieur de la balise <head> , vous trouvez notamment la balise <title>. Elle est très importante : c'est elle qui contient le titre de votre page web. Ici, le titre est "Bienvenue sur mon site !", mais c'est à vous de mettre le bon titre de votre page ;)
    2. Ensuite, vous pouvez voir une balise <meta> . Il existe beaucoup de balises de ce type, mais je ne vous en parlerai que plus tard parce qu'elles ne sont pas indispensables. Seule celle que je vous ai donnée est indispensable : elle sert à indiquer que vous allez taper des caractères spécifiques au français (éèàê etc...).
  4. Enfin (ouf!), après la fermeture de la balise <head> commence une nouvelle balise : <body>
    C'est entre <body> et </body> que vous taperez le contenu de votre page web. En clair, c'est entre ces 2 balises que nous allons passer 99% de notre temps ;)
    Pour le moment, il n'y a rien entre ces 2 balises, donc la page n'affiche rien (il y a un fond blanc comme vous avez pu le constater tout à l'heure).



Pfiou !
Voilà, je vous ai donné le sens de tout ce bazar ^^
Encore une fois, retenir ce que ça signifie exactement n'est pas indispensable. Ce qui est indispensable, c'est de se servir de ce modèle à chaque fois que vous créerez une nouvelle page web.

Tags associés : Explications

J'kaz !
0
Mercredi 27 Janvier 2010Poster un commentaire

Les closures en Javascript
Ce tutoriel nécessite une bonne connaissance de javascript, je vous conseille donc de lire le tutoriel Tout sur le Javascript ! écrit par JoSé2.


Bonjour à tous, et bienvenue dans mon premier mini-tutoriel.

Ici, vous allez apprendre le monde merveilleux des closures : Qu'est-ce que c'est ? A quoi ça sert ? Pourquoi les utilise-t-on ? Toutes ces questions trouveront leurs réponses dans les parties qui suivent. Détendez-vous, mettez-vous à l'aise, on va revoir ensemble les propriétés sur les fonctions et la portée des variables pour comprendre comment créer une closure. Une fois cette connaissance acquise, on verra quelques exemples de closures et les pièges récurrents dans lesquels vous tomberez sûrement (ou êtes déjà tombé) ^^ .

Suivez le guide :) .

Pour plus d'informations sur le sujet Les closures en Javascript, il vous est conseillé de lire la suite.

Tags associés : closures, javascript

J'kaz !
0
Mercredi 27 Janvier 2010Poster un commentaire

Créer des jeux d'aventure avec AGS
Salut les zér0s ! Vous êtes sûrement ici parce que vous aimez les jeux Point & Click... Je suis sûr que vous vous demandez si je vais vous apprendre à en créer un...

Eh bien oui ! ^^
Nous allons ensemble étudier un logiciel nommé Adventure Game Studio (AGS).

AGS est un logiciel gratuit créé par Chris Jones. À ce jour il existe moult versions qui ont chacune leurs caractéristiques. Nous allons dans une première partie nous préoccuper de la version 2.72, ou une autre version antérieure si à ce jour la 2.72 n'est plus distribuée.

Je vous rassure, AGS est très complet. Nous apprendrons vite à créer des jeux à la Monkey Island avec ce magnifique logiciel. :magicien:

Pour plus d'informations sur le sujet Créer des jeux d'aventure avec AGS, il vous est conseillé de lire la suite.

Tags associés : Creer, jeux, aventure

J'kaz !
0
Mercredi 27 Janvier 2010Poster un commentaire

Les nombres aléatoires
Envie de coder un Yams ? Besoin de simuler un phénomène physique ? Enfin bref, vous voulez utiliser des nombres aléatoires dans votre programme en C ?

Ce tutoriel est là pour vous !

Nous verrons dans un premier temps comment générer simplement des nombres aléatoires, entiers ou en virgule flottante. Je vous montrerai ensuite une technique pour générer une suite d'entiers sans doublons, utile pour simuler des cartes tirées dans un paquet par exemple.

Pour plus d'informations sur le sujet Les nombres aléatoires, il vous est conseillé de lire la suite.

Tags associés : nombres, aleatoires

J'kaz !
0
Mercredi 27 Janvier 2010Poster un commentaire

[Qt] Bien utiliser QtXml
Bienvenue dans le mini-tutoriel pour apprendre à utiliser QtXml qui permet de pouvoir utiliser des données XML dans une application Qt. Nous apprendrons dans ce chapitre à utiliser le XML via DOM !

Il est recommandé de connaître les bases de Qt, car je ne les redonnerai pas. Lisez donc en premier le tutoriel de M@teo21 sur Qt si ce n'est pas encore fait.

Il est aussi recommandé de connaître le langage XML et de savoir comment il est fait. Si vous ne le savez pas, consultez le tutoriel de Tangui.

Pour plus d'informations sur le sujet [Qt] Bien utiliser QtXml, il vous est conseillé de lire la suite.

Tags associés : bien, utiliser, qtxml

J'kaz !
0
Jeudi 28 Janvier 2010Poster un commentaire
1 2 3 4 6 > >>