Operation Manual

162
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
7 Voer een van de volgende handelingen uit:
• Indien u in het pop-upvenster CSS-lay-out hebt gekozen voor Toevoegen aan koptekst (de standaard optie), klikt
u op Maken.
• Indien u in het pop-upvenster CSS-lay-out hebt gekozen voor Nieuw bestand maken, klikt u op Maken en voert u
de naam in van het nieuwe externe bestand in het dialoogvenster Stijlpaginabestand opslaan als.
• Indien u in het pop-upvenster CSS-lay-out het gekozen voor Koppeling met een bestaand bestand, voegt u het
externe bestand toe in het tekstvak CSS-bestand koppelen door op het pictogram Stijlpagina toevoegen te klikken,
het dialoogvenster Externe stijlpagina koppelen in te vullen en op OK te klikken. Wanneer u klaar bent, klikt u in
het dialoogvenster Nieuw document op Maken.
Opmerking: Wanneer u ervoor kiest om de optie Koppelen naar bestaand bestand te gebruiken, moet het bestand dat u
aangeeft reeds de regels bevatten voor het CSS-bestand dat erin zit vervat.
Wanneer u de CSS-lay-out in een nieuw bestand plaatst of koppelt naar een bestaand bestand, Dreamweaver wordt
het bestand automatisch gekoppeld aan de HTML-pagina die u aan het maken bent.
Opmerking: Internet Explorer voorwaardelijk commentaar (conditional comments - CCs), die kan helpen om IE-
weergaveproblemen op te lossen, blijven ingebouwd zitten in de kopregel van de nieuwe CSS-lay-out, ook waneer u kiest
voor een Nieuw extern bestand of een Bestaand extern bestand als locatie voor uw CSS-lay-out.
8 (Optioneel) U kunt ook CSS-stijlpagina's aan uw nieuwe pagina koppelen (los van de CSS-indeling) wanneer u de
pagina maakt. Klik hiertoe op het pictogram Stijlpagina koppelen boven het deelvenster Attach CSS file en selecteer
een CSS-stijlpagina.
Raadpleeg het artikel Automatically attaching a style sheet to new documents van David Powers voor een gedetailleerd
overzicht van dit proces.
Eigen CSS-lay-outs toevoegen aan de keuzelijst
1 Maak een HTML-pagina die de CSS-lay-out bevat die u wenst toe te voegen aan de keuzelijst in het dialoogvenster
Nieuw document. De CSS voor de lay-out moet zijn opgenomen in de kopregel van de HTML-pagina.
Om uw eigen CSS-lay-out consistent te houden met de andere lay-outs, die erop betrekking hebben Dreamweaver,
moet u uw HTML-bestand opslaan met een extensie .htm.
2 Voeg de HTML-pagina toe aan de map CS5\Configuration\BuiltIn\Layouts van Adobe Dreamweaver.
3 (Optioneel) Voeg een afdrukvoorbeeld van uw lay-out (bijvoorbeeld een .gif- of een .png-bestand) toe aan de map
CS5\Configuration\BuiltIn\Layouts van Adobe Dreamweaver. De standaard afbeeldingen die bij Dreamweaver
zijn meegeleverd zijn .png-bestanden van 227 pixels breed op 193 pixels hoog.
Geef uw afdrukvoorbeeld dezelfde bestandsnaam als u HTML-bestand zodat u ze gemakkelijk kunt terugvinden. Als
u HTML-bestand bijvoorbeeld mijnLayout.htm is genoemd, sla uw afdrukvoorbeeld dan op onder de naam
mijnLayout.png.
4 (Optioneel) Maak een opmerkingenbestand voor uw eigen lay-out door de map
CS5\Configuration\BuiltIn\Layouts\_notes van Adobe Dreamweaver te openen. Kopieer en plak een bestaand
opmerkingenbestand en dezelfde map en hernoem de kopie voor uw eigen lay-out. Zo kunt u bijvoorbeeld het
bestand oneColElsCtr.htm.mno kopiëren en het hernoemen naar mijnLayout.htm.mno.
5 (Optioneel) Nadat u een opmerkingenbestand hebt gemaakt voor uw eigen lay-out, kunt u het bestand openen en
geeft u de lay-outnaam, de omschrijving en het afdrukvoorbeeld aan.