Operation Manual

Naar boven
Naar boven
Opmerking:
Naar boven
Het deelvenster CSS ontwerpen gebruiken
Stijlpagina's maken en koppelen
1. Klik in het deelvenster Bronnen van het deelvenster CSS ontwerpen op en klik
vervolgens op een van de volgende opties:
Nieuw CSS-bestand maken: een nieuw CSS-bestand maken en koppelen aan het
document
Bestaand CSS-bestand koppelen: een bestaand CSS-bestand aan het document
koppelen
Definiëren in pagina: CSS in het document definiëren
Afhankelijk van de geselecteerde optie, Nieuw CSS-bestand maken of Bestaand CSS-
bestand koppelen, wordt een dialoogvenster weergegeven.
2. Klik op Bladeren om de naam van het CSS-bestand op te geven, en de locatie waar u
het nieuwe bestand wilt opslaan als u een nieuw CSS-bestand maakt.
3. Voer een van de volgende handelingen uit:
Klik op Koppeling om het Dreamweaver-document te koppelen met het CSS-bestand
Klik op Import om het CSS-bestand te importeren in het document.
4. (Optioneel) Klik op Voorwaardelijk gebruik en geef de mediaquery op die u met het CSS-
bestand wilt koppelen.
Mediaquery's definiëren
1. Klik op een CSS-bron in het deelvenster Bronnen van het deelvenster CSS ontwerpen.
2. Klik op
in het deelvenster @Media om een nieuwe mediaquery toe te voegen.
Het deelvenster Mediaquery definiëren wordt weergegeven met alle
mediaqueryvoorwaarden die door Dreamweaver worden ondersteund.
3. Selecteer de voorwaarden op basis van uw vereisten. Zie dit artikel voor gedetailleerde
informatie over mediaquery's.
Zorg dat u geldige waarden opgeeft voor elke voorwaarde die u selecteert. Anders
worden de bijbehorende mediaquery's niet gemaakt.
momenteel wordt alleen de bewerking 'En' ondersteund voor meerdere
voorwaarden.
Als u mediaqueryvoorwaarden via code toevoegt, worden alleen de ondersteunde voorwaarden ingevuld in
het dialoogvenster Mediaquery definiëren. In het tekstvak Code wordt echter de volledige code weergegeven
(inclusief niet-ondersteunde voorwaarden).
Als u op een mediaquery klikt in de ontwerpweergave of in Live View, schakelt de viewport over naar de
geselecteerde mediaquery. Klik op Algemeen in het deelvenster @Media als u de volledige viewport wilt
weergeven.
CSS-kiezers definiëren
1. Selecteer in het deelvenster CSS ontwerpen een CSS-bron in het deelvenster Bronnen
of een mediaquery in het deelvenster @Media.
2. Klik in het deelvenster Kiezers op
. Op basis van het geselecteerde element in het
256