So erstellen Sie eine einfache Webseite mit Adobe Spark Page

Verwendung von Adobe Spark Page

Es gibt viele einfache Webdesign-Tools, aber als Adobe sich entschied, in die Mischung mit Spark Page einzusteigen, wurden künstliche Intelligenz, eine mobile App und die Integration in Programme wie Adobe Lightroom und Adobe Stock hinzugefügt. Das Ergebnis ist ein benutzerfreundlicher Webdesigner mit Bildlaufeffekten, der sowohl auf Smartphones als auch auf Desktop-Plattformen gut aussieht. Spark Page gehört zu einem Trio von Spark-Apps, zu denen auch Spark Post und Spark Video gehören.

Mit Spark Page erstellte Webseiten werden von Adobe gehostet. Dies bedeutet, dass Sie keine Domain kaufen müssen, um Ihre zu erstellen (das ist auch der Nachteil: Sie können keine bestimmte URL für die Seite erstellen). Die Einfachheit und das integrierte Hosting machen Spark Page zu einem idealen Tool für einfache Aufgaben wie das Erstellen eines Online-Reisetagebuchs, eines einfach zu teilenden Fotoalbums oder einer Webseite für eine Veranstaltung. Wir haben mit Spark Page ein Reisetagebuch erstellt, nachdem Adobe uns während einer Veranstaltung auf den Jungferninseln durch die Software geführt hat. Sie können unsere Seite hier sehen.

Während der Einstieg in Spark Page einfach ist, gibt es einige Funktionen, die Sie möglicherweise verpassen, wenn Sie mit dem Kopf voran springen. Folgendes müssen Sie wissen.

1. Laden Sie die App herunter oder besuchen Sie die Website

Verwendung von Adobe Spark Page

Spark Page ist sowohl als iOS-App als auch als Web-App unter spark.adobe.com verfügbar. Das heißt, Sie können eine Webseite von Ihrem iPhone oder von Ihrem Desktop-Computer über einen Webbrowser erstellen (eine Android-Version ist in Arbeit, aber zum Zeitpunkt des Schreibens noch nicht verfügbar). Das Online-Format und die künstliche Intelligenz können das Programm verlangsamen, insbesondere wenn Sie in einem Gebiet mit einer langsameren Internetverbindung leben, aber die Einfachheit macht die Geschwindigkeit oft wieder wett.

Starten Sie ein neues Projekt, indem Sie auf das Pluszeichen klicken oder eine Vorlage auswählen. Stellen Sie in der Browserversion, die mit den anderen Spark-Apps kombiniert wird, sicher, dass Sie eine Vorlage für eine Seite auswählen, oder wählen Sie die Option "Webseite erstellen", um eine Seite ohne Vorlage zu starten.

Alle Projekte werden in der Cloud gespeichert, sodass Sie eine Seite in der mobilen App starten und in einem Webbrowser beenden können oder umgekehrt.

2. Beginnen Sie mit der Vorlage oder einer leeren Seite

Verwendung von Adobe Spark PageVerwendung von Adobe Spark Page

Mit Spark Page können Sie automatisch mit einigen Elementen beginnen, auch wenn Sie eine leere Seite anstelle einer Vorlage ausgewählt haben. Bearbeiten Sie zunächst, was sich dort befindet. Klicken Sie einfach auf die vorhandenen Text- oder Bildfelder und fügen Sie Ihre eigenen Bilder und Texte hinzu. Mit Popup-Menüs können Sie verschiedene Elemente anpassen.

Wenn Sie bereit sind, der Seite etwas Neues hinzuzufügen, klicken oder tippen Sie einfach auf das Plus-Symbol und wählen Sie aus, was Sie als Nächstes hinzufügen möchten. Sobald ein Element hinzugefügt wurde, wird über und unter diesem Element ein Plus-Symbol angezeigt. Sie können also jederzeit wieder nach oben gehen und etwas in die Mitte der Seite einfügen, indem Sie das Plus-Symbol an dieser Stelle verwenden.

Sie müssen nicht von vorne beginnen, wenn Sie feststellen, dass Ihnen die ausgewählte Vorlage nicht gefällt. Klicken Sie in der App oben auf das Zauberstab-Symbol, um zu einem anderen Thema zu wechseln, oder klicken Sie auf einem Desktop-Computer in der Menüleiste auf die Themen.

Wenn Sie auf der Website kein Banner mit Ihrem Namen möchten, tippen Sie auf die Option Einstellungen und schalten Sie die Option zum Deaktivieren der Kopf- und Fußzeile um.

3. Fügen Sie Ihren Inhalt hinzu

Verwendung von Adobe Spark PageVerwendung von Adobe Spark PageVerwendung von Adobe Spark PageVerwendung von Adobe Spark Page

Das Hinzufügen von Inhalten zur Seite ist einfach über das Pluszeichen. Hier ein kurzer Überblick über die verschiedenen Optionen:

  • Foto: Verwenden Sie diese Option für ein einzelnes Foto beliebiger Größe und Form, jedoch nicht für eine Gruppe von Bildern.
  • Text: Hier werden alle Textfelder mit Ausnahme der Bildunterschriften hinzugefügt.
  • Schaltfläche: Fügen Sie einen Link mit einer Grafik hinzu.
  • Video: Derzeit können Videos nur über Links wie YouTube-, Vimeo- und Spark-Video-Links hinzugefügt werden.
  • Fotoraster: Hiermit wird eine statische Gruppierung von Fotos hinzugefügt, die für Alben geeignet ist.
  • Diashow: Denken Sie nicht an Powerpoints der alten Schule - die Diashow ist der beste Weg, um viele große Bilder auf der Spark-Seite anzuzeigen. Diashows verwenden einen Bildlauf-Ausblendeffekt und Sie können andere Fotos oder Texte über die Bilder hinzufügen oder sie leer lassen. Klicken Sie auf das Pluszeichen, um dieser Folie etwas Neues hinzuzufügen.

4. Bearbeiten

Verwendung von Adobe Spark Page

Durch Klicken auf jedes Element wird eine Symbolleiste mit allen verfügbaren Bearbeitungsoptionen angezeigt. Sie können die meisten Elemente auch per Drag & Drop verschieben, um sie neu anzuordnen. Dazu gehört das Ändern der Platzierung von Text über einem Bild oder das Ändern der Reihenfolge eines Fotorasters.

Bei Bildern können Sie die Symbolleiste verwenden, um Bilder auszutauschen oder von einem Standardbild zu wechseln, um es so breit wie die Seite zu strecken. Ignorieren Sie dieses Fokus-Tool im Popup-Menü nicht. Hier können Sie auswählen, welcher Teil des Bildes am wichtigsten ist. Wenn der Bildschirm des Betrachters wie auf einem Smartphone vertikal ausgerichtet ist, ist dieser Bildbereich weiterhin sichtbar. Mit dem Fokuspunkt-Werkzeug können Sie auswählen, wie ein Bild aussehen soll, wenn der Bildschirm des Betrachters die entgegengesetzte Ausrichtung aufweist.

Verwenden Sie für Text die Schaltflächen H1 und H2, um Überschriften anstelle von Text mit kleinem Text zu erstellen, und das Anführungszeichen, um ein Pull-Zitat zu erstellen. Tippen Sie einfach erneut auf das Symbol, um zum Text zurückzukehren. Rechts finden Sie die Optionen zum Anpassen der Ausrichtung oder zum Hinzufügen eines Links. Schriftarten sind Teil des Themas. Wenn Ihnen eine bestimmte Schriftart nicht gefällt, wählen Sie ein neues Thema. Markenkonten mit bezahlten Spark-Abonnements oder Creative Cloud-Plänen können auch benutzerdefinierte Markenthemen verwenden.

Schwitzen Sie nicht über etwas, das leer erscheint und das Sie nicht auf der Seite haben möchten. Wenn Sie Elemente wie Bildunterschriften und Felder über einem Diashow-Foto leer lassen, werden sie nicht auf der endgültigen Webseite angezeigt.

5. Beenden und teilen

Adobe Spark-Seite Adobe

Wenn Sie mit dem Hinzufügen und Bearbeiten fertig sind, klicken Sie auf die Vorschau-Schaltfläche, um zu sehen, wie die endgültige Website aussieht, oder auf die Freigabe-Schaltfläche, um einen benutzerdefinierten Link zum Freigeben zu erhalten. Von hier aus können Sie die Spark-Seite auch in eine andere Webseite einbetten oder die Seite in sozialen Medien freigeben.

Spark Page wurde entwickelt, um Websites ohne großen Aufwand und von jedem Gerät aus zu erstellen. Die Plattform ist einfach zu bedienen und leicht zu veröffentlichen, obwohl die KI und die webbasierte Software sie möglicherweise etwas langsam machen, insbesondere beim Hochladen von hochauflösenden Bildern. Die Plattform verfügt auch über weniger Anpassungsoptionen wie Schriftarten und eindeutige URLs. Diese werden jedoch aus Gründen der Geschwindigkeit und Einfachheit geopfert.

Die Verwendung von Spark Page ist kostenlos, auf der endgültigen Webseite befindet sich jedoch ein Spark-Branding, wenn Sie die kostenlose Version verwenden. Creative Cloud-Abonnenten können Webseiten mit ihrem eigenen Branding erstellen. Spark allein kostet 10 US-Dollar pro Monat, aber das Abonnieren des Fotografieplans kostet den gleichen Preis und beinhaltet Lightroom und Photoshop - wir empfehlen, dies zu tun.

Benötigen Sie Ihr eigenes .com und etwas mit mehr Anpassungsmöglichkeiten? Probieren Sie unseren Anfängerleitfaden zum Erstellen einer Website aus.