Adverline

 FRANCE WML.ovh.org
 


FRANCE WML
.ovh.org
©

 Syntaxe du WML

Vous trouverez ici toutes les informations concernant la composition du langage WML.

Les cards
Les tableaux
Les images
Le texte
La mise en forme
Les boutons
Les liens
Les formulaires


Le wml utilise comme le html des balises, (entourées de < et >), mais il n'en existe
pas plus d'une quarantaine.
Le wml est "strict". Si il y a une erreure sur votre page, celle-ci ne s'affichera pas,
mais affichera "Invalid WML Code".


Nous allons donc analyser le squelette d'une page.
Celle-ci commencera toujours de cette façon:

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM/DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml" encoding="UTF-8"? >

Ensuite on introduit les balises wml:
<wml> <card id="nom de la card 1">.............</card>
<card id="nom de la card 2">........................</card>
<card id="nom de la card 3">............</card> </wml>
A l'interieur de ces deux balises, on trouve le "<card id="...">.......</card>"
Dans ces "card" se trouve le corps de votre site.
Pour les néophytes en anglais, card signifie "carte" en français.
NB: la page WML s'appelle un "deck" se qui signifie "paquet" --> paquet de cartes
Et dans les cards se trouve les images, le texte, les liens....
La premiere card sera celle qui s'affichera en premier sur le mobile.
En fait une card contient des liens vers d'autres card de la meme page,
et des liens vers d'autres pages wml.
Si vous avez un petit site vous n'aurez meme pas besoin de faire plusieurs pages,
mais une seule page wml contenant plusieurs card.


Toutes les balises W.M.L. suivantes seront à intégrer entre les balises <card>.........</card>.
Quand vous aurez construit votre document W.M.L., veillez bien à le sauvegarder au format W.M.L.


A l'interieur des balises wml , on trouve "<card id="...">.......</card>"
Dans ces "card" se trouve le corps de votre site. Pour les néophytes en anglais, card signifie "fiche" ou "carte" en français. Et dans les cards se trouvent les images, le texte, les liens.... La premiere card sera celle qui apparaîtra en premier sur le mobile. En fait une card contient des liens vers d'autres card de la meme page, et des liens vers d'autres pages wml. Si vous avez un petit site vous n'aurez meme pas besoin de faire plusieurs pages, mais une seule page wml contenant plusieurs cards. La premiere card à apparaître dans le navigateur sera celle qui figurera en premier dans le code.

ATTRIBUTS D'UNE CARD  
Définit une card <card>contenu de la card</card>
Définit le nom d'une card <card id="nom de la card">
Définit le titre d'une card <card title="titre de la card">


ATTRIBUTS D'UN TABLEAU  
Définit un tableau <table>....... </table>
Définit le nom du tableau <table id="mon tableau">
Définit l'alignement du tableau (left, right, center) <table align="center">
Définit le titre du tableau <table title="titre de mon tableau">
Définit le nombre de colonnes du tableau <table columns="7">
ATTRIBUTS D'UNE LIGNE  
Définit une ligne d'un tableau <tr>contenu de la ligne</tr>
Définit le nom d'une ligne <tr id="nom de ma ligne">
ATTRIBUTS D'UNE CELLULE  
Définit une cellule à l'intérieur d'une ligne <td>contenu de la cellule</td>
Définit le nom d'une cellule <td id="nom de ma cellule">

La structure de base d'un tableau est la suivante :
(exemple d'un tableau d'une ligne (tr) de deux cellules(td)
<table>
          <tr>
                     <td>contenu de la cellule numéro 1</td>
                     <td>contenu de la cellule numéro 2</td>
          </tr>
</table>


les images ont un format spécifique au W.M.L. : le WBMP (Wireless BitMaP)
Il s'agit d'une version à 1 bit (noir ou blanc) du format B.M.P..
Vous pouvez convertir vos différents formats d'images (bmp, gif, jpg...)
directement en ligne sur un site spécialisé: cliquez ici pour aller sur ce site

Cependant, en tenant compte du débit des portables il est préférable de faire des
images à faible poids(maxi: 1.5ko), et dont la taille ne depasse pas 110*110

ATTRIBUTS D'UNE IMAGE  
Définit une image <img/>
Définit la source d'une image <img src="monimage.wbmp"/>
Définit le nom d'une image <img id="mon image"/>
Définit l'alignement d'une image(left, right, center) <img align="center"/>
Définit la hauteur d'une image <img height="210"/>
Définit la largeur d'une image <img width="170"/>
Définit le commentaire de substitution à une image <img alt="bonjour"/>
Définit l'espace entre une image et le haut et le bas <img vspace="10"/>
Définit l'espace entre une image et la gauche et la droite <img hspace="10"/>

Tous les terminaux WAP n'affichent pas des graphiques.
Il est donc conseillé d'enrichir la balise <img> de l'attribut "alt" de manière à lui substituer un commentaire. Remarquez que la balise d'une image se termine par le signe "/" sinon elle ne s'affichera pas.



ATTRIBUTS DU TEXTE  
Définit un texte en italique <i>.......</i>
Définit un texte en gras <b>.......</b>
Définit un texte en grand <big>.......</big>
Définit un texte en petit <small>.......</small>
Définit un texte souligné <u>.......</u>


ATTRIBUTS DE MISE EN FORME  
Définit un paragraphe <p>.......</p>
Définit un retour à la ligne <br/>contenu de la ligne


ATTRIBUTS DES BOUTONS  
Définit un bouton (par défaut retourne à la card initiale, celle qui figure en premier dans le code <do></do>
Définit l'intitulé d'un bouton <do label="intitulé"></do>
Définit un bouton retour vers la page précédente <do type="prev" label="retour" >
<prev/></do>
Définit un bouton retour vers une card précise <do type="accept" label="retour vers une card" >
<go href="#nom de card"/></do>
Annule le contenu d'un formulaire <do type="reset" label="annulation" >
<reset/></do>
Remet à zéro le contenu d'un formulaire <do type="delete" label="remise à zéro" >
<delete/></do>


ATTRIBUTS DES LIENS  
Définit un lien vers une "card" <a href="#nom de la card">
lien vers une card</a>
Définit un lien vers une site W.M.L. <a href="http://www.votre lien.coml"> lien vers un site</a>
Définit un lien vers une adresse mail <a href="mailto:ici l'adresse email">
lien vers une adresse mail</a>
ATTRIBUTS DES ANCRES  
Définit le nom d'une ancre <anchor id="nom de mon ancre ">
nom de mon ancre</anchor>
Définit une ancre vers une adresse mail <anchor>ancre vers une adresse mail
<go href="mailto:ici l'adresse">
</go></anchor>


ATTRIBUTS DES FORMULAIRES  
Définit une zone de texte <input type="texte"/>
Définit le nom d'une zone de texte <input type="texte" id="nom de la zone">
Définit le nom de la variable attribué à cette zone <input type="texte" name ="nom de la variable">
Définit l'envoi du contenu à un mail :
name correspond au nom de la zone (id)
value correspond au nom de la variable associé à la zone (name)

<anchor>
Envoyer le formulaire
<go method="post" href="http://www.le lien.com/mailto.php3">
<postfield name="zone1" value="$(zone1)">
<postfield name="zone2" value="$(zone2)">
</go></anchor>

NB: vous ne pouvez pas utiliser la fonction "mailto:votreemail@vous.com", car les portables n'ont pas de logiciel de messagerie électronique.


Vous pouvez me poser vos questions sur le forum...

 

 


Copyright © France WML 2000, Tous droits réservés.
Toutes reproduction sans accord préalable de l'auteur est interdit.


Hit-Parade