Operation Manual

XML
XSL
Naar boven
Vast
Liquid
Opmerking:
Opmerking:
Toevoegen aan kop
Nieuw bestand maken
Koppeling naar bestaand bestand
Extensible Markup Language-bestanden hebben de extensie .XML. Deze bestanden bevatten gegevens in onbewerkte vorm die kunnen
worden opgemaakt met XSL (Extensible Stylesheet Language).
Extensible Stylesheet Language-bestanden hebben de extensie .XSL of .XSLT. Deze bestanden worden gebruikt om XML-gegevens die u
op een website wilt weergeven, op te maken.
Een lay-out maken met een lege pagina
U kunt een pagina maken die een vooraf ontworpen CSS-lay-out bevat, maar u kunt ook een volledig lege pagina maken en vervolgens zelf uw
eigen lay-out maken.
1. Selecteer Bestand > Nieuw.
2. Selecteer in de categorie Lege pagina van het dialoogvenster Nieuw document het type pagina dat u wilt maken in de kolom Paginatype.
Selecteer bijvoorbeeld HTML om een gewone HTML-pagina te maken.
3. Als u een nieuwe pagina met een CSS-lay-out wilt maken, selecteert u een vooraf ontworpen CSS-indeling in de kolom Lay-out. Als u dat
niet wilt, selecteert u Geen. Op basis van de opties die u hebt geselecteerd, worden er aan de rechterkant van het dialoogvenster een
voorvertoning en een beschrijving van de geselecteerde lay-out weergegeven.
De vooraf ontworpen CSS-indelingen bieden de volgende typen kolommen:
De kolombreedte is opgegeven in pixels. De kolom wordt niet groter of kleiner op basis van de grootte van de browser of de
tekstinstellingen van de bezoeker van de site.
De kolombreedte wordt opgegeven als een percentage van de breedte van het browservenster van de bezoeker van de site. De
kolombreedte wordt automatisch aangepast als de bezoeker van de site de browser breder of smaller maakt, maar wordt niet aangepast als
de bezoeker van de site de tekstinstellingen wijzigt.
Dreamweaver biedt ook twee CSS-lay-outs voor HTML5: twee en drie kolommen met vaste breedte.
in Dreamweaver CC en hoger zijn alleen de HTML5 CSS-lay-outs beschikbaar.
4. Selecteer een documenttype in het pop-upmenu Documenttype. In de meeste gevallen kunt u de standaardselectie, XHTML 1.0 Transitional
of HTML5 (Dreamweaver CC) gebruiken.
Als u een van de XHTML-documenttypedefinities in het menu DocType (DTD) selecteert, wordt de pagina XHTML-compatibel. U kunt
bijvoorbeeld een HTML-document maken dat voldoet aan de XHTML-standaard, door in het menu de optie XHTML 1.0 overgang of XHTML
1.0 strikt te selecteren. XHTML (Extensible Hypertext Markup Language) is een herformulering van HTML als een XML-toepassing.
Gewoonlijk biedt het gebruik van XHTML u de voordelen van XML, terwijl tegelijkertijd de compatibiliteit van uw webdocumenten met oudere,
hedendaagse en toekomstige browsers is gegarandeerd.
Als u meer informatie wilt over XHTML, gaat u naar de website van het World Wide Web Consortium (W3C). Hier vindt u de
specificatie voor XHTML 1.1 - op modules gebaseerde XHTML (www.w3.org/TR/xhtml11/) en XHTML 1.0 (www.w3c.org/TR/xhtml1/) en ook
XHTML-validatiesites voor bestanden op het web (http://validator.w3.org/) en lokale bestanden (http://validator.w3.org/file-upload.html).
5. Als u in de kolom Lay-out een CSS-lay-out hebt geselecteerd, selecteert u een locatie voor de CSS van de lay-out in het pop-upmenu Lay-
out CSS.
Hiermee wordt CSS voor de indeling toegevoegd aan de kop van de pagina die u maakt.
Hiermee voegt u CSS voor de indeling toe aan een nieuw, extern CSS-bestand en koppelt u de nieuwe stijlpagina
aan de pagina die u maakt.
Hiermee kunt u een bestaand CSS-bestand opgeven dat reeds de CSS-regels bevat die nodig zijn
voor de lay-out. Klik hiertoe op het pictogram Stijlpagina koppelen boven het deelvenster CSS-bestand koppelen en selecteer een
bestaande CSS-stijlpagina. Deze optie is vooral handig wanneer u dezelfde CSS-indeling (de CSS-regels die zich in één bestand bevinden)
voor meerdere documenten wilt gebruiken.
6. (Optioneel) U kunt ook CSS-stijlpagina's aan uw nieuwe pagina koppelen (los van de CSS-indeling) wanneer u de pagina maakt. Klik hiertoe
op het pictogram Stijlpagina koppelen
boven het deelvenster CSS-bestand koppelen en selecteer een CSS-stijlpagina.
Raadpleeg het artikel Automatically attaching a style sheet to new documents van David Powers voor een gedetailleerd overzicht van dit
proces.
7. Selecteer InContext Editing inschakelen als u een pagina wilt maken die geschikt is voor InContext Editing nadat u de pagina hebt
opgeslagen.
348