Operation Manual

Opmerking:
Naar boven
Naar boven
Opmerking:
Naar boven
Wanneer u een pagina-element selecteert, wordt 'Berekend' geselecteerd in het deelvenster Kiezers. Klik op een kiezer om de
bijbehorende bron, mediaquery of eigenschappen weer te geven.
Als u alle kiezers wilt weergeven, kiest u Alle bronnen in het deelvenster Bronnen. Als u kiezers wilt weergeven die niet tot een mediaquery in de
geselecteerde bron behoren, klikt u op Algemeen in het deelvenster @Media.
Videozelfstudie
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 document identificeert CSS ontwerpen de juiste kiezer
en geeft deze weer (maximaal drie regels).
Voer een van de volgende handelingen uit:
Gebruik de toets pijl-omhoog of pijl-omlaag om de voorgestelde kiezer meer of minder specifiek te maken.
Verwijder de voorgestelde regel en typ de gewenste kiezer. Zorg ervoor dat u de naam van de kiezer en de aanduiding voor Type kiezer
invoert. Als u bijvoorbeeld een id opgeeft, moet u voor de naam van de kiezer een '#' plaatsen.
Als u naar een specifieke kiezer wilt zoeken, gebruikt u het zoekvak boven aan het deelvenster.
Als u de naam van een kiezer wilt wijzigen, klikt u op de kiezer en typt u de gewenste naam.
Als u de kiezers opnieuw wilt indelen, sleept u de kiezers naar de gewenste positie.
269