| Adresse électronique: | 
WAP@webtwo.de |
| Présence Internet: | 
http://www.webtwo.de/ |
Il s'agit ici d'un article traduit de l'allemand par la rédaction de SELFHTML actuel. Veuillez poser vos questions relatives à cet article uniquement à son auteur, prenant compte que celui-ci ne maîtrise peut-être pas la langue française!
  |
Le Wireless Application Protocol (WAP) a été développé pour que les portables puissent accéder à Internet.
Le langage de programmation employé ici n'est pas, comme c'est sinon l'usage, le langage HTML mais le WML (Wireless Markup Language) basé sur XML. Celui qui est à l'aise avec HTML ne sera certainement pas dépassé avec WML.
Même des graphiques peuvent être incorporés en WML. Ceux-ci doivent être disponibles dans le format WBMP (Wireless Bitmap).
Les serveurs Web doivent être rendus compatibles au protocole WAP. Tout ce qui est nécessaire pour le faire est un petit complément dans les mentions de types MIME (oà ces mentions se trouvent, dépend de la configuration du serveur Web). Si vous ne pouvez pas accéder vous même à la configuration du serveur, demandez à l'administrateur ou au fournisseur d'accès de bien vouloir inscrire les mentions nécessaires.
extension de fichier: Type MIME: =========================================================================== wbmp image/vnd.wap.wbmp wml text/vnd.wap.wml wmlc application/vnd.wap.wmlc wmlsc application/vnd.wap.wmlscriptc wmlscript text/vnd.wap.wmlscript ws text/vnd.wap.wmlscript wsc application/vnd.wap.wmlscriptc |
| |
Allez, on y va! L'exemple suivant montre un fichier WML complet.
<?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <!-- Les commentaires peuvent être placés comme en HTML --> <card id="cours" title="||cours WML||"> <p align="left"> Ma première <br/>page WML </p> </card> </wml> |
C'est vraiment géant. Mais qu'avons nous écrit là?
ligne 1: mention du niveau XML employé
ligne 2: mention pour la DTD (document type definition = définition du type de document) du WML employée
ligne 3: repère d'ouverture WML
ligne 5: créer une nouvelle carte ||cours WML|| .
ligne 6: repère d'ouverture pour un nouveau paragraphe aligné à gauche.
ligne 7: texte avec un repère de passage à la ligne forcé conforme à XML (<br/>).
ligne 8: repère de fermeture pour le paragraphe.
ligne 9: repère de fermeture pour la carte.
ligne 10: repère de fermeture pourle passage WML.
L'important, ce sont les cards. Un fichier WML peut contenir plusieurs cartes. Chaque carte, repérée par <card ...> et </card>, représente une unité d'affichage.
| |
Non. WML propose davantage - par exemple référencer des graphiques. La question de l'affichage possible des graphiques dépend bien sûr de l'écran du portable.
<img src="image.wbmp" align="top" alt="image WBMP" /> |
Grâce à ce code simple, bien connu en HTML une image WBMP peut être incorporée dans la page Web . Transformer des images BMP en images WBMP ne pose aucun problème, on a besoin pour cela des 
utilitaires Nokia WBMP Tools.
On peut aussi rendre une page WML interactive: avec un script WML côté utilisateur, ou côté serveur par l'intermédiare de CGI ou de ASP. Pour ce dernier, le code HTML doit cependant être traduit en code WML. Un script WML est au point de vue syntaxe très semblable au Javascript, seuls les objets changent.
| |
<?xml version="1.0"?>
Définit en tant que première ligne la compatibilité avec les fichiers codés XML. Le code WML doit ainsi toujours être interprété en tant que code XML.
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
Cette ligne doit obligatoirement être la deuxième ligne d'un document WML. Ici est précisé l'endroit où la version WML est définie d'après son contenu.
<!--commentaire-->
Est utilisée comme en HTML pour les placer des commentaires, par exemple sur les paragraphes qui suivent:
<!--ici commence la carte suivante-->
<a href="http://www.domain.tld/index.wml">Text</a>
Définition d'un lien externe. La syntaxe est la même qu'en HTML.
<a href="#nomcarte">Text</a>
Le signe dièse signale un lien interne. Un lien interne mène à l'intérieur d'un fichier à une autre carte. 'nomcarte' est défini avec l'attribut id (voir plus bas).
<b>texte</b> (n'est pas reconnu par tous les moyens d'affichage!)
b pour bold - marque un texte en semi-gras.
<big>texte</big> (n'est pas reconnu par tous les moyens d'affichage!)
Marque un texte à représenter en caractères particulièrement grands.
<br/>
Marque un passage à la ligne - la barre oblique à la fin est obligatoire pour tous les repères isolés (stand-alone-Tags) pour qu'ils soient conformes à XML. Si un espace plus important doit être rélisé entre deux passages à afficher, il suffit de noter deux fois à la suite: <br/>.
<card id="nomcarte" title="Titre de la carte">contenu de la carte...texte, graphique, etc.</card>
Définit une carte. En WML, plusieurs cartes (Cards) consituent ce qu'on appelle une pile (Deck). On se sert de l'attribut id pour attribuer une description à une carte distincte. Grâce à cela, les liens peuvent mener à une telle carte. Aussi, chaque carte devrait se voir attribuer un titre. C'est à cela que sert l'attribut title.
Après le repère de fermeture </card> commence soit la carte suivante, ou bien c'est le code source de la pile qui est clôturé avec </wml>.
<em>texte</em> (n'est pas reconnu par tous les moyens d'affichage!)
Marque un texte à représenter de façon particulière.
<i>texte</i> (n'est pas reconnu par tous les moyens d'affichage!)
i comme italic - marque un texte en italique.
<img src="nomimage.wbmp" alt="description d'image"/>
C'est ainsi qu'un graphique WBMP est incorporé dans un texte WML. Le procédé est connu du langage HTML. Important ici: l'attribut alt="..." doit y figurer, mais peut cependant être laissé vide. La barre oblique à la fin est obligatoire pour tous les repères seuls (stand-alone-Tags) pour qu'ils soient conformes à XML.
<meta name="....wbmp" content="..."/>
Comme en HTML: les documents WML peuvent - devraient - contenir aussi des métas. En principe, il s'agit ici des mêmes noms de mentions méta qu'en HTML.
<p align="xxx">Contenu du paragraphe</p>
Définit un paragraphe tout en définissant l'alignement du texte qui suit. L'expression xxx doit ici être remplacée par les possibilités connues left, right, ou center. Les mentions <p> et </p> au début et à la fin d'un paragraphe sont à noter de façon impérative. Même des lignes de marquage indépendantes, par exemple des liens à d'autres cartes, doivent être introduites et clôturées par <p> et </p>.
<small>texte</small> (n'est pas reconnu par tous les moyens d'affichage!)
Marque un texte à représenter en caractères particulièrement petits.
<strong>texte</strong> (n'est pas reconnu par tous les moyens d'affichage!)
Marque un texte à représenter de façon particulière.
<u>texte</u> (n'est pas reconnu par tous les moyens d'affichage!)
Comme underlined (ou souligné) - marque un texte à représenter souligné.
<wml>texte</wml>
Le repère d'ouverture est placé au début du code source un peu comme <html> et marque une pile (Deck) en WML. Et de la même façon que </html> clôture un code HTML, </wml> termine le code WML. C'est entre le repère d'ouverture et le repère final que les cartes (Cards) de cette pile WML sont définies.
|
|
 SELFHTML actuel Articles spécialisés Langages basés sur XML/XSL |
