Comment utiliser des widgets mobiles jquery de Dreamweaver

Le menu Insertion dans Dreamweaver comprend une collection de widgets mobiles jQuery vous pouvez utiliser pour créer des éléments de formulaire et les autres éléments couramment utilisés dans les applications web mobiles. Par exemple, vous pouvez utiliser le widget mobile jQuery pour ajouter des éléments de formulaire mobile-friendly, tels que les zones de texte et cases à cocher.

Avant que vous puissiez utiliser tous les widgets mobiles jQuery, vous devez d'abord définir une page jQuery Mobile en choisissant la page, l'élément dans la liste des widgets mobiles jQuery.

image0.jpg
  1. Créer une page web dans Dreamweaver.

  2. Cliquez pour placer votre curseur dans la partie supérieure gauche de la nouvelle page, puis choisissez la page dans le panneau jQuery Mobile Insertion.

    La boîte de dialogue des fichiers jQuery Mobile ouvre.

  3. Modifiez les paramètres par défaut dans la boîte de dialogue jQuery Mobile fichiers (ou les laisser définir les valeurs par défaut), puis cliquez sur OK.

    La boîte de dialogue de la page ouvre.

  4. Entrez un nom dans le champ ID, et sélectionner ou désélectionner les cases à cocher à côté de tête et de pied, selon que vous voulez sections de tête et de pied dans votre page mobile.

  5. Remplace le Tête, Content, et Footer texte avec le texte, les images, et d'autres éléments que vous voulez dans votre page mobile.

    Vous pouvez ajouter du texte et insérer des images et d'autres éléments dans une page d'application mobile jQuery comme vous le feriez de toute autre page dans Dreamweaver.

    Le texte doit être court et les images doit être petit pour afficher sur les petits écrans mobiles.

  6. Cliquez sur l'icône Taille mobile dans le bas à droite de l'espace de travail pour afficher la page dans une petite fenêtre.

    L'option Mobile Taille vous permet de visualiser la page d'une manière similaire à la façon dont il apparaîtra sur un petit appareil mobile.

    image1.jpg
  7. Ajouter d'autres options jQuery Mobile comme vous le souhaitez.

    Le reste de la jQuery Mobile options dans le panneau jQuery insert mobile sont facultatifs. Utilisez-les pour ajouter des fonctionnalités supplémentaires à votre page mobile, y compris des éléments de formulaire tels que les champs de mot de passe, des boutons radio, et les zones de texte.

  8. Choisissez Fichier-Enregistrer pour enregistrer la page- lorsque la boîte de dialogue Fichiers dépendants de Copie apparaît, cliquez sur OK pour générer tous les fichiers connexes.

    Pour le jQuery Mobile dispose de travailler, vous devez télécharger ces fichiers sur votre serveur Web lorsque vous téléchargez la page Web.

  9. Pour prévisualiser votre travail dans un navigateur, cliquez sur l'icône du globe en haut de l'espace de travail et sélectionnez un navigateur.

Pour tester un site mobile ou application web sur un appareil mobile, de publier la page et tous les fichiers associés à un serveur Web, puis afficher la page dans un navigateur Web sur un iPhone, un appareil Android, un Blackberry ou un autre appareil mobile.


» » » » Comment utiliser des widgets mobiles jquery de Dreamweaver