Operation Manual

506
DREAMWEAVER GEBRUIKEN
Ontwerpen voor meerdere schermen en apparaten
Laatst bijgewerkt 2/5/2011
5 Selecteer een van de volgende opties in het dialoogvenster jQuery Mobile-bestanden:
Extern (CDN) Selecteer deze optie als u verbinding wilt maken met een externe CDN-server waarop de jQuery
Mobile-bestanden worden gehost. Gebruik de standaardoptie voor de jQuery-site als u nog geen site met jQuery
Mobile-bestanden hebt geconfigureerd. U kunt ook ervoor kiezen andere CDN-servers te gebruiken.
Lokaal Met deze optie worden de beschikbare bestanden in Dreamweaver weergegeven. Als u een andere map wilt
opgeven, klikt u op Bladeren en gaat u naar de map met de jQuery Mobile-bestanden.
De CSS- en JavaScript-bestanden worden gekopieerd naar een lokale tijdelijke map totdat u het HTML-bestand
opslaat op uw computer. Nadat u het HTML-bestand hebt opgeslagen, worden alle gekoppelde jQuery Mobile-
bestanden en afbeeldingsbestanden gekopieerd naar een map in de hoofdmap van de site.
6 Geef de eigenschappen voor het onderdeel Pagina op.
7 Plaats de cursor in de ontwerpweergave op de plaats waar u het onderdeel wilt invoegen en klik op het onderdeel
in het deelvenster Invoegen. Pas de onderdelen aan met de opties in het dialoogvenster dat verschijnt.
Geef een voorvertoning van de pagina weer in Live View. Bepaalde CSS-klassen worden alleen toegepast in Live View.
Aangepaste bestanden en mappen gebruiken
U kunt aangepaste CSS- en JavaScript-bestanden voor uw toepassing maken. Zorg dat u de bestanden de namen
jquery.mobile.js, jquery.mobile.css en jquery.js geeft.
Ga als volgt te werk als u aangepaste mappen gebruikt:
1 Download de niet-gecomprimeerde versie van de jQuery 1.5-kernbibliotheek vanaf
http://docs.jquery.com/Downloading_jQuery#Download_jQuery.
2 Sla het bestand op in de kernmap die de overige bronnen bevat.
Webtoepassingen distribueren als systeemeigen
mobiele toepassingen (CS5.5)
Dankzij de integratie van Dreamweaver met jQuery Mobile en PhoneGap kunt u webtoepassingen maken en
verpakken voor distributie op Android™- en iOS-apparaten.
Voor de volgende handelingen uit om een mobiele toepassing te maken voor de mobiele winkels van Android of
iPhone™:
• U kunt elke startpagina gebruiken om uw webtoepassing te maken. Als uw webtoepassing echter systeemeigen
functies van mobiele apparaten gebruikt wanneer de toepassing wordt gedistribueerd als mobiele toepassing, moet
u de pagina jQuery Mobile (PhoneGap) gebruiken.
De startpagina jQuery Mobile (PhoneGap) bevat het bestand phonegap.js en de overige jQuery Mobile-bestanden.
Het bestand phonegap.js bevat de API's die vereist zijn voor de samenwerking met de systeemeigen functies van
mobiele apparaten, zoals een GPS, versnellingsmeter, camera enzovoort.
• Maak een pakket van de toepassing. Dreamweaver gebruikt PhoneGap-SDK's om het pakket te maken (bestand
.apk voor Android en bestand .xcodeproj voor iPhone/iPad).
• Gebruik het bestand APK of XCODEPROJ om uw webtoepassing te distribueren naar meerdere platformen.