Operation Manual

508
DREAMWEAVER GEBRUIKEN
Ontwerpen voor meerdere schermen en apparaten
Laatst bijgewerkt 2/5/2011
Opmerking: Wanneer u op Opslaan klikt, wordt het bestand phonegap.js naar de hoofdmap van de site gekopieerd.
9 Voer een van de volgende handelingen uit:
• Selecteer Site > Mobiele toepassingen > Samenstellen als u uw toepassing rechtstreeks naar een apparaat
distribueert. Selecteer een platform/apparaat voor de build.
• Selecteer Site > Mobiele toepassingen > Samenstellen en emuleren als u wilt controleren hoe de build eruit ziet
in een emulator voordat u de build gaat samenstellen.
Een toepassingspakket maken (Mac OS)
Ga naar www.adobe.com/go/dw_mobileapp_sampleapp_nl voor een zelfstudie met voorbeeldbestanden over het
maken van een webtoepassing.
1 Open de webtoepassing die u wilt converteren naar een mobiele toepassing. Zorg dat uw webtoepassing is ingesteld
als een site in Dreamweaver en dat de site kleiner is dan 25 MB.
Opmerking: Controleer of de toepassing alleen HTML5-, CSS- en JavaScript-bestanden bevat.
2 Selecteer Site > Mobiele toepassingen > Toepassingsframework configureren.
3 Installeer de SDK voor iOS of Android, afhankelijk van uw vereisten:
• Klik op de koppeling Apple iOS Dev Center om de xcode- en iOS-SDK te downloaden en installeren. De
toepassing wordt standaard geïnstalleerd in de map OS <versienummer>/developer.
Meld u aan bij Dev Center met uw Apple-id. De registratie is gratis. Maak een account als u nog geen
geregistreerde gebruiker bent.
Opmerking: Het SDK-pakket dat u downloadt van Apple Dev Center kunt u gebruiken om te testen. Als u uw
toepassing echter uploadt naar de Apple Store, moet u zich registreren als Apple-ontwikkelaar nadat u de vereiste
kosten hebt betaald.
• Klik op Eenvoudig installeren om de Android-SDK te installeren.
4 Klik op Opslaan.
5 Selecteer Site > Mobiele toepassingen > Toepassingsinstellingen.
6 Gebruik de informatie in het dialoogvenster om een naam voor het pakket op te geven bij Bundel-id.
7 Geef een naam voor de toepassing op, en de naam van de persoon die de toepassing heeft ontworpen.
8 Voer desgewenst de volgende handelingen uit:
• (Android) Geef bij PNG van toepassingspictogram een PNG-bestand op dat wordt gebruikt als pictogram voor
de Android-toepassing. Dreamweaver wijzigt het pictogramformaat in het standaardformaat als u het formaat
nog niet hebt aangepast.
• (Mac® OS 10.6.x) Geef bij PNG van startpagina een PNG-bestand op dat wordt gebruikt als pictogram voor de
iOS-toepassing. Dreamweaver wijzigt het pictogramformaat in het standaardformaat als u het formaat nog niet
hebt aangepast.
• (Mac OS 10.6.x) Selecteer een versie van de iPhone/iPod Touch/iPad waarvoor u het pakket maakt.
• Geef een ander doelpad voor het pakket op.
Opmerking: Wanneer u op Opslaan klikt, wordt het bestand phonegap.js naar de hoofdmap van de site gekopieerd.
9 Voer een van de volgende handelingen uit:
• Selecteer Site > Mobiele toepassingen > Samenstellen als u uw toepassing rechtstreeks naar een apparaat
distribueert. Selecteer een platform/apparaat voor de build.