So erstellen Sie eine einfache persönliche Landing Page mit Adobe Muse

So erstellen Sie eine einfache persönliche Landing Page mit Adobe Muse / Internet

Der Website-Design-Prozess umfasst zwei Hauptschritte. Die erste ist das Design der Seiten und die zweite ist die Umsetzung des Designs in das eigentliche Produkt - die Webseiten. Die erste Stufe erfordert Design-Kenntnisse, während die zweite Stufe Codierkenntnisse erfordert. Das Problem ist, eine Person zu finden, die beide Fähigkeiten hat, ist schwierig.

Für diejenigen, die bessere Augen für das Design haben (und kein Interesse am Programmieren), gibt es Muse von Adobe. Das Unternehmen behauptet, dass diese plattformübergreifende AIR-Anwendung jedem helfen kann, HTML-Websites zu entwerfen und zu veröffentlichen, ohne Code schreiben zu müssen.

Beginnen Sie mit der Planung Ihrer persönlichen Landing Page

Eine Frage, bevor wir anfangen. Warum sollte jemand ein Webbuilding-Tool wie Muse verwenden, wenn Sie stattdessen WordPress und seine Themen verwenden können? Die Antwort ist “Anpassung”. Zwar gibt es buchstäblich Tausende von WordPress-Themes, die das Design anpassen Ja wirklich passen unsere Bedürfnisse ist schwierig. Ein weiterer Grund ist, dass die Verwendung eines fortgeschrittenen Datenbanksystems von WordPress für eine einfache und lineare Site ein Overkill wäre.

Sie können Muse von der Website herunterladen. Sie ist bis zur Version v.1.0 Anfang 2012 kostenlos verfügbar. Die Anwendung funktioniert unter Windows und Mac, jedoch muss auf Ihrem System AIR installiert sein.

Um besser zu verstehen, wie Muse funktioniert, versuchen wir, eine einfache, persönliche Landing Page zu erstellen Flavorsme - Erstellen Sie Ihre eigene, kostenlose, personalisierte Webseite Flavorsme - Erstellen Sie Ihre eigene, kostenlose, personalisierte Webseite Weitere Informationen oder About.me. Beginnen Sie mit der Auswahl “Neue Site erstellen” aus dem Startfenster oder aus dem Menü Datei.

  • Anschließend werden Sie aufgefordert, Ihre Site anzupassen, indem Sie die Seitenbreite, die Anzahl der Spalten, die Ränder usw. auswählen.

  • Der erste Schritt beim Erstellen einer Website ist die Entscheidung, wie viele Seiten sie haben wird und welche Beziehung zwischen den Seiten besteht. Sie können Seiten einfach hinzufügen, löschen und neu anordnen “Planen” Fenster.

  • Drücke den “+ (Plus)” Taste zum Hinzufügen und die “X” Taste zum Schließen. Klicken Sie auf den Seitennamen, den Sie umbenennen möchten, und ziehen Sie ihn mit der Maus, um ihn neu anzuordnen.

  • Am unteren Rand der Seite sehen Sie die A-Master-Seite. Dies ist die Vorlage, die auf Ihrer gesamten Site verwendet wird. Wenn es also Elemente gibt, die Sie auf allen Ihren Seiten behalten möchten, ist es so viel einfacher, wenn Sie die Elemente bei A-Master definieren, anstatt sie immer wieder zu wiederholen.

Beginnen Sie mit dem Aufbau

  • Wenn Sie auf eine der Seiten doppelklicken, wird sie in einer neuen Registerkarte geöffnet. Sie können mit dem Erstellen und Entwerfen der Seiten mit den Tools in der oberen Symbolleiste beginnen.

  • Weitere Tools, die Sie beim Entwurfsprozess unterstützen, sind die “Panels” zur Rechten. Sie können diese Bereiche über das Menü Fenster anzeigen oder ausblenden.

  • Um unsere persönliche Landing Page zu erstellen, ändern Sie den Hintergrund, indem Sie ein Bild einfügen. Sie können das Bild anpassen, indem Sie Maßstab und Position ändern.

  • Als Nächstes fügen Sie ein Navigationsmenü hinzu, indem Sie es im Widget-Bedienfeld auswählen und es dann auf die Webseite ziehen und dort ablegen.

  • Sie können das Navigationsmenü mithilfe von anpassen “Optionen“. Klicken Sie auf den kleinen blauen Pfeil, um das Optionsfenster aufzurufen.

  • Sie können die Textdarstellung (Typ, Farbe, Größe) auch mit ändern “Text” Registerkarte in den rechten Bereichen.

  • Dann können Sie mit den Werkzeugen in der Symbolleiste Texte und Rechtecke hinzufügen. Ziehen Sie diese Elemente an die gewünschte Position und passen Sie sie über die rechten Bereiche an. Um externe Links (oder andere HTML-Elemente) hinzuzufügen, verwenden Sie die “HTML einfügen” Menü unter “Objekt“.

  • Notieren Sie sich den HTML-Code der Links im Popup-Fenster, und klicken Sie auf OK, um ihn der Site hinzuzufügen.

  • Ähnlich wie bei den anderen Elementen ist der eingefügte HTML-Code sehr anpassbar. Leider können wir die Link-Farbe immer noch nicht ändern. Hoffentlich erscheint diese Funktion in einer zukünftigen Version der App.

  • Nachdem Sie alles eingestellt haben, können Sie das Ergebnis sehen, indem Sie auf klicken “Vorschau” Verknüpfung.

Der letzte Schritt

  • Nachdem Sie alles festgelegt haben, können Sie Ihre Website im Web veröffentlichen. Verwenden Sie dazu die “als HTML exportieren” Menü unter “Datei“.

  • Legen Sie den Speicherort für das Projekt fest und klicken Sie auf “Export” .

  • Wenn Sie Ihre persönliche Zielseite an eine URL anhängen möchten, die Sie bereits besitzen, verwenden Sie einen anständigen FTP-Client zum Hochladen von Dateien auf einen Webhost. Hier sind die besten FTP-Clients, die Sie kostenlos herunterladen können. Lesen Sie mehr, um alles in Ihrem Ordner auf Ihr Webhosting-Konto hochzuladen. Da verschiedene Hosting-Provider unterschiedliche Einstellungen verwenden, wenden Sie sich bitte an Ihren Hosting-Provider.

Dieses kurze Experiment hat uns gezeigt, dass das Erstellen einer persönlichen Landing Page mit Muse so einfach ist wie das Hinzufügen und Anpassen von Elementen. Muse kann aber auch kompliziertere Seiten mit mehreren Seiten erstellen. Es gibt viele Beispiele für Websites, die zeigen, was Muse für sie tun kann “Vitrine” Seite. Um mehr über Muse zu erfahren, können Sie deren besuchen “Lernen” Seite.

Was denkst du über Muse? Versuchen Sie dieses Tool, um Ihre Website zu erstellen? Teilen Sie Ihre Gedanken in den Kommentaren unten mit.

Erfahren Sie mehr über: Adobe Air, Webdesign, Webentwicklung, Webmaster-Tools.