03.05.2013 Views

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

6 Selecteer een locatie voor de CSS van de lay-out uit Layout CSS in het pop-upmenu.<br />

Toevoegen aan kop Hiermee wordt CSS voor de indeling toegevoegd aan de kop van de pagina die u maakt.<br />

DREAMWEAVER <strong>CS3</strong><br />

Handboek<br />

Nieuw bestand maken Voegt CSS voor de lay-out toe aan een nieuwe externe CSS stylesheet en voegt de nieuwe stylesheet<br />

bij de pagina die u creëert.<br />

Koppeling naar bestaand bestand Hiermee kunt u een bestaand CSS-bestand opgeven dat reeds de CSS-regels bevat die<br />

nodig zijn voor de indeling. Deze optie is vooral handig wanneer u dezelfde CSS-indeling (de CSS-regels die zich in één<br />

bestand bevinden) voor meerdere documenten wilt gebruiken.<br />

7 Ga op een van de volgende manieren te werk:<br />

• Indien u in het pop-upvenster CSS-lay-out hebt gekozen voor Toevoegen aan koptekst (de standaard optie), klikt u op<br />

Maken.<br />

• Indien u in het pop-upvenster CSS-lay-out hebt gekozen voor Nieuw bestand maken, klikt u op Maken en voert u de<br />

naam in van het nieuwe externe bestand in het dialoogvenster Stijlpaginabestand opslaan als.<br />

• Indien u in het pop-upvenster CSS-lay-out het gekozen voor Koppeling met een bestaand bestand, voegt u het externe<br />

bestand toe in het tekstvak CSS-bestand koppelen door op het pictogram Stijlpagina toevoegen te klikken, het<br />

dialoogvenster Externe stijlpagina koppelen in te vullen en op OK te klikken. Wanneer u klaar bent, klikt u in het<br />

dialoogvenster Nieuw document op Maken.<br />

Opmerking: Wanneer u ervoor kiest om de optie Koppelen naar bestaand bestand te gebruiken, moet het bestand dat u<br />

aangeeft reeds de regels bevatten voor het CSS-bestand dat erin zit vervat.<br />

Wanneer u de CSS-lay-out in een nieuw bestand plaatst of koppelt naar een bestaand bestand, <strong>Dreamweaver</strong> wordt het<br />

bestand automatisch gekoppeld aan de HTML-pagina die u aan het maken bent.<br />

Opmerking: Internet Explorer voorwaardelijk commentaar (conditional comments - CCs), die kan helpen om IEweergaveproblemen<br />

op te lossen, blijven ingebouwd zitten in de kopregel van de nieuwe CSS-lay-out, ook waneer u kiest voor<br />

een Nieuw extern bestand of een Bestaand extern bestand als locatie voor uw CSS-lay-out.<br />

8 (Optioneel) U kunt ook CSS-stijlpagina's aan uw nieuwe pagina koppelen (los van de CSS-indeling) wanneer u de pagina<br />

maakt. Klik hiertoe op het pictogram Stijlpagina koppelen boven het deelvenster Attach CSS file en selecteer een CSSstijlpagina.<br />

Eigen CSS-lay-outs toevoegen aan de keuzelijst<br />

1 Maak een HTML-pagina die de CSS-lay-out bevat die u wenst toe te voegen aan de keuzelijst in het dialoogvenster<br />

Nieuw document. De CSS voor de lay-out moet zijn opgenomen in de kopregel van de HTML-pagina.<br />

Om uw eigen CSS-lay-out consistent te houden met de andere lay-outs, die erop betrekking hebben <strong>Dreamweaver</strong>, moet u<br />

uw HTML-bestand opslaan met een extensie .htm.<br />

2 Voeg de HTML-pagina toe aan de map <strong>CS3</strong>\Configuration\BuiltIn\Layouts van <strong>Adobe</strong> <strong>Dreamweaver</strong>.<br />

3 (Optioneel) Voeg een afdrukvoorbeeld van uw lay-out (bijvoorbeeld een .gif- of een .png-bestand) toe aan de map<br />

<strong>CS3</strong>\Configuration\BuiltIn\Layouts van <strong>Adobe</strong> <strong>Dreamweaver</strong>. De standaard afbeeldingen die bij <strong>Dreamweaver</strong> zijn<br />

meegeleverd zijn .png-bestanden van 227 pixels breed op 193 pixels hoog.<br />

Geef uw afdrukvoorbeeld dezelfde bestandsnaam als u HTML-bestand zodat u ze gemakkelijk kunt terugvinden. Als u<br />

HTML-bestand bijvoorbeeld mijnLayout.htm is genoemd, sla uw afdrukvoorbeeld dan op onder de naam mijnLayout.png.<br />

4 (Optioneel) Maak een opmerkingenbestand voor uw eigen lay-out door de map<br />

<strong>CS3</strong>\Configuration\BuiltIn\Layouts\_notes van <strong>Adobe</strong> <strong>Dreamweaver</strong> te openen. Kopieer en plak een bestaand<br />

opmerkingenbestand en dezelfde map en hernoem de kopie voor uw eigen lay-out. Zo kunt u bijvoorbeeld het bestand<br />

oneColElsCtr.htm.mno kopiëren en het hernoemen naar mijnLayout.htm.mno.<br />

5 (Optioneel) Nadat u een opmerkingenbestand hebt gemaakt voor uw eigen lay-out, kunt u het bestand openen en geeft<br />

u de lay-outnaam, de omschrijving en het afdrukvoorbeeld aan.<br />

145

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!