Comment créer une page mobile prêt dans Dreamweaver

Les pages jQuery Mobile Starter de Dreamweaver sont un bon moyen de générer rapidement un site mobile-friendly. La page de démarrage mobile crée une page HTML5 avec cinq jQuery Mobile Data-pages prédéfinies, ou des sections de la page HTML qui ressemblent et agissent comme “ pages ” comme ils apparaissent ou disparaissent au sein d'un appareil mobile. Et ces pages de démarrage fournissent un point de départ parfait pour les deux pages et applications mobiles.

Sommaire

Suivez ces étapes pour générer et personnaliser une page jQuery Mobile dans Dreamweaver:

1

Choisissez Fichier-Nouveau.

La boîte de dialogue Document ouvre.

Comment créer une page mobile prêt dans Dreamweaver
Comment créer une page mobile prêt dans Dreamweaver Agrandir
2

Sélectionnez la page à partir de l'échantillon dans la colonne de gauche, qui débutèrent mobiles dans la colonne des dossiers de l'échantillon, et jQuery Mobile (CDN) dans la colonne Sample Page.




Choisissez la première option, jQuery Mobile (CDN).

DOCTYPE est fixé par défaut à HTML5, qui est nécessaire pour les pages basées-Mobile jQuery. La boîte de dialogue Nouveau document, avec des réglages pour une page jQuery Mobile, est représentée.

Comment créer une page mobile prêt dans Dreamweaver
Comment créer une page mobile prêt dans Dreamweaver Agrandir
3

Cliquez sur le bouton Créer.

Une page HTML apparaît avec quatre jQuery Mobile “ n ° 148 pages.

Parce que la page générée repose sur javascript, vous ne pouvez pas voir quoi que ce soit à proximité de l'apparence réelle sans allumer Live view.

Pour avoir une idée de comment la page va chercher et de travailler dans un appareil mobile, cliquez sur le bouton Live View et de naviguer dans les pages générées jQuery Mobile, en utilisant les boutons Suivant et Précédent sur la barre d'outils de la fenêtre de document. Utilisez l'option Taille de la fenêtre sur la barre d'outils au bas de redimensionner la fenêtre de document fenêtre à une taille de dispositif mobile.

4

Pour modifier les pages, décochez Live View, et modifier dans la fenêtre de document.

Chaque jQuery Mobile “ page ” (dans le fichier HTML unique) a trois balises DIV en son sein: un jQuery Mobile-tête, un élément de contenu jQuery Mobile, et un pied de page jQuery Mobile.

5

Après avoir modifié le contenu de l'espace réservé, le remplacer par votre propre contenu, basculer revenir à l'affichage en direct pour voir comment les pages vont chercher dans les navigateurs des appareils mobiles.

Vous pouvez modifier le contenu de l'un des éléments en mode Création de la même façon que vous modifiez une page HTML dans Dreamweaver.


» » » » Comment créer une page mobile prêt dans Dreamweaver