|
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...
|