Operation Manual

CSS
GIF
JPEG
XML
XSL
Naar boven
Vast
Vloeibaar
Opmerking:
Opmerking:
Hier volgen enkele andere veelvoorkomende bestandstypen die u kunt gebruiken bij het werken in Dreamweaver:
Cascading Style Sheet-bestanden hebben de extensie .CSS. Deze worden gebruikt om de HTML-inhoud op te maken en om de positie van
de verschillende pagina-elementen te bepalen.
Graphics Interchange Format-bestanden hebben de extensie .GIF. De GIF-indeling is een populaire grafische webindeling voor cartoons,
logo's, afbeeldingen met transparante gebieden en animaties. GIF-bestanden bevatten maximaal 256 kleuren.
Joint Photographic Experts Group-bestanden (genoemd naar de organisatie die de indeling heeft gemaakt) hebben de extensie .JPG en
zijn vaak foto's of afbeeldingen met vele kleuren. De JPEG-indeling kan het best worden gebruikt voor digitale of gescande foto's, afbeeldingen
met structuren, afbeeldingen met kleurverloop en afbeeldingen waarvoor meer dan 256 kleuren nodig zijn.
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 wordt 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-
145