Operation Manual

Naar boven
Extern (CDN)
Lokaal
Pagina uit voorbeeld > Mobiele starters > jQuery Mobile (CDN).
Pagina uit voorbeeld > Mobiele starters > jQuery Mobile (lokaal).
Pagina uit voorbeeld > Mobiele starters > jQuery Mobile met thema (lokaal).
3. Klik op Maken.
Schakel de optie Koppelingen continu volgen (Beeld > Live View-opties) in op de pagina die wordt weergegeven en schakel over naar Live
View. Gebruik de navigatieonderdelen om de werking van de toepassing te testen.
Gebruik de opties in het menu Meerdere schermen om na te gaan hoe het ontwerp eruit ziet op apparaten met verschillende
schermafmetingen. Schakel Live View uit en ga terug naar de ontwerpweergave.
4. Selecteer jQuery Mobile in het deelvenster Invoegen (Venster > Invoegen). De onderdelen die u kunt toevoegen aan de webtoepassing,
worden weergegeven.
5. 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 componenten aan met de opties in het dialoogvenster dat verschijnt.
6. (jQuery Mobile (lokaal), jQuery Mobile met thema (lokaal)) Nadat u het HTML-bestand hebt opgeslagen, worden de jQuery Mobile-
bestanden, inclusief de afbeeldingsbestanden, gekopieerd naar een map op de locatie van het HTML-bestand.
Geef een voorvertoning van de pagina weer in Live View. Bepaalde CSS-klassen worden alleen toegepast in Live View.
Een webtoepassing voor mobiele apparaten maken met een nieuwe pagina
Het onderdeel Pagina fungeert als container voor alle andere component van jQuery Mobile. U moet de component Pagina toevoegen voor u de
overige componenten invoegt.
1. Selecteer Bestand > Nieuw.
2. Selecteer Lege pagina > HTML.
Sommige jQuery Mobile-componenten gebruiken HTML5-kenmerken. Selecteer HTML5 als documenttype om ervoor te zorgen dat de
pagina voldoet aan de HTML5-compatibiliteit tijdens de validatie.
3. Selecteer jQuery Mobile in het menu in het deelvenster Invoegen (Venster > Invoegen). De componenten van jQuery Mobile verschijnen in
het deelvenster.
4. Sleep het component Pagina vanuit het deelvenster Invoegen naar de ontwerpweergave.
5. Selecteer een van de volgende opties in het dialoogvenster jQuery Mobile-bestanden:
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.
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 de component Pagina op.
7. Plaats de cursor in de ontwerpweergave op de plaats waar u de component wilt invoegen en klik op de component in het deelvenster
Invoegen. Pas de componenten 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.
518