Dreamweaver και jQuery Mobile Integration

• Ενδέχεται 18, 2024

Τα τελευταία χρόνια, το Dreamweaver^R έχει δοθεί ένας αυξανόμενος αριθμός λειτουργιών για τη δημιουργία περιεχομένου κινητού περιεχομένου ιστού και κινητών εφαρμογών. Αυτή η νέα αναβάθμιση στο CS6 δεν αποτελεί εξαίρεση. Το Dreamweaver CS6 έχει βελτιωμένη ροή εργασίας με τις λειτουργίες jQuery Mobile.

Η εκκίνηση ενός νέου έργου για κινητά είναι απλή με τη νέα επιλογή Σελίδα από δείγμα στο παράθυρο διαλόγου Νέο έγγραφο. Μπορείτε να επιλέξετε ένα jQuery Mobile δείγμα από το φάκελο Mobile Starters. Αυτή η σελίδα δείγματος συνοδεύεται από μερικά προεγκατεστημένα αρχεία γραφικών, css και JavaScript.

Από αυτή τη δοκιμαστική σελίδα, μπορούμε να αρχίσουμε να κατασκευάζουμε το έργο μας προσθέτοντας στοιχεία στη σελίδα.

1. Στο πλαίσιο "Εισαγωγή", θα επιλέξουμε το jQuery Mobile από το μενού κατηγορίας. Αυτό θα εμφανίσει τα προεγκατεστημένα στοιχεία.
   
   
2. Για να προσθέσετε ένα νέο στοιχείο, θα τοποθετήσουμε τον κέρσορα στη θέση όπου θα προστεθεί το νέο στοιχείο σχεδίασης και κάντε κλικ σε ένα από τα στοιχεία της λίστας. Για παράδειγμα, ας επιλέξουμε ένα ρυθμιστικό.
   
   Το Dreamweaver θα προσθέσει αυτόματα τον κώδικα για το ρυθμιστικό στη σελίδα μας. Στη Ζωντανή προβολή, μπορούμε να δούμε τον νέο ρυθμιστή του ρυθμιστή.
   
   

Αλλά αυτή η σελίδα είναι λίγο γενική αναζητούν. Έχουμε έναν γρήγορο και εύκολο τρόπο να διαμορφώσουμε τη σελίδα μας με το νέο πίνακα jQuery Mobile Swatches.

1. Από το Menubar, κάντε κλικ στο Window - jQuery Mobile Swatches. Αν δεν έχετε ήδη φορτώσει τα υποστηρικτικά γραφικά, css και αρχεία JavaScript, θα δείτε ένα παράθυρο διαλόγου που εμφανίζεται. Κάντε κλικ στην επιλογή Αντιγραφή για να φορτώσετε τα αρχεία.
   
   
2. Ο νέος πίνακας jQuery Mobile Swatches είναι κενός μέχρι να επιλέξετε ένα στοιχείο στη σελίδα δείγματος. Όταν επιλέγετε ένα στοιχείο, ο πίνακας εμφανίζει τα αντίστοιχα δείγματα διαθέσιμα για αυτό το στοιχείο. Εάν επιλέξετε το στοιχείο κεφαλίδας, θα δείτε διάφορα θέματα κεφαλίδας.
   
   
3. Εάν μεταβούμε στη Ζωντανή προβολή, μπορούμε να κάνουμε κλικ σε κάθε δείγμα θέματος για να δείτε μια προεπισκόπηση του τρόπου εμφάνισής τους.
   
   

Μπορούμε να το επαναλάβουμε για όλα τα στοιχεία σχεδιασμού στη σελίδα μας. Καθώς το κάνουμε αυτό, ο πίνακας jQuery Mobile Swatches θα εμφανίσει τα αντίστοιχα διαθέσιμα δείγματα θεμάτων. Μπορούμε επίσης να χρησιμοποιήσουμε τον Διακόπτη Ανάλυσης για την προεπισκόπηση του σχεδιασμού όπως θα δούμε στην επιφάνεια εργασίας και τις αναλύσεις tablet.

Αν χρησιμοποιούμε το σύνδεσμο Get Moremes στο κάτω μέρος του πίνακα, ένα πρόγραμμα περιήγησης θα ανοίξει στο ThemeRoller για την ιστοσελίδα jQuery Mobile.

* Η Adobe μου έδωσε ένα αντίγραφο αυτού του λογισμικού για σκοπούς αναθεώρησης.

Πνευματικά δικαιώματα 2018 Adobe Systems Incorporated. Ολα τα δικαιώματα διατηρούνται. Οι φωτογραφίες της οθόνης του προϊόντος Adobe ανατυπώνονται με την άδεια της Adobe Systems Incorporated. Adobe Photoshop, Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, είναι / είναι είτε [ή] καταχωρισμένο εμπορικό σήμα ή εμπορικό σήμα της Adobe Systems Incorporated στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.

Οδηγίες Βίντεο: How to Install Facebook Pixel on your Website - 3 Easy Ways (Ενδέχεται 2024).