So erstellen Sie Web-Widgets für iBooks Autor

iBooks Autor stellt HTML-Objekte, die HTML-Schnipsel enthalten können (was Apple nennt Web-Widgets), die Sie lassen Website-ähnliche Funktionalität von E-Book laufen. Sie können nicht nur den HTML-Code für einen Standard-Web kopieren seiten- die Sie erstellen müssen, was Apple ein Web-Widget, indem es seine Dashcode Tool ruft, einen kostenlosen Download von der apple-Website (Es erfordert, dass Sie als Entwickler registrieren).

Um ein HTML-Objekt hinzufügen, wählen Sie HTML im Widgets-Icon-Menü in der Symbolleiste oder wählen Sie Einfügen-Widget-HTML. Um die Web-Widget-Code in einen ausgewählten HTML-Objekt zu erhalten, müssen Sie ein paar Optionen:

  • Ziehen Sie die Dashcode Widget-Datei aus dem Finder auf das Objekt.

  • Klicken Sie im Interaktionsbereich Widget Inspektor Wählen Sie eine Einstellungsblatt zu öffnen, in dem Sie eine Dashcode Datei nicht finden können, wählen Sie aus und klicken Sie auf Einfügen hinzufügen, um es auf das HTML-Objekt.

    bild0.jpg

Da HTML-Objekte in Vollbild-Modus auf dem iPad abspielen, ist die Standardgröße für ein HTML-Objekt relativ klein ist, unter der Annahme, dass das Vorschaubild eher wie eine Schaltfläche oder ein Symbol als eine detaillierte Faksimile einer Webseite. Sie können die HTML-Objekt wie jedes andere Objekt die Größe, wenn Ihr Vorschaubild eine größere Größe garantiert.

Wenn Sie tun mehr als grundlegende Dashcode Widgets planen, müssen Sie solide HTML, CSS und javascript Fähigkeiten. Aber der grundlegende Prozess eine Web-Widget für die Erstellung ist die gleiche, unabhängig von ihrer Komplexität.

Wenn ein Web-Widget in Dashcode zu schaffen, ist die erste Entscheidung, die Art von Web-Widget, das Sie erstellen möchten. Um das Widget-Typ angeben, gehen Sie folgendermaßen vor:

  1. Starten Sie die Dashcode-Anwendung auf Ihrem Mac.

  2. Öffnen Sie ein neues Projekt, indem Sie Datei-Neues Projekt wählen.

    Alternativ können Sie Befehl + N drücken.

  3. Wählen Sie Armaturenbrett als Widget-Typ aus dem linken Bereich im Einstellungsblatt, das angezeigt wird.

    image1.jpg

    Sie können nicht Safari-Widgets in iBooks Author verwenden.

  4. Wählen Sie die gewünschte Vorlage aus dem Einstellungen Blatt, und klicken Sie dann auf Auswählen.

    Sie können auch auf Öffnen einer zuvor erstellten Widget, weiter zu arbeiten Bestehende.

Im Projektfenster, das nach dem Sie öffnet ein Widget zu erstellen, erscheint eine Liste der Objektattribute im linken Fensterbereich, und eine Liste der Aufgaben, erscheint am unteren Rand dieser Scheibe. Die Optionen variieren je nach Art des Widget, das Sie schaffen wollte.

image2.jpg

Die dritte Generation des iPad hat eine Bildschirmauflösung von 2048 x 1536 Pixel, aber immer noch die Web-Widgets Abmessungen für die 1024-by-768-Pixel-Auflösung, sowohl für die Kompatibilität mit den Millionen von früheren Generation iPads und weil die dritt- gesetzt Generation iPad nutzt seine zusätzliche Auflösung nicht mehr Pixel auf dem Bildschirm zu stopfen, aber glattere Pixel zu erzeugen, die mehr aussehen wie reale Bilder.

Da Web-Widgets in HTML des iBooks Author Objekte im Vollbildmodus auf dem iPad laufen, um alle Vorteile dieser Bildschirmgröße für Ihre Widgets.

Nachdem Sie die Web-Widgets Visuals eingestellt, gehen Sie durch die verschiedenen Komponenten an der Unterseite des linken Fensterbereich aufgelistet. Sie können auch durch die Wahl View-Source Code oder Befehlstaste + 2 unterhalb des Hauptfensters (und bearbeiten), um den entsprechenden Code angezeigt werden soll.

image3.jpg

Unterhalb der Komponentenliste ist die Scheibe Workflow-Schritte, die Sie durch die Schritte bewegen können benötigt, um die Web-Widget zu vervollständigen, mit den erforderlichen Maßnahmen aufgelistet. Klicken Sie auf das Dreiecksymbol auf eine Anforderung des links das Hauptfenster die entsprechenden Einstellungen zeigen zu lassen. Klicken Sie auf Mark als für jeden Workflow-Schritt getan, um Sie abgeschlossen haben, so dass Sie leicht Ihre Fortschritte verfolgen können.

Vorschau auf Ihre Web-Widget, indem Sie die Schaltfläche Ausführen in der Symbolleiste klicken.

Gehen Sie auf die Web-Widget in iBooks Autor zu bekommen, zum letzten Workflow-Schritt (Test Share) und klicken Sie auf die Aktienoption. Klicken Sie auf Save to Disk, um das Widget zu erstellen (.wdgt) Datei, die importiert werden können, oder in iBooks Autor gezogen.

Menü