it-swarm.com.de

Adobe Edge Reflow - Wie erhalte ich den Code?

Ich baue ein Projekt mit Reflow. Hier können Sie mit dem Layout spielen, die Haltepunkte setzen und so weiter. Wie kann ich den Code (HTML und CSS) für die fertige Seite erhalten?

Es gibt eine Option Vorschau in Chrome, die eine Vorschau der Dateien erstellt, aber der Code ist nicht perfekt und es heißt: <!-- This code is only meant for previewing your Reflow design. -->

2
strah

Sie können derzeit kein HTML und CSS aus Reflow exportieren. Aus dem Adobe Edge Reflow FAQ :

Bietet Edge Reflow HTML-Exportfunktionen?

Nein, aber Sie können eine Vorschau von HTML-Designs in Webbrowsern anzeigen und das Reaktionsverhalten in Endbenutzerumgebungen beobachten.

Ebenfalls:

Während Edge Reflow während des Designprozesses HTML erstellt, konzentriert sich das Tool darauf, Designern die Möglichkeit zu geben, ihre reaktionsschnelle Designabsicht zu teilen und CSS für die Verwendung durch den Designer oder einen Entwickler im Rahmen des Website-Produktionsprozesses zu extrahieren.

Edge Reflow ist derzeit ein Prototyping-Tool und kein WYSIWYG-Webdesign-Tool, das einen benutzerfreundlichen HTML-Export ermöglicht. Adobe beabsichtigt, es als Brücke zwischen Photoshop und Handcodierung zu verwenden:

  1. Erstellen Sie Kunstobjekte in Photoshop.
  2. Verspotten Sie Ihr Design in Edge Reflow mithilfe einer echten Browser-Rendering-Engine.
  3. Hand-Code das Design selbst. Kopieren Sie CSS, indem Sie auf jeden Container in der Reflow-Navigationsleiste am unteren Bildschirmrand klicken, wenn Sie Folgendes tun müssen:

Copying CSS in Adobe Edge Reflow

Das ist ungefähr so ​​gut, wie Sie im Moment bekommen werden. Es ist jedoch eine 'Vorschau'-App, also sind es noch frühe Tage.

2
Nick

Von http://forums.Adobe.com/message/5259055

Speichern (oder Speichern unter) Sie Ihr aktuelles Reflow-Projekt. Navigieren Sie in den Projektordner und suchen Sie den Unterordner "Assets". Darin finden Sie den gesamten HTML-, CSS- und JavaScript-Code Ihres Projekts.

0