Operation Manual

502
DREAMWEAVER GEBRUIKEN
Ontwerpen voor meerdere schermen en apparaten
Laatst bijgewerkt 2/5/2011
Als u deze optie inschakelt, wordt de volgende code ingevoegd in uw bestand.
<meta name="viewport" content="width=device-width">
6 Voer een van de volgende handelingen uit:
Klik op ‘+’ om de eigenschappen voor het mediaquerybestand te definiëren.
Klik op Standaardvoorinstellingen als u wilt beginnen met de standaardwaarden.
7 Selecteer rijen in de tabel en gebruik de opties bij Eigenschappen om de eigenschappen van de rijen te bewerken.
Beschrijving De beschrijving van het apparaat waarvoor het CSS-bestand moet worden gebruikt. Bijvoorbeeld
telefoon, televisie, tablet enzovoort.
Minimumbreedte en Maximumbreedte Het CSS-bestand wordt gebruikt voor apparaten waarvan de
gerapporteerde breedte binnen de opgegeven waarden valt.
Opmerking: Laat Minimumbreedte of Maximumbreedte leeg als u niet een specifiek bereik voor een apparaat wilt
instellen. Het is bijvoorbeeld gebruikelijk om Minimumbreedte leeg te laten als u het bestand gaat gebruiken voor
telefoons, die een breedte van 320 pixels of minder hebben.
CSS-bestand Selecteer Bestaand bestand gebruiken en blader naar het CSS-bestand voor het apparaat.
Selecteer Nieuw bestand maken als u een CSS-bestand wilt opgeven dat u nog moet maken. Voer de naam van het
CSS-bestand in. Het bestand wordt gemaakt als u op OK klikt.
8 Klik op OK.
9 Er wordt een nieuw bestand gemaakt voor het mediaquerybestand voor de hele site. Sla het bestand op.
Mediaquery voor de hele site: zorg dat u voor alle bestaande pagina's het mediaquerybestand opneemt binnen de tag
<head>.
Voorbeeld van een koppeling naar een mediaquery, waarbij mediaquery_adobedotcom.css het mediaquerybestand
voor de hele is voor de site www.adobe.com/nl:
<link href="mediaquery_adobedotcom.css" rel="stylesheet" type="text/css">
Een bestaand mediaquerybestand gebruiken
1 Maak een webpagina of open een bestaande webpagina.
2 Selecteer Wijzigen > Mediaquery's.
3 Selecteer Bestand met mediaquery's voor de hele site.
4 Klik op Opgeven.
5 Selecteer Bestaand bestand gebruiken als u al een CSS-bestand met de mediaquery hebt gemaakt.
6 Klik op het bladerpictogram om naar het bestand te bladeren en dit op te geven. Klik op OK.
7 Selecteer Bestand met mediaquery's voor de hele site.
8 Controleer of de optie Doorgeven van werkelijke breedte door apparaten forceren is ingeschakeld om ervoor te
zorgen dat apparaten de werkelijke breedte doorgeven. Als u deze optie inschakelt, wordt de volgende code
ingevoegd in uw bestand.
<meta name="viewport" content="width=device-width">
9 Klik op OK.