Operation Manual

155
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
2 Stel in het dialoogvenster opties in voor het weergeven of verbergen van de geselecteerde stijlpagina:
• Voor het weergeven van een CSS-stijlpagina tijdens de ontwerptijd klikt u op de knop Plus (+) boven Alleen
weergeven tijdens ontwerptijd en bladert u vervolgens in het dialoogvenster Een stijlpagina selecteren naar de CSS-
stijlpagina die u wilt weergeven.
• Voor het verbergen van een CSS-stijlpagina tijdens de ontwerptijd klikt u op de knop Plus (+) boven Verbergen
tijdens ontwerptijd en bladert u vervolgens in het dialoogvenster Een stijlpagina selecteren naar de CSS-stijlpagina
die u wilt verbergen.
• Voor het verwijderen van een stijlpagina uit een van de twee lijsten klikt u op de stijlpagina die u wilt verwijderen,
en klikt u vervolgens op de juiste knop Minus (–).
3 Klik op OK om het dialoogvenster te sluiten.
Het deelvenster CSS-stijlen wordt mét de namen van geselecteerde stijlpagina's bijgewerkt met een aanduiding
"verborgen" of "ontwerp" om de status van de stijlpagina's te weerspiegelen.
Meer Help-onderwerpen
“Overzicht Werkbalk Stijl renderen” op pagina 11
Voorbeeldstijlbladen van Dreamweaver gebruiken
Dreamweaver biedt voorbeeldstijlpagina's die u kunt toepassen op uw pagina's of die u kunt gebruiken als beginpunt
voor het ontwikkelen van uw eigen stijlen.
1 Open het deelvenster CSS-stijlen op een van de volgende manieren:
• Selecteer Venster > CSS-stijlen.
• Druk op Shift+F11.
2 Klik in het deelvenster CSS-stijlen op de knop Externe stijlpagina koppelen. (Deze bevindt zich in de
rechterbenedenhoek van het paneel.)
3 klik in het dialoogvenster Externe stijlpagina koppelen op Voorbeeldstijlpagina's.
4 Selecteer in het dialoogvenster Voorbeeldstijlpagina's een stijlpagina in het lijstvak.
Terwijl u stijlpagina's binnen dit lijstvak selecteert, wordt in het paneel Voorvertoning de tekst- en kleuropmaak van
de geselecteerde stijlpagina weergegeven.
5 Klik op de knop Voorvertoning om de stijlpagina toe te passen en om te controleren of de stijlpagina de gewenste
stijlen toepast op de huidige pagina.
Als de toegepaste stijlen niet zijn wat u ervan verwacht, selecteert u een andere stijlpagina in de lijst en klikt u op
Voorvertoning om deze stijlen te bekijken.
6 Standaard slaat Dreamweaver de stijlpagina op in een map met de naam CSS net onder de hoofddirectory van de
site die u voor uw pagina hebt gedefinieerd. Als die map niet bestaat, maakt Dreamweaver deze voor u. U kunt het
bestand opslaan op een andere locatie door op Bladeren te klikken en naar een andere map te bladeren.
7 Wanneer u een stijlpagina vindt, waarvan de opmaakregels voldoen aan uw ontwerpcriteria, klikt u op OK.
CSS-stijlpagina's bijwerken op een Contribute-site
Gebruikers van Adobe Contribute kunnen geen wijzigingen aanbrengen in een CSS-stijlblad. Voor het wijzigen van
een stijlpagina voor een Contribute-site gebruikt u Dreamweaver.
1 Bewerk de stijlpagina met behulp van de hulpprogramma's van Dreamweaver voor het bewerken van stijlpagina's.