Dreamweaver CS3 - Adobe

Als u een Design-Time stijlpagina wilt gebruiken, gaat u als volgt te werk.
1 Open het dialoogvenster Design-Time stijlbladen op een van de volgende manieren:
• Klik met de rechtermuisknop in het paneel CSS-stijlen en selecteer in het contextmenu Design-Time.
• Selecteer Tekst > CSS-stijlen > Design-Time.
2 Stel in het dialoogvenster opties in voor het weergeven of verbergen van de geselecteerde stijlpagina:
DREAMWEAVER CS3
Handboek
• 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 paneel 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.
Zie ook
“Overzicht Werkbalk Stijl renderen” op pagina 19
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 paneel CSS-stijlen op een van de volgende manieren:
• Selecteer Venster > CSS-stijlen.
• Druk op Shift+F11.
2 Klik in het paneel 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 KlikopdeknopVoorvertoningomdestijlpaginatoetepassenenomtecontrolerenofdestijlpaginadegewenstestijlen
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.
139