|
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 |
III.3.4.1. Les FormulairesLes formulaires constituent un moyen privilégié d'interaction puisqu'ils permettent l'utilisateur d'entrer ses démarches par l'intermédiaire de champs de saisie qui offrent la possibilité appréciable de créer très facilement une interface. ? La balise <FORM> C'est un conteneur limité par <FORM> et </FORM> qui, outre les champs de saisie, peut contenir n'importe quel texte ou la balise. Les trois attributs suivants sont essentiels pour la communication du programme serveur avec un programme CGI ; ? Action est la référence au programme qui doit être exécuté par le serveur ; V' METHOD indique le mode de transmission des paramètres au programme CGI. Il ya essentiellement deux valeurs possibles, GET ou POST ; V' ENCTYPE indique quel est le type d'encodage des données du formulaire qui doit être utilisé par la transmission au serveur. Il ya deux valeurs possibles : 36 1°. application/x-www-form-urlencoded. Il s'agit de l'option par défaut, utilisée même quand nous ne donnons pas d'attribut ENCTYPE. Les champs du formulaire sont transmises sous la forme d'une liste de paires nom=valeur, séparées par des `&'. 2°. multipart/form-dataCette option doit être utilisée pour la transmission comprenant des fichiers. Le mode de transmission par défaut est en effet inefficace pour les fichiers binaires à cause de la codification assez volumineuse qui est utilisée pour les caractères non alphanumériques. Quand nous utilisons multipart/form-data, les fichiers sont transmis séparément des champs classiques. A l'intérieur d'un formulaire, nous pouvons placer plusieurs types de champs de saisie, incluant des valeurs numériques ou alphanumériques simples saisies par l'utilisateur, les choix multiples ou exclusif parmi un ensemble de valeurs prédéfinies, du texte libre ou la transmission de fichiers. a) La balise <INPUT> La balise <INPUT> est la plus générale. Elle permet de définir tous les champs de formulaires, l'exception de listes de sélection et des fenêtres de saisie de texte. Chaque champ <INPUT> a un attribut NAME qui permet, au moment du passage des paramètres au programme CGI, de référencer les valeurs saisies sous la forme de couples nom=valeur. La plupart des champs ont également un attribut VALUE qui permet de définir une valeur par défaut. Les valeurs de NAME ne sont pas visibles dans la fenêtre du navigateur : elles ne servent qu'à référencer les valeurs respectives de ces champs au moment du passage des paramètres au programme CGI. Le type d'un champ est défini par un attribut TYPE qui peut prendre les valeurs suivantes : 37 V' TYPE=TEXT : Correspond à un champ de saisie permettant à l'utilisateur d'entrer n'importe quel chaine de caractères. La taille de l'espace de saisie est fixée par l'attribut SIZE et la longueur maximale par l'attribut MAXLENGTH. V' TYPE=PASSWORD : Identique au précédent, mais le texte entré au clavier n'apparaît pas en clair (une étoile «*» sera affichée par le navigateur en lieu et place chaque caractère). Ce type de champ est principalement utile pour la saisie de mots de passe. V' TYPE=HIDDEN : Un champ de ce type n'est pas visible. Il est principalement destiné à définir un paramètre dont la valeur est fixée, et à passer ce paramètre au programme CGI en même temps que ceux saisis par l'utilisateur. V' TYPE=CHECKBOX : Ce type de champ crée des boutons associés à des valeurs, ce qui permet à l'utilisateur de cocher un ou plusieurs choix. III.3.5. XHTMLXHTML (Extensible Hyper Text Markup Language) est une recommandation du W3C.Il s'agit d'une version de HTML respectant la synthaxe XML et de laquelle sont exclues toutes les imprécisions que l'on rencontre généralement dans les pages Web. III.3.5.1. Premières règles d'écriture XHTML Familiarisons-nous avec les principes de base qui valent pour l'écriture d'un fichier XHTML : son nom d'abord, puis la façon d'écrire son contenu. Chaque page web est un fichier dont le nom peut comprendre des lettres, des chiffres et des tirets. À éviter : les espaces, les caractères accentués et le « ç ». Son extension est généralement « .html ». 38 III.3.5.2.Structure d'une page XHTML Une page HTML ou XHTML s'écrit de la façon suivante : + Sur la première ligne, la balise <!DOCTYPE ...>indique la version de(X)HTML utilisée. + Le reste de la page est encadré par des balises <html>et </html>qui signifient début et fin de HTML. + Entre ces deux balises se trouvent deux parties : l'en-tête de la page entre <head>et </head>et le contenu (le corps) de la page entre <body>et </body>. <!DOCTYPE ... > <html> <head> <title>Programmation web </title> ... </head> <body> Logiciel Mercuriale en Marche réalisé par Lutumba Joseph </body> </html> Pour la création des documents XHTML, il suffit de respecter les règles de XML, avec quelques ajouts : + Le document peut, de manière optionnelle, commencer par une déclaration XML. + Une déclaration de DOCTYPE (document Type) doit être présente, référençant un des documents suivant : Strict, transitional ou frameset. + Un élément racine doit contenir la totalité du document. la balise d'ouverture <html> doit se retrouver avant tout élément (mais après la déclaration XML) + Toutes les balises HTML peuvent être employées, mais leur nom doit être saisi en minuscules (h2 et non H2) par exemple + Toutes les balises d'ouverture doivent correspondre à une balise de fermeture de même nom, en minuscules. 39 Le concepteur des pages Web a le choix entre trois(3) versions : Strict, Transitional ou Frameset .L'option la plus fréquente est transitional, l'option Strict apporte peu d'avantage et demande plus d'efforts de conversion. L'option frameset n'est utile que si les documents comportent des cadres.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 frameset//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> |
|
