Operation Manual

149
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
Inline CSS converteren naar een CSS-regel
In-line sijlen zijn geen aangeraden beste praktijken. U kunt uw CSS schoner en meer geordend maken door inline
stijlen te converteren naar CSS-regels die zich in de koptekst van het document of in een externe stijlpagina bevinden.
1 Selecteer in de codeweergave (Weergave > Code) het gehele style-kenmerk dat de inline CSS bevat die u wilt
converteren.
2 Klik met de rechter muisknop en selecteer CSS-stijlen> Inline CSS converteren naar regel.
3 Typ in het dialoogvenster Inline CSS conversteren de klassenaam voor de nieuwe regel en ga daarna als volgt te werk:
• Geef een stijlblad op waar de nieuwe CSS-regel moet verschijnen en klik op OK.
• Selecteer de kop van het document als de plaats waar de CSS-regel moet verschijnen en klik op OK
U kunt regels tevens converteren met gebruik van de werkbalk Codering. De werkbalk Codering is uitsluitend
beschikbaar in de codeweergave.
Meer Help-onderwerpen
“Code invoegen met de werkbalk Codering” op pagina 321
Koppelen naar een externe CSS-stijlpagina
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
CSS-stijlpagina 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 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 Stijlpagina koppelen. (Deze bevindt zich in de rechterbenedenhoek
van het paneel.)
3 Voer een van de volgende handelingen uit:
• 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.