Mise en œuvre d'un prototypage alpha mercuriale de gros œuvre dans la construction

( Télécharger le fichier original )
par Joseph LUTUMBA MBENGA
Université pédagogique nationale de Kinshasa RDC - Licence en sciences 2012

précédent sommaire suivant

Bitcoin is a swarm of cyber hornets serving the goddess of wisdom, feeding on the fire of truth, exponentially growing ever smarter, faster, and stronger behind a wall of encrypted energy

III.3.3.2.Structures d'un document HTML

<HTML>

<HEAD><TITLE> Programmation web </TITLE></HEAD>

<BODY> Connexion au monde d'architecture </BODY>

</HTML>

Les balises <HTML> et </HTML> stipulent que ce fichier texte est formaté

selon le langage HTML et délimitent le contenu à interpréter. Les balises <HEAD> et </HEAD> viennent du mot HEADER (Entête) et délimitent l'en-tête du document contenant son titre et des informations sur son contenu. Les balises <BODY> et </BODY> délimitent le corps du document contenant le texte, son formatage les objets et les liens qu'il inclut.

III.3.3.3.Quelques balises du niveau bloc

Une première catégorie de balises permet de structurer le texte en sections et sous sections, paragraphes, listes, tableaux, ... Dans la liste qui suit, chaque balise est un conteneur comprenant une ouverture et une fermeture à moins que l'inverse ne soit explicitement indiqué.

32

· <Hn> Introduit un titre de niveau n comprise entre 1 et 6, par ordre d'importance décroissant ;

· <P> Permet de commencer un nouveau paragraphe ;

· <HR> Insère une ligne horizontale (c'est un élément vide : pas de balise de fermeture) ;

· <UL> et <OL> Permettent de créer des listes d'items, chacun étant marqué par <LI>. Chaque items est marqué par une puce dans le cas de <UL> ; et par un numéro dans le cas de <OL>. Les listes peuvent être imbriquées.

· <TABLE> Permet d'insérer un tableau. Il s'agit d'une fonctionnalité importante du HTML, notamment parce qu'elle permet de contrôler assez précisément le positionnement relatif dans une page. La balise comprend des nombreuses options et attributs, et est présenté en détail à la section suivante.

· <FORM> Permet d'insérer un formulaire. Les formulaires constituent le moyen privilégié pour interagir avec l'utilisateur en lui demandant de saisir les informations ; nous leur consacrons une section entière.

III.3.3.4.Tableaux

La balise <TABLE> permet d'insérer un tableau. Chaque ligne est marquée par <TR> et </TR>, et chaque colonne par <TD>, et </TD>. D'autres permettent d'indiquer une légende (<CAPTION>), des en-têtes de colonnes (<TH>), ... Les attributs permettent de contrôler l'apparence d'un tableau à chaque niveau (tableau, ligne, colonne).

III.3.3.5.Quelque balise de niveau texte

A la différence des balises de niveau bloc, celles de niveau texte n'introduisent pas de saut de ligne dans la présentation de la page HTML, et ne servent donc, pour l'essentiel, qu'à modifier le style de présentation du texte.

Comme précédemment, chaque balise dans ce qui suit est un conteneur comprenant une ouverture et une fermeture, sauf mention contraire.

? <B> (pour boldface) Met en gras tout le texte jusqu'à la balise de fermeture </B>. Nous pouvons aussi utiliser <STRONG> qui a le même effet ;

? <I> (pour italic) Met en italique tout le texte jusqu'à la balise de fermeture </I> ;

? <TT> Permet de passer dans une police à chasse constante, de type courrier pour présenter par exemple le code informatique ;<EM> (pour emphasize) Est destiné à mettre en valeur l'élément. Le style choisi pour la mise en valeur est à la discrétion du navigateur (en général en Italiques) ;

Il est possible de changer la police des caractères, la taille ou la couleur avec la balise <FONT> qui propose de nombreux attributs de mise en forme. A titre d'exemple, voici comment passer, <FONT>, en police times, couleur rouge, et grands caractères : <FONT SIZE=2 COLOR=red FACE='times'> ... </FONT>. L'attribut SIZE peut prendre pour valeur un nombre entier de 1 à 7 ; 1 représente la taille la plus grande. L'inclusion d'image se fait avec la balise <IMG>, qui doit contenir un attribut SRC donnant l'URL du fichier image. Par exemple <IMG SRC=' http://lutumba.mbenga.cd/luzphotos.gif `> demande au serveur qui tourne sur lutumba du domaine mbenga .cd, le fichier luzphotos.gif. Voici quelques autres attributs de la balise <IMG> :

? BORDER=b, où b indique la taille, en pixels, de la bordure.

? ALIGN=options, où options peut être RIGHT, LEFT, MIDDLE, BOTTOM ou TOP, permet de spécifier l'alignement de l'image.

L'inconvénient principal de cette approche est de multiplier des spécifications identiques (par exemple pour dire que toutes les balise <H1> sont en police Arial et de couleur bleu), ce qui est à la fois fastidieux et rend très difficile une modification des choix de présentation après coup (comment faire

pour faire passer tous les éléments <H1> en couleur rouge, quand le site en contient quelques dizains, voire quelques centaines). Ces options ont perdu de leur intérêt avec la version 4 du HTML qui introduit les feuilles de style, une méthode beaucoup plus puissante pour gérer la présentation du document HTML.

III.3.4.Principes de base du CGI

Le Common Gateway Interface (CGI) constitue la technique traditionnelle dont le principe consiste à produire les documents HTML par un programme qui est associé au serveur Web. Le CGI est la solution la plus ancienne, et sans doute encore, la plus utilisée, pour la gestion des sites web dynamiques. La programmation Web avec PHP s'appuie d'ailleurs, pour tous les échanges client/serveur, sur le protocole CGI. Le navigateur (client) envoie une requête (souvent à partir d'un formulaire HTML) qui est plus complexe que la simple demande de transmission d'un document. Cette requête consiste à faire déclencher une action (que nous désignons par programme « CGI » dans ce qui suit) sur le serveur. L'exécution du programme CGI par le serveur Web se déroule en trois phases :

1. Requête du client au serveur : le programme serveur récupère les informations transmises par le navigateur, c'est-à-dire le nom du programme CGI accompagné, le plus souvent, des paramètres saisis par l'internaute ;

2. Exécution du programme CGI : le serveur déclenche l'exécution du programme CGI, en lui fournissant les paramètres reçus ci-dessus ;

3. Transmission du document HTML : le programme CGI renvoie le résultat de son exécution au serveur sous la forme d'un document HTML, le serveur se contentant alors de faire suivre au client.

Le programme CGI peut être écrit dans n'importe quel langage (C, C++, Perl, script Shell, ...) et est libre de faire toute les opérations nécessaires pour satisfaire à la demande (dans la limite de ses droits d'accès bien sûr). Il peut notamment rechercher et transmettre des fichiers, ou des images, effectuer des contrôles, des calculs, créer des rapports, ... Il peut aussi accéder à une base de données pour insérer ou rechercher des informations. C'est ce dernier type d'utilisation, dans sa variante PHP/MySQL, que justifie le choix dans ce mémoire.

précédent sommaire suivant

"Il faudrait pour le bonheur des états que les philosophes fussent roi ou que les rois fussent philosophes" Platon