Als je de mobiele pagina goed bekeken hebt (en gevalideerd hebt), en je wilt zélf ook mobiele pagina's gaan maken, kan je de broncode (die hieronder staat) gebruiken. Je kan de code, die dagelijks een ander plaatje op de pagina zet, natuurlijk weglaten. Wil je die wél gebruiken (en modificeren) zal ik jou hier even de voorbeeld-plaatjes geven. Plaats de afbeeldingen in dezelfde directory als de web-pagina (of verander de "paden"). De afbeeldingen zijn mobile-1.jpg, mobile-2.jpg, mobile-3.jpg, mobile-4.jpg, mobile-5.jpg, mobile-6.jpg en mobile-7.jpg. De code van het voorbeeld is zo "basic", dat het geen problemen kan opleveren. Het belangrijkste is eigenlijk de code die de pagina definieert. Als daar fouten in zouden zitten zit je "diep" in de problemen. Mobiele browsers maken "gehakt" van foutieve benoemingen en code...
<?php header("Cache-Control:no-transform");
header("Content-Type:application/xhtml+xml;charset=utf-8");
echo('<?xml version="1.0" encoding="utf-8"?>');?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>kompoos.nl <?php echo date("j-m");?></title>
<meta http-equiv="Cache-Control" content="no-transform" />
<meta name="keywords" content="mobiele telefoon,mobile,valid W3C" />
<meta name="description" content="mobiele pagina - XHTML Mobile Profile 1.2. valide (bron)code van een foutloze mobile page. gebruik dit als voorbeeld voor een validerende mobiele website." />
<meta name="author" content="Bobik" />
<meta name="robots" content="noimageclick" />
<style type="text/css">
body{font-family:sans-serif;}
</style>
</head><body>
<h1>KOMPOOS.NL</h1>
<h2>mobiele pagina</h2>
<h3><a href="/manuals/xhtml/" accesskey="1" title="XHTML index">XHTML index</a></h3>
<p><strong><em><a href="/site-map.html" accesskey="2" title="sitemap">sitemap</a></em></strong>
<br />______________
</p>
<p><?php
$pad=date("N");
$plaatje="mobile-".$pad.".jpg";
list($width, $height, $type, $attr) = getimagesize($plaatje);
echo ("<img src=\"mobile-");
echo date("N");
echo (".jpg\" $attr alt=\"mobile foto ");
echo date("N");
echo ("\" />");
?>
</p>
<p>
Check even of deze pagina volledig <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fkompoos.nl%2Fmobile%2Findex.xhtml;verbose=1" accesskey="3" title="W3C validator">valideert op de W3C-norm</a> voor
mobiele telefoons. De complete broncode van de gehele pagina
kan je bekijken (en downloaden) op de pagina: <a href="/manuals/xhtml/mobiele-pagina.html" accesskey="4" title="broncode van de mobiele pagina">http://kompoos.nl/manuals/xhtml/mobiele-pagina.html</a>.
Deze pagina genereert elke dag een nieuw plaatje (met automatische formaat-bepaling).
De vorm van deze pagina is <em>XHTML Mobile Profile 1.2</em>. Voor het overige
is nog te melden dat het <em>Content-Type</em> <strong>application/xhtml +xml</strong> is.
</p>
</body></html>