Annotation of 2002/css-validator/manual.html.nl, revision 1.1

1.1     ! ot          1: <?xml version="1.0"?>
        !             2: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        !             3:     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
        !             4: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
        !             5: <head>
        !             6:   <title>CSS Validator User Manual</title>
        !             7:   <link rev="made" href="mailto:www-validator-css@w3.org" />
        !             8:   <link rev="start" href="./" title="Home Pagina" />
        !             9:   <style type="text/css" media="all">
        !            10:     @import "style/base.css";    
        !            11:     @import "style/docs.css";
        !            12:   </style>
        !            13:   <meta name="revision"
        !            14:   content="$Id: manual.html.nl,v 1.2 2006/06/30 04:42:44 ot Exp $" />
        !            15:   <!-- SSI Template Version: $Id: manual.html.nl,v 1.2 2006/06/30 04:42:44 ot Exp $ -->
        !            16: 
        !            17: </head>
        !            18: 
        !            19: <body>
        !            20: 
        !            21:   <div id="banner">
        !            22:     <h1 id="title"><a href="http://www.w3.org/"><img height="48" alt="W3C" id="logo" src="http://www.w3.org/Icons/WWW/w3c_home_nb" /></a>
        !            23:     <a href="./"><img src="images/css_validation_service.png" alt="CSS Validation Service" /></a></h1>
        !            24:    </div>
        !            25: 
        !            26: <div id="main">
        !            27: <!-- This DIV encapsulates everything in this page - necessary for the positioning -->
        !            28: 
        !            29: <div class="doc">
        !            30: 
        !            31: <h2>CSS Validator Gebruikers Handleiding</h2>
        !            32: 
        !            33: <h3 id="TableOfContents">Inhoudsopgave</h3>
        !            34: 
        !            35: <div id="toc">
        !            36: <ul>
        !            37:   <li><a href="#use">Hoe gebruik ik de CSS Validator</a>
        !            38:     <ul>
        !            39:       <li><a href="#url">Valideren via het opgeven van een URL</a></li>
        !            40:       <li><a href="#fileupload">Valideren via het uploaden van een bestand</a></li>
        !            41: 
        !            42:       <li><a href="#directinput">Valideren via de directe invoer</a></li>
        !            43:       <li><a href="#basicvalidation">Wat doet de basis validatie?</a></li>
        !            44:     </ul>
        !            45:   </li>
        !            46:   <li><a href="#advanced">Geavanceerde validatie</a>
        !            47:     <ul>
        !            48:        <li><a href="#paramwarnings">Waarschuwingen</a></li>
        !            49: 
        !            50:        <li><a href="#paramprofile">Profiel</a></li>
        !            51:        <li><a href="#parammedium">Medium</a></li>
        !            52:     </ul>
        !            53:   </li>
        !            54:   <li><a href="#expert">Voor de experts</a>
        !            55:     <ul>
        !            56:        <li><a href="#requestformat">Validation Verzoek Formaat</a></li>
        !            57: 
        !            58:        <li><a href="#api">CSS Validator Web Service API</a></li>
        !            59:     </ul>
        !            60:    </li>
        !            61: </ul>
        !            62: </div>
        !            63: 
        !            64: <p id="skip"></p>
        !            65: 
        !            66: <h3 id="use">Hoe gebruik ik de CSS Validator</h3>
        !            67: 
        !            68: <p>
        !            69: De makkelijkste manier om een document te checken is door de basis interface te gebruiken. In die pagina
        !            70:  vind je drie formulieren die corresponderen met drie mogelijkheden:
        !            71: 
        !            72: </p>
        !            73: 
        !            74: <h4 id="url">Valideren via het opgeven van een URL</h4>
        !            75: <p>
        !            76:     Voer simpelweg de URI in van het document dat je wilt valideren. 
        !            77:     Het document kan zowel het HTML als het CSS formaat zijn.
        !            78: </p>
        !            79: <img style="display: block; margin-left:auto; margin-right: auto;" 
        !            80:     src="./images/uri_basic.png" alt="Validatie door middel van een URI" />
        !            81: 
        !            82: <h4 id="fileupload">Valideren via het uploaden van een bestand</h4>    
        !            83: <p>
        !            84:     Deze oplossing staat je toe een bestand dat je wilt valideren te uploaden.
        !            85:        Klik op de "Bladeren..." knop en selecteer het bestand dat je wilt controleren.
        !            86: </p>
        !            87: <img style="display: block; margin-left:auto; margin-right: auto;" 
        !            88:     src="./images/file_upload_basic.png" 
        !            89:     alt="Valideren via het uploaden van een bestand" />
        !            90: 
        !            91: <p>
        !            92:     Deze methode staat alleen CSS documenten toe. Dit betekend dat je geen
        !            93:        (X)HTML documenten kunt uploaden. Je moet ook zorgvuldig zijn met @import regels,
        !            94:        omdat deze alleen gevolgd worden als deze expliciet naar een publieke URI verwijzen.
        !            95:        (dus vergeet relatieve paden als je deze oplossing gebruikt)
        !            96: </p>
        !            97:    
        !            98: <h4 id="directinput">Valideren via de directe invoer</h4>
        !            99: <p>
        !           100:     Deze methode is perfect voor het testen van CSS fragmenten. Je schrijft gewoon
        !           101:        je CSS in het tekstveld.
        !           102: </p>
        !           103: <img style="display: block; margin-left:auto; margin-right: auto;" 
        !           104:     src="./images/direct_input_basic.png" 
        !           105:     alt="Valideren via directe invoer" />
        !           106: <p>
        !           107:     Dezelfde opmerkingen als hiervoor zijn van toepassing. Deze methode is erg handig als
        !           108:        je een probleem hebt en help nodig hebt van de community.
        !           109:     Dit is ook erg handig om een eventuele bug te rapporteren, 
        !           110:        omdat je recht kun linken naar de resulterende URL om een voorbeeld te geven.
        !           111: </p>    
        !           112: 
        !           113: <h4 id="basicvalidation">Wat doet de basis validatie?</h4>
        !           114: 
        !           115: <p>    
        !           116:     Als de basis interface gebruikt wordt, controleert de validator de geldigheid van de CSS
        !           117:        met <a href="http://www.w3.org/TR/CSS2">CSS 2</a>, de huidige CSS standaard.<br />
        !           118:     De validator produceert een XHTML output zonder waarschuwingen. (standaard krijg je alleen errors te zien)<br />
        !           119:     Het medium is ingesteld op "all", want dit is het medium dat geschikt is voor alle apparaten.
        !           120:     (zie ook <a href="http://www.w3.org/TR/CSS2/media.html">
        !           121:     http://www.w3.org/TR/CSS2/media.html</a> voor een complete beschrijving van de verschillende typen media)
        !           122: </p>
        !           123: 
        !           124: <h3 id="advanced">Geavanceerde validatie</h3>
        !           125: 
        !           126: <p>
        !           127:     Als je een iets meer specifieke controle nodig hebt, kun je de geavanceerde interface gebruiken die je
        !           128:        toestaat drie parameters in te stellen. Hieronder staat een toelichting voor die drie parameters.
        !           129: </p>
        !           130: 
        !           131: <h4 id="paramwarnings">Waarschuwingen</h4>
        !           132: 
        !           133: <p>
        !           134:     Deze parameter is handig om het aantal meldingen dat de validator geeft
        !           135:        te tunen. De validator kan twee typen berichten geven, namelijk errors en waarschuwingen.
        !           136:     Errors worden gegeven als de gecontroleerde CSS de CSS standaarden niet respecteert.
        !           137:        Waarschuwingen zijn verschillend van errors omdat deze geen problemen markeren die te maken hebben
        !           138:        met de specificaties. Waarschuwingen zijn er om de CSS ontwikkelaar te waarschuwen (!) dat er
        !           139:        punten zijn die misschien gevaarlijk zijn en zouden kunnen leiden tot onvoorspelbaar gedrag
        !           140:        in combinatie met sommige browsers.
        !           141: </p>
        !           142: <p>
        !           143: 
        !           144:     Een typische waarschuwing heeft te maken met font-family: als je geen generiek lettertype opgeeft,
        !           145:        zal je een waarschuwing krijgen dat je er een moet toevoegen aan het einde van de regel,
        !           146:        omdat als de browser de gespecificeerde lettertypen niet kent, hij terug zal vallen op zijn standaard
        !           147:        lettertype, en dat zou kunnen leiden tot lay-outs die zich onvoorspelbaar gedragen.
        !           148: </p>
        !           149: 
        !           150: <h4 id="paramprofile">Profiel</h4>
        !           151: 
        !           152: <p>
        !           153:     De CSS validator kan controleren op verschillende CSS profielen.
        !           154:        Een profiel definieert alle functies die een implementatie op een specifiek platform
        !           155:        zou moeten implementeren. Deze definitie wordt gehaald van
        !           156:     <a href="http://www.w3.org/Style/2004/css-charter-long.html#modules-and-profiles0">
        !           157:        de CSS webpagina
        !           158:     </a>. De standaard keuze correspondeert met het profiel dat op dit moment het meest wordt toegepast: 
        !           159:     <a href="http://www.w3.org/TR/CSS2">CSS 2</a>.
        !           160: </p>
        !           161: 
        !           162: <h4 id="parammedium">Medium</h4>
        !           163: 
        !           164: <p>
        !           165:     De parameter medium is hetzelfde als de @media regel, die wordt toegepast op het hele document.
        !           166:        Je kunt meer informatie over media vinden op 
        !           167:     <a href="http://www.w3.org/TR/CSS2/media.html">
        !           168:        http://www.w3.org/TR/CSS2/media.html
        !           169:     </a>.
        !           170: </p>
        !           171: 
        !           172: <h3 id="expert">Voor de experts</h3>
        !           173: 
        !           174: <h4 id="requestformat">Validation Verzoek Formaat</h4>
        !           175: 
        !           176: <p>Hieronder staat een tabel met de parameters die je kunt gebruiken om een verzoek te sturen naar de W3C
        !           177: CSS Validator.</p>
        !           178: 
        !           179: <p>Als je de publieke W3C validatie server wilt gebruiken,
        !           180: gebruik de parameters hieronder in combinatie met de volgende basis URI:<br />
        !           181: <kbd>http://jigsaw.w3.org/css-validator/validator</kbd><br />
        !           182: (vervang de URI met het adres van je eigen server 
        !           183: als je een eigen instantie van de validator wilt aanroepen.)</p>
        !           184: 
        !           185: <p><strong>Opmerking</strong>: Als je de validator wilt aanroepen voor een groep documenten of vaak achter
        !           186: elkaar, zorg er dan asjeblieft voor dat je script minstens <strong>een seconde</strong> wacht tussen de verschillende verzoeken.
        !           187: De CSS Validatie service is een gratis, publieke
        !           188: service voor iedereen, je respect wordt gewaardeerd. Bedankt.</p>
        !           189: 
        !           190: <table class="refdoc">
        !           191:   <tbody>
        !           192:     <tr>
        !           193:       <th>Parameter</th>
        !           194:       <th>Beschrijving</th>
        !           195:       <th>Standaardwaarde</th>
        !           196:     </tr>
        !           197: 
        !           198:     <tr>
        !           199:       <th>uri</th>
        !           200:       <td>De <acronym title="Universal Resource Locator">URL</acronym> van
        !           201:         het document dat gevalideed moet worden. CSS en HTML documenten zijn toegestaan.</td>
        !           202:       <td>Geen, maar deze of de <code>text</code> parameter moet opgegeven worden.</td>
        !           203: 
        !           204:     </tr>
        !           205:     <tr>
        !           206:       <th>text</th>
        !           207:       <td>Het te valideren document, alleen CSS is toegestaan.</td>
        !           208:       <td>Geen, maar deze of de <code>uri</code> parameter moet opgegeven worden.</td>
        !           209:     </tr>
        !           210: 
        !           211:     <tr>
        !           212:       <th>usermedium</th>
        !           213:       <td>Het <a href="http://www.w3.org/TR/CSS2/media.html">medium</a> dat gebruikt 
        !           214:          wordt voor de validatie, zoals <code>screen</code>,
        !           215:          <code>print</code>, <code>braille</code>...</td>
        !           216: 
        !           217:       <td><code>all</code></td>
        !           218:     </tr>
        !           219:     <tr>
        !           220:       <th>output</th>
        !           221:       <td>Bepaalt het output formaat van de validator. Mogelijke formaten zijn
        !           222:        <code>text/html</code> en <code>html</code> (XHTML document, 
        !           223:        Content-Type: text/html), 
        !           224:        <code>application/xhtml+xml</code> en <code>xhtml</code> (XHTML 
        !           225:        document, Content-Type: application/xhtml+xml), 
        !           226:        <code>application/soap+xml</code> en <code>soap12</code> (SOAP 1.2 
        !           227:        document, Content-Type: application/soap+xml), 
        !           228:        <code>text/plain</code> en <code>text</code> (text document, 
        !           229:        Content-Type: text/plain),
        !           230:        overig (XHTML document, Content-Type: text/plain)       
        !           231:       </td>
        !           232: 
        !           233:       <td>html</td>
        !           234:     </tr>
        !           235:     <tr>
        !           236:       <th>profile</th>
        !           237:       <td>Het CSS profiel gebruikt voor de validatie. Opties zijn:
        !           238:         <code>css1</code>, <code>css2</code>, <code>css21</code>,
        !           239:         <code>css3</code>, <code>svg</code>, <code>svgbasic</code>,
        !           240:         <code>svgtiny</code>, <code>mobile</code>, <code>atsc-tv</code>,
        !           241:         <code>tv</code> of <code>none</code></td>
        !           242: 
        !           243:       <td>De meest recente W3C Recommendation: CSS 2</td>
        !           244:     </tr>
        !           245:     <tr>
        !           246:       <th>lang</th>
        !           247:       <td>De taal die gebruikt wordt voor de reactie, op dit moment <code>en</code>,
        !           248:         <code>fr</code>, <code>ja</code>, <code>es</code>,
        !           249:         <code>zh-cn</code>, <code>nl</code> en <code>de</code>.</td>
        !           250: 
        !           251:       <td>English (<code>en</code>).</td>
        !           252:     </tr>
        !           253:     <tr>
        !           254:       <th>warning</th>
        !           255:       <td>Het waarschuwingen level, <code>no</code> voor geen waarschuwingen, <code>0</code> 
        !           256:        voor minder waarschuwingen, <code>1</code> of <code>2</code> voor meer waarschuwingen
        !           257:       </td>
        !           258: 
        !           259:       <td>2</td>
        !           260:     </tr>
        !           261:   </tbody>
        !           262: </table>
        !           263: 
        !           264: <h4 id="api">CSS Validator Web Service API: SOAP 1.2 validation interface documentation</h4>
        !           265: <p>    
        !           266:     Voor technische help, en specifieke vragen over de SOAP 1.2 output en alle 
        !           267:     mogelijke manieren om de validator aan te spreken, zie de 
        !           268:     <a href="./api.html">CSS Validator Web Service API</a>.       
        !           269: </p>
        !           270: 
        !           271: </div>
        !           272: </div>
        !           273: <!-- End of "main" DIV. -->
        !           274: 
        !           275:    <ul class="navbar"  id="menu">
        !           276:        <li><strong><a href="./" title="Home pagina van de W3C CSS Validatie Service">Home</a></strong> <span class="hideme">|</span></li>
        !           277:        <li><a href="about.html" title="Over deze service">Over</a> <span class="hideme">|</span></li>
        !           278:         <li><a href="documentation.html" title="Documentatie voor de W3C CSS Validatie Service">Documentatie</a> <span class="hideme">|</span></li>
        !           279: 
        !           280:         <li><a href="DOWNLOAD.html" title="Download de CSS validator">Download</a> <span class="hideme">|</span></li>
        !           281:         <li><a href="Email.html" title="Hoe reacties te geven over deze service">Reacties</a> <span class="hideme">|</span></li>
        !           282:         <li><a href="thanks.html" title="Credits en Erkenning">Credits</a><span class="hideme">|</span></li>
        !           283:       </ul>
        !           284: 
        !           285:    <p id="activity_logos">
        !           286:       <a href="http://www.w3.org/QA/" title="W3C's Quality Assurance Activity, brengt je gratis Web kwaliteits tools en meer"><img src="http://www.w3.org/QA/2002/12/qa-small.png" alt="QA" /></a><a href="http://www.w3.org/Style/CSS/learning" title="Leer meer over Cascading Style Sheets"><img src="images/woolly-icon" alt="CSS" /></a>
        !           287:    </p>
        !           288: 
        !           289:    <p id="support_logo">
        !           290: Steun deze tool, wordt een<br />
        !           291: <a href="http://www.w3.org/Consortium/supporters"><img src="http://www.w3.org/Consortium/supporter-logos/csupporter.png" alt="W3C Supporter" /></a>
        !           292:    </p>
        !           293: 
        !           294:     <p class="copyright">
        !           295: 
        !           296:       <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 1994-2006
        !           297:       <a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a>&reg;
        !           298: 
        !           299:       (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
        !           300:       <a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
        !           301:       <a href="http://www.keio.ac.jp/">Keio</a>),
        !           302:       Alle Rechten Voorbehouden.
        !           303:       W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">aansprakelijkheid</a>,
        !           304:       <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">handelsmerk</a>,
        !           305:       <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document gebruik</a>
        !           306: 
        !           307:       en de <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software licentie</a>
        !           308: 
        !           309:       regels zijn van toepassing. Je interacties met deze site zijn in overeenstemming
        !           310:       met onze <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Public">publieke</a> en
        !           311:       <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a> privacy
        !           312:       verklaringen.
        !           313:     </p>
        !           314: 
        !           315: 
        !           316:   </body>
        !           317: 
        !           318: </html>
        !           319: 
        !           320: 
        !           321: 

Webmaster