Wie man ein Handy-Ready Seite in Dreamweaver erstellen
Dreamweaver jQuery Mobile Starter Seiten sind ein guter Weg, um schnell eine mobile Website zu generieren. Der Mobile Starter Seite erstellt eine HTML5-Seite mit fünf prebuilt jQuery Mobile Daten-Seiten oder Abschnitte der HTML-Seite, die aussehen und handeln wie # 147-Seiten # 148-, als sie in einem mobilen Gerät erscheinen oder verschwinden. Und diese Starter-Seiten bieten einen feinen Startplatz für mobile Seiten und Anwendungen.
Menu
- Wählen sie datei-neu.
- Wählen sie seite aus der probe in der linken spalte, mobilstarter im sample-spalte ordner und jquery mobile (cdn) in der beispiel-seite spalte.
- Klicken sie auf die schaltfläche erstellen.
- So bearbeiten sie die seiten, deaktivieren sie live view und bearbeiten sie im dokumentfenster.
- Nachdem sie den platzhalter inhalt zu bearbeiten, es mit ihrem eigenen inhalt zu ersetzen, wechseln zurück zu live-ansicht, um zu sehen, wie die seiten in mobilen gerät browser aussehen wird.
Befolgen Sie diese Schritte zu erzeugen und eine jQuery Mobile Seite in Dreamweaver anpassen:
Wählen Sie Datei-Neu.
Das Dialogfeld Neues Dokument wird geöffnet.
Wählen Sie Seite aus der Probe in der linken Spalte, Mobilstarter im Sample-Spalte Ordner und jQuery Mobile (CDN) in der Beispiel-Seite Spalte.
Wählen Sie die erste Option, jQuery Mobile (CDN).
DOCTYPE ist standardmäßig auf HTML5 gesetzt, was für jQuery Mobile-Seiten benötigt wird. Das Dialogfeld Neues Dokument, mit Einstellungen für eine jQuery Mobile Seite gezeigt.
Klicken Sie auf die Schaltfläche Erstellen.
Eine HTML-Seite erscheint mit vier jQuery Mobile # 147-Seiten # 148.
Da die generierte Seite auf javascript angewiesen ist, kann man nichts nahe an der tatsächlichen Erscheinung sehen, ohne auf Live-Ansicht drehen.
Um ein Gefühl dafür bekommen, wie die Seite in einem mobilen Gerät aussehen und funktionieren, klicken Sie auf die Live-View-Taste und navigieren Sie in den generierten jQuery Mobile-Seiten, die Vor- und Zurück-Tasten auf dem Dokumentfenster-Symbolleiste. Verwenden Sie die Fenstergröße Option auf der Symbolleiste am unteren Rand des Dokumentfensters Ansichtsfenster auf ein mobiles Gerät Größe zu ändern.
So bearbeiten Sie die Seiten, deaktivieren Sie Live View und bearbeiten Sie im Dokumentfenster.
Jedes jQuery Mobile # 147-Seite # 148- (innerhalb der einzelnen HTML-Datei) hat drei DIV-Tags in ihr: ein jQuery Mobile-Header, ein jQuery Mobile Content-Element und ein jQuery Mobile Footer.
Nachdem Sie den Platzhalter Inhalt zu bearbeiten, es mit Ihrem eigenen Inhalt zu ersetzen, wechseln zurück zu Live-Ansicht, um zu sehen, wie die Seiten in mobilen Gerät Browser aussehen wird.
Sie können den Inhalt eines der Elemente in der Entwurfs bearbeiten, um die gleiche Art und Weise sehen Sie eine HTML-Seite in Dreamweaver bearbeiten.