Operation Manual

503
DREAMWEAVER GEBRUIKEN
Ontwerpen voor meerdere schermen en apparaten
Laatst bijgewerkt 2/5/2011
Een ander bestand met mediaquery's voor de hele site selecteren
Gebruik deze procedure om het bestand met mediaquery's voor de hele site te wijzigen dat u hebt ingesteld in het
dialoogvenster Mediaquery's.
1 Selecteer Site > Sites beheren.
2 Selecteer uw site in het dialoogventer Sites beheren.
3 Klik op Bewerken. Het dialoogvenster Site-instelling wordt weergegeven.
4 Selecteer Lokale informatie bij Geavanceerde instellingen in het linkerdeelvenster.
5 Klik op Bladeren bij Mediaquerybestand voor de hele site om het CSS-bestand voor mediaquery's te selecteren.
Opmerking: als u het mediaquerybestand voor de hele site wijzigt, heeft dit geen invloed op documenten die zijn
gekoppeld aan een ander of eerder mediaquerybestand voor de hele site.
6 Klik op Opslaan.
Webpagina's weergeven op basis van mediaquery's
De afmetingen die zijn opgegeven in een mediaquery, worden weergegeven bij de opties voor knop- en venstergrootte
van Meerdere schermen. Als u een afmeting in het menu kiest, worden de volgende wijzigingen doorgevoerd:
• De weergavegrootte wordt ingesteld op de opgegeven afmetingen. De grootte van het documentframe blijft
ongewijzigd.
• Het CSS-bestand dat is opgegeven in de mediaquery, wordt gebruikt om de pagina weer te geven.
Oriëntatie van de pagina wijzigen (CS5.5)
Bij de meeste geavanceerde mobiele apparaten is de oriëntatie van de pagina afhankelijk van de wijze waarop het
apparaat wordt vastgehouden. Als de gebruiker de telefoon verticaal houdt, wordt de staande oriëntatie gebruikt.
Wanneer de gebruiker het apparaat in horizontale richting draait, wordt de pagina automatisch aangepast aan de
afmetingen voor de liggende oriëntatie.
In Dreamweaver is de optie om een pagina met liggende of staande oriëntatie weer te geven beschikbaar in Live View
en de ontwerpweergave. Met deze opties kunt u testen hoe u pagina wordt aangepast aan deze instellingen. Vervolgens
kunt u zo nodig uw CSS-bestand aanpassen zodat de pagina voor beide oriëntaties op de juiste wijze wordt
weergegeven.
❖ Selecteer Weergave > Venstergrootte > Liggende oriëntatie of Staande oriëntatie.
Webtoepassingen voor mobiele apparaten maken
(CS5.5)
Dankzij de integratie van Dreamweaver met jQuery Mobile kunt u snel een webtoepassing ontwerpen die geschikt is
voor de meeste apparaten en automatisch wordt aangepast aan de schermafmetingen van het apparaat.
Meer Help-onderwerpen
http://jquerymobile.com/demos/1.0a3/