Dreamweaver CS3 - Adobe

Koppelen naar een externe CSS-stijlpagina
DREAMWEAVER CS3
Handboek
Als u een externe CSS-stijlpagina bewerkt, worden alle aan die CSS-stijlpagina gekoppelde documenten bijgewerkt om deze
bewerkingen door te voeren. U kunt de in een document aangetroffen CSS-stijlen exporteren om zo een nieuwe CSSstijlpagina
te maken en deze te koppelen aan een externe stijlpagina door de hier gevonden stijlen toe te passen.
U kunt aan uw pagina's elke stijlpagina koppelen, die u maakt of kopieert naar uw site. Daarnaast wordt Dreamweaver
geleverd met kant-en-klare stijlpagina's die automatisch naar uw site kunnen worden verplaatst en kunnen worden
gekoppeld aan uw pagina's.
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 Stijlpagina koppelen. (Deze bevindt zich in de rechterbenedenhoek van het
paneel.)
3 Ga op een van de volgende manieren te werk:
• Klik op Bladeren om naar een externe CSS-stijlpagina te bladeren.
• Typ het pad naar de stijlpagina in het vak Bestand/URL.
4 Selecteer voor Toevoegen als een van de volgende opties:
• Selecteer Koppelen als u een koppeling wilt maken tussen het huidige document en een externe stijlpagina. Hierdoor
maakt u een koppelingslabel href in de HTML-code en brengt u een verwijzing aan naar de URL waar zich de
gepubliceerde stijlpagina bevindt. Deze methode wordt ondersteund door zowel Microsoft Internet Explorer als
Netscape Navigator.
• U kunt een koppelingslabel niet gebruiken voor het toevoegen van een verwijzing van de ene externe stijlpagina naar de
andere. Als u stijlpagina's wilt nesten, moet u een importinstructie gebruiken. De meeste browsers herkennen tevens
een importinstructie binnen een pagina (i.p.v. gewoon binnen stijlpagina's). Er zijn subtiele verschillen in de manier
waarop conflicterende eigenschappen worden opgelost wanneer er overlappende regels bestaan binnen externe
stijlpagina's die zijn gekoppeld, in vergelijking met die welke naar een pagina zijn geïmporteerd. Selecteer Importeren
als u een externe stijlpagina wilt importeren in plaats van ernaar te koppelen.
5 Geef in het pop-upmenu Media het doelmedium voor de stijlpagina op.
Zie de website van het World Wide Web Consortium op www.w3.org/TR/CSS21/media.html voor meer informatie over
media-afhankelijke stijlpagina's.
6 Klik op de knop Voorvertoning om te controleren of de stijlpagina de gewenste stijlen toepast op de huidige pagina.
Als de toegepaste stijlen niet de stijlen zijn die u verwacht, klikt u op Annuleren om de stijlpagina te verwijderen. De pagina
keert dan terug naar het vorige uiterlijk.
7 Klik op OK.
Zie ook
“Een pagina maken op basis van een Dreamweaver-voorbeeldbestand” op pagina 70
Een CSS-stijlpagina bewerken
Een doorsnee CSS-stijlpagina omvat een of meer regels. U kunt een afzonderlijke regel in een CSS-stijlpagina bewerken
met behulp van het paneel CSS-stijlen of u kunt rechtstreeks in de CSS-stijlpagina werken als dit uw voorkeur heeft.
1 Selecteer in het paneel CSS-stijlen (Venster > CSS-stijlen) de modus Alles.
2 Dubbelklik in het paneel Alle regels op de naam van de stijlpagina die u wilt bewerken.
3 Wijzig in het documentvenster de stijlpagina op de gewenste manier en sla de stijlpagina vervolgens op.
135