Feedback & Wünsche
Websites erstellen mit Adobe Muse

Websites erstellen mit Adobe Muse

4eck Media GmbH & Co. KG

Kategorie: Webdesign | Trainer: Vera U. Wirth, Sascha Rudolph

Du hast noch keine eigene Website? Na dann los! Das Muse-Training ist so aufgebaut, dass einzelne Exkurse zu den Features von Adobe Muse wie Musterseiten, Farben anmischen, Formen zeichnen, Umgang mit Typo und Widgets etc. dir die Möglichkeit bieten, diese Themen erst anhand kleiner Fingerübungen kennenzulernen, bevor du sie dann direkt am Projekt umsetzt und einbaust.

  • Adobe Muse kennen- und bedienen lernen – moderne Webseiten im Web umsetzen und anpassen
  • Über 8 Stunden Laufzeit, inkl. Arbeitsmaterialien und Neuerungen zu Muse CC 2015.2 (Juni 2016)
  • Update: So gestaltest du mit Adobe Muse responsive Seiten

Du willst wissen, wie du die Site wechselst? Jetzt interaktivieren, damit deine Website nicht länger ein Traum bleibt. Dieses Training bringt dich auf Kurs!

Trainings-Informationen

Bewertungen

12 Kundenrezensionen Gesamtinhalt herunterladen
Jetzt dabei sein

Update: Responsive Layouts gestalten

Websites erstellen mit Adobe Muse - 14.1 Begrüßung zum Kapitel -responsive Gestaltung-

Websites erstellen mit Adobe Muse - 14.1 Begrüßung zum Kapitel -responsive Gestaltung-

Lange überfällig und endlich fertig findet ihr hier das Ergänzungs-Tutorial zu Muse für die Gestaltung responsiver Layouts. Ein paar Worte zum Start.

  1 Min. mit Arbeitsdatei Kostenlos
Websites erstellen mit Adobe Muse - 14.2 Das Projekt stellt sich vor

Websites erstellen mit Adobe Muse - 14.2 Das Projekt stellt sich vor

Hier findet ihr eine kurze Einführung ins Thema. Vorgestellt wird der Seitenaufbau in der Planungsansicht – speziell die Anordnung der Inhalte auf der Musterseite.

  2 Min. Kostenlos
Websites erstellen mit Adobe Muse - 14.3 Aufbau der Startseite oder Homepage

Websites erstellen mit Adobe Muse - 14.3 Aufbau der Startseite oder Homepage

Hier geht es um die Inhalte und den Aufbau der Startseite des Projekts, die später beispielhaft für unterschiedliche Ausgabegeräte angepasst werden sollen.

  6 Min.
Websites erstellen mit Adobe Muse - 14.4 Die -responsive- Werkzeugkiste von Muse

Websites erstellen mit Adobe Muse - 14.4 Die -responsive- Werkzeugkiste von Muse

Welche Werkzeuge und Einstellungen bietet Muse, um responsive Inhalte umzusetzen? Worauf müsst ihr achten? – All dies ist Thema dieses Videos.

  12 Min.
Websites erstellen mit Adobe Muse - 14.5 Breakpoints ist das Zauberwort

Websites erstellen mit Adobe Muse - 14.5 Breakpoints ist das Zauberwort

In diesem Video zeige ich euch, wie ihr die Einstellungen für die Inhalte der Musterseite (Logo, Navigation, Button) so verändert, dass sie sich an unterschiedliche Browserfenster anpassen: Es geht um das Verständnis der Breakpoints und der …

  8 Min.
Websites erstellen mit Adobe Muse - 14.6 Hamburger: nicht nur zum Essen ...

Websites erstellen mit Adobe Muse - 14.6 Hamburger: nicht nur zum Essen ...

Ab einer bestimmten Browserbreite lassen sich umfangreiche Navigationsmenüs, die horizontal ausgerichtet sind, nicht mehr sinnvoll darstellen. Hier bietet sich das sogenannte „Hamburgermenü“ als Lösungsansatz. Die Menüstruktur wird …

  13 Min.
Websites erstellen mit Adobe Muse - 14.7 Hamburger, Teil 2

Websites erstellen mit Adobe Muse - 14.7 Hamburger, Teil 2

Hier geht es um den Einbau in und die Anpassung an die Musterseite und um die Überprüfung der Funktionalität in der Startseite. Korrekturen werden aufgezeigt, um das Menü sinnvoll in die Site-Struktur einzupassen.

  6 Min.
Websites erstellen mit Adobe Muse - 14.8 Die responsive Startseite, Teil 1

Websites erstellen mit Adobe Muse - 14.8 Die responsive Startseite, Teil 1

Sind die wichtigen Dinge in der Musterseite angepasst, gilt es, für jede einzelne HTML-Seite des Web-Projekts zu überprüfen, wie sich die Seiteninhalte bei unterschiedlichen Browserweiten verhalten, und evtl. Korrekturen zu fahren, um auch diese …

  8 Min.
Websites erstellen mit Adobe Muse - 14.9 Die responsive Startseite, Teil 2

Websites erstellen mit Adobe Muse - 14.9 Die responsive Startseite, Teil 2

Anpassung der Texte auf der Startseite an die Forderungen der Responsiveness.

  9 Min.

Einleitung

Websites erstellen mit Adobe Muse - 0 - Einleitende Worte

Websites erstellen mit Adobe Muse - 0 - Einleitende Worte

Hier stelle ich mich kurz vor und gebe dir ein paar Informationen dazu, wofür du Muse einsetzen kannst und wobei dir Muse weniger Freude macht. Zudem erfährst du Wichtiges zu den bereitgestellten Arbeitsdateien. Das Training ist so aufgebaut, dass …

  3 Min. mit Arbeitsdatei

Muse kennenlernen

Websites erstellen mit Adobe Muse - 01.1 Der Startbildschirm

Websites erstellen mit Adobe Muse - 01.1 Der Startbildschirm

Hier holt dich Muse ab, wenn du ein neues Projekt erstellen möchtest oder das Programm zum ersten Mal öffnest.

  2 Min.
Websites erstellen mit Adobe Muse - 01.2 Die Planungsansicht

Websites erstellen mit Adobe Muse - 01.2 Die Planungsansicht

Die komplette Struktur deines Webprojektes baust du in der Planungsansicht auf. Hier verwaltest du deine Unterseiten, erstellst Musterseiten und bereitest die Navigationsstruktur vor.

  5 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 01.3 Die Entwurfsansicht

Websites erstellen mit Adobe Muse - 01.3 Die Entwurfsansicht

Diese Ansicht ist der Bereich, in dem du dich am meisten aufhältst – hier baust du deine Seiten zusammen entsprechend dem vorher erstellten Konzept. Texte, Grafiken und Objekte, Video und HTML sowie die korrekte Verlinkung werden hier erstellt, …

  4 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 01.4 Die Bedienfelder

Websites erstellen mit Adobe Muse - 01.4 Die Bedienfelder

Die Palettenstruktur rechts an deinem Arbeitsplatz kannst du dir nach deinen Bedürfnissen aufbauen. Hier nimmst du schnell die gewünschten Einstellungen für Texte, Grafik und Widgets vor. Die Bedienfelder lassen sich einfach über das …

  5 Min.
Websites erstellen mit Adobe Muse - 01.5 Die Seitenhilfslinien

Websites erstellen mit Adobe Muse - 01.5 Die Seitenhilfslinien

Die fünf Seitenhilfslinien sind eine Besonderheit von Muse. Damit lassen sich bequem Kopfleiste, Fußleiste und Einstellungen für den Abstand zum oberen und unteren Browserrand sowie zum unteren Seitenrand definieren. Dabei sind die …

  3 Min. mit Arbeitsdatei

Projektvorbereitung

Websites erstellen mit Adobe Muse - 02.1 Konzeption & Layout

Websites erstellen mit Adobe Muse - 02.1 Konzeption & Layout

Jedes Webprojekt braucht eine gute Vorbereitung. Hier gebe ich dir einen knappen Überblick zum Vorgehen bei der Konzeption und Layouterstellung eines Webprojekts. Ich zeige dir auch die vorbereitenden Files für unser Projekt, das wir im Laufe des …

  10 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 02.2 Inhalte & Formate

Websites erstellen mit Adobe Muse - 02.2 Inhalte & Formate

Hier erfährst du Grundsätzliches zu den Inhalten eines Webprojektes mit Schwerpunkt auf den zu verwendenden Formaten – denn nicht alle Formate sind webtauglich.

  11 Min. mit Arbeitsdatei

Projektstart

Websites erstellen mit Adobe Muse - 03.1 Projektvorstellung

Websites erstellen mit Adobe Muse - 03.1 Projektvorstellung

Ärmel hochgekrempelt und los geht’s. Ich zeige dir die ersten Schritte beim Anlegen unseres Trainings-Projekts. Angelica Sylvestris – die Waldengelwurz – ist eine Heilpflanze, die sich in unserem Beispiel-Projekt vorstellt. Ein erster …

  4 Min.
Websites erstellen mit Adobe Muse - 03.2 Seiteneigenschaften definieren

Websites erstellen mit Adobe Muse - 03.2 Seiteneigenschaften definieren

Als Allererstes legen wir das Raster für unser Projekt an – die Seiteneigenschaften. Hier machst du grundlegende Einstellungen zu den Abständen und der Ausrichtung der Site im Browserfenster; auch ein Arbeitsraster zur einfacheren Positionierung …

  5 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 03.3 Sitestruktur festlegen in der Planungsansicht

Websites erstellen mit Adobe Muse - 03.3 Sitestruktur festlegen in der Planungsansicht

Hier geht es um die Sitestruktur des Web-Projektes: Also welche Unterseiten liegen in der obersten Navigationshierarchie, welche sind evtl. in einer Sub-Navigation verschachtelt. Du vergibst die Namen der Unterseiten, die später über das …

  2 Min. mit Arbeitsdatei

Musterseiten verstehen

Websites erstellen mit Adobe Muse - 04.1 Musterseiten: Seitenhilfslinien einrichten

Websites erstellen mit Adobe Muse - 04.1 Musterseiten: Seitenhilfslinien einrichten

Die halbe Miete für dein Projekt hast du drin, wenn du verstehst, wie Musterseiten ticken, und wenn du deine Musterseiten intelligent aufbaust. Musterseiten lassen sich auch verschachteln und geben dir damit große Flexibilität in der Erstellung …

  3 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 04.1.1 Exkurs: Farben anmischen - die Farbpalette

Websites erstellen mit Adobe Muse - 04.1.1 Exkurs: Farben anmischen - die Farbpalette

Hier erfährst du Grundlegendes zum Anlegen einer eigenen Farbpalette in Muse …

  8 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 04.1.2 Exkurs: Formen zeichnen

Websites erstellen mit Adobe Muse - 04.1.2 Exkurs: Formen zeichnen

Hier erfährst du Grundlegendes zur Erstellung von Formen wie Rechteck und Kreis in Muse.

  11 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 04.1.3 Exkurs: Farbfüllung & Kontur

Websites erstellen mit Adobe Muse - 04.1.3 Exkurs: Farbfüllung & Kontur

Du erfährst einiges über Farbfüllungen, Hintergrundfarben und Kontur ...

  8 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 04.1.4 Exkurs: Objekte ausrichten

Websites erstellen mit Adobe Muse - 04.1.4 Exkurs: Objekte ausrichten

Auch das korrekte Ausrichten von Inhaltselementen lernst du hier in einem ersten Schritt.

  12 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 04.1.5 Exkurs: Effekte & Grafikstile

Websites erstellen mit Adobe Muse - 04.1.5 Exkurs: Effekte & Grafikstile

Hier sind Effekte wie Schlagschatten, Deckkraft und Grafikstile unser Thema.

  4 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 04.1.6 Exkurs: Objekte verankern

Websites erstellen mit Adobe Muse - 04.1.6 Exkurs: Objekte verankern

Objekte lassen sich verankern und „wandern“ mit beim Scrollen der Site.

  4 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 04.2 Musterseiten: Inhalte einbauen

Websites erstellen mit Adobe Muse - 04.2 Musterseiten: Inhalte einbauen

Das im vorigen Exkurs Gelernte setzt du jetzt sofort um, indem du die Boxen für Kopf- und Fußleiste anlegst, einfärbst und ausrichtest. Dies geschieht in den Musterseiten, da es sich dabei um Elemente handelt, die auf jeder Unterseite erscheinen. …

  4 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 04.3 Die Ebenenpalette

Websites erstellen mit Adobe Muse - 04.3 Die Ebenenpalette

Eine der wichtigsten Paletten ist das Ebenenbedienfeld. Es gibt dir die Möglichkeit, Seiteninhalte zu strukturieren. Damit kannst du flexibel Elemente per Klick sichtbar oder unsichtbar setzen; Musterseiteninhalte sollten immer auf einer eigenen …

  4 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 04.3.1 Exkurs - Hintergrundgrafiken einsetzen

Websites erstellen mit Adobe Muse - 04.3.1 Exkurs - Hintergrundgrafiken einsetzen

Hier lernst du die Unterschiede beim Einsatz von Grafikobjekten in Muse: Grafikobjekte lassen sich als Hintergrund-, Inhalts- und Schriftgrafiken einsetzen und erfordern unterschiedliche Einstellungen, damit sie z. B. auch den Forderungen der …

  8 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 04.3.2 Exkurs - Inhaltsgrafiken

Websites erstellen mit Adobe Muse - 04.3.2 Exkurs - Inhaltsgrafiken

Hier gehen wir auf die Inhaltsgrafiken ein.

  6 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 04.3.3 Exkurs - Die Elementepalette

Websites erstellen mit Adobe Muse - 04.3.3 Exkurs - Die Elementepalette

Gerade beim Verwalten und evtl. Neuverknüpfen von Inhaltselementen bietet dir die Elementepalette unschätzbare Dienste. Sie wird hier ebenfalls vorgestellt.

  6 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 04.4 Musterseiten verschachteln

Websites erstellen mit Adobe Muse - 04.4 Musterseiten verschachteln

Musterseiten lassen sich verschachteln - und geben dir damit die Flexibilität, z. B. unterschiedliche Kopfleisten für bestimmte Unterseiten einzusetzen - beispielsweise für Landingpages oder unterschiedliche Produktlinien eines Webangebotes.

  11 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 04.5 Musterseiten korrigieren

Websites erstellen mit Adobe Muse - 04.5 Musterseiten korrigieren

Musterseiten lassen sich schnell anpassen und aktualisieren; damit hältst du auch die damit verlinkten Projektseiten auf dem aktuellsten Stand. Und egal, ob dein Webprojekt nur 5 oder 100 Seiten hat – Aktualisierungen der einzelnen Unterseiten …

  6 Min. mit Arbeitsdatei

Projekt Engelwurz: Die Homepage

Websites erstellen mit Adobe Muse - 05 Projekt Engelwurz - Die Homepage

Websites erstellen mit Adobe Muse - 05 Projekt Engelwurz - Die Homepage

Wir erstellen die Startseite des Webprojekts in der Entwurfsansicht: Die Inhaltselemente wie Inhalts- und Schriftgrafiken werden eingebaut. Kopf- und Fußleiste (Header und Footer) kommen aus der Musterseite und sind bereits vorhanden.

  11 Min. mit Arbeitsdatei

Arbeiten mit Text

Websites erstellen mit Adobe Muse - 06.1 Texteingabe und Textoptionen

Websites erstellen mit Adobe Muse - 06.1 Texteingabe und Textoptionen

Als Nächstes widmen wir uns der Textauszeichnung in Muse. Im Exkurs lernst du alles, was nötig ist, um Text sauber zu editieren.

  8 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 06.2 Hürde: Internet und Schrift

Websites erstellen mit Adobe Muse - 06.2 Hürde: Internet und Schrift

Textblöcke müssen in Muse mit den korrekten HTML-Strukturelementen versehen werden. Das zeige ich dir in diesem Video-Training.

  10 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 06.3 Webschriften

Websites erstellen mit Adobe Muse - 06.3 Webschriften

Hier zeige ich dir das Laden von Schriften aus dem Web über Typekit.

  7 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 06.4 Arbeiten mit Formatvorlagen

Websites erstellen mit Adobe Muse - 06.4 Arbeiten mit Formatvorlagen

Die Erstellung und der Einsatz von Absatzformaten ist hier ebenso Thema.

  11 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 06.5 Listen: Aufzählung & Nummerierung

Websites erstellen mit Adobe Muse - 06.5 Listen: Aufzählung & Nummerierung

Listen als Nummerierung oder Aufzählung lassen sich mittlerweile auch ziemlich schnell in Muse umsetzen.

  8 Min. mit Arbeitsdatei

Projekt Engelwurz: Seite Vorstellung

Websites erstellen mit Adobe Muse - 07.1 Projekt Engelwurz - Seite Vorstellung - Grafiken einbauen, Bildeigenschaften zuweisen

Websites erstellen mit Adobe Muse - 07.1 Projekt Engelwurz - Seite Vorstellung - Grafiken einbauen, Bildeigenschaften zuweisen

Das gerade im Exkurs Typo Gelernte wird jetzt bei den nächsten Unterseiten unseres Projektes in die Praxis umgesetzt. Hier baust du die Inhaltsgrafiken ein, richtest diese korrekt aus, transformierst Bildrahmen und passt die Grafikobjekte im …

  18 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 07.2 Projekt Engelwurz - Seite Vorstellung - Texte aus dem Web laden und gestalten

Websites erstellen mit Adobe Muse - 07.2 Projekt Engelwurz - Seite Vorstellung - Texte aus dem Web laden und gestalten

Deine in Word vorbereiteten Textinhalte fügst du per Drag & Drop in die Seite ein und gestaltest sie. Dazu lädst du dir Schriften aus dem Web von Typekit. Du weist den Textblöcken die korrekten HTML-Strukturelemente zu und setzt den Text bei …

  22 Min. mit Arbeitsdatei

Projekt Engelwurz: Seite Impressionen, Teil 1

Websites erstellen mit Adobe Muse - 08.1 Projekt Engelwurz - Seite Impressionen - Grafikeinbau

Websites erstellen mit Adobe Muse - 08.1 Projekt Engelwurz - Seite Impressionen - Grafikeinbau

Hier baust du die Inhaltsgrafiken ein, richtest diese korrekt aus, transformierst Bildrahmen und passt die Grafikobjekte im Bildrahmen an. Für nutzerfreundliche Info und Barrierefreiheit versiehst du deine Grafikobjekte mit den Bildeigenschaften. …

  17 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 08.2 Projekt Engelwurz - Seite Impressionen - 8.2 Texte eingeben & gestalten

Websites erstellen mit Adobe Muse - 08.2 Projekt Engelwurz - Seite Impressionen - 8.2 Texte eingeben & gestalten

Deine in Word vorbereiteten Textinhalte fügst du per Drag & Drop in die Seite ein und gestaltest sie. Du weist den Textblöcken die korrekten HTML-Strukturelemente zu und setzt den Text bei Schriftgrafiken der Überschrift ins OFF. Zudem liegt …

  10 Min. mit Arbeitsdatei

Die Widget-Bibliothek

Websites erstellen mit Adobe Muse - 09.1 Projekt Engelwurz - Widgets verstehen

Websites erstellen mit Adobe Muse - 09.1 Projekt Engelwurz - Widgets verstehen

In diesem Exkurs lernst du die Widget-Bibliothek in Muse kennen und passt einzelne Widgets an deine Bedürfnisse an.

  14 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 09.2 Projekt Engelwurz - Widgets aus dem Internet

Websites erstellen mit Adobe Muse - 09.2 Projekt Engelwurz - Widgets aus dem Internet

Zudem zeige ich dir, wie du aus dem Internet Widgets laden kannst und wo diese in Muse abgelegt werden.

  3 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 09.3 Projekt Engelwurz - Das Menü-Widget

Websites erstellen mit Adobe Muse - 09.3 Projekt Engelwurz - Das Menü-Widget

Du lernst die Statuspalette kennen, die für Menü-Schaltflächen wichtig ist, und erstellst danach das Navigations-Menü-Widget „im Schlaf“.

  10 Min. mit Arbeitsdatei

Projekt Engelwurz: Seite Impressionen, Teil 2

Websites erstellen mit Adobe Muse - 10.1 Projekt Engelwurz - Seite Impressionen Teil 2 - Die Bildergalerie

Websites erstellen mit Adobe Muse - 10.1 Projekt Engelwurz - Seite Impressionen Teil 2 - Die Bildergalerie

In der Unterseite „Impressionen“ fehlt noch unsere Bildergalerie. Die baust du jetzt ein und passt über das Optionen-Panel die Einstellungen an. Du lädst deine eigenen Bilder ein und konfigurierst Hintergrund und Bild für die …

  13 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 10.2 Projekt Engelwurz - Seite Impressionen Teil 2 - Das Navigationsmenü

Websites erstellen mit Adobe Muse - 10.2 Projekt Engelwurz - Seite Impressionen Teil 2 - Das Navigationsmenü

Das Navigationsmenü fehlt noch in unserer Website. Dies wird jetzt eingebaut. Dazu wechselst du wieder in die Musterseiten und baust ein aus dem Web geladenes Navigationsmenü ein. Dieses erweiterst du durch das Standard-Widget aus Muse, indem du …

  17 Min. mit Arbeitsdatei

Projekt Engelwurz: Seite Rezepte

Websites erstellen mit Adobe Muse - 11.1 Projekt Engelwurz - Seite Rezepte - Arbeit mit Textumbruch

Websites erstellen mit Adobe Muse - 11.1 Projekt Engelwurz - Seite Rezepte - Arbeit mit Textumbruch

Die Seite Rezepte wird mit den dafür aufbereiteten Bild- und Textinhalten bestückt. Dabei lernst du den Textumbruch und den Umgang mit der Glyphenpalette in Muse kennen.

  19 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 11.2 Projekt Engelwurz - Seite Rezepte - Parallax Scrolling: Bildlaufeffekte verstehen

Websites erstellen mit Adobe Muse - 11.2 Projekt Engelwurz - Seite Rezepte - Parallax Scrolling: Bildlaufeffekte verstehen

Eine Besonderheit stellen die Bildlaufeffekte dar, mit den man Bewegung und Dynamik in einer Website generieren kann, ohne Flash oder Edge Animate zu bemühen. Bildlaufeffekte findest du zum einen in der entsprechenden Bedienfeldpalette – hierbei …

  4 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 11.3 Projekt Engelwurz - Seite Rezepte - Parallax Scrolling: Bildlaufeffekte einbauen

Websites erstellen mit Adobe Muse - 11.3 Projekt Engelwurz - Seite Rezepte - Parallax Scrolling: Bildlaufeffekte einbauen

Hier baust du eine Rezeptmischung über die Bildlaufeffekte zusammen. Die korrekten Werte findest du in einer beigelegten .pdf-Datei.

  13 Min. mit Arbeitsdatei

Projekt Engelwurz: Seite Kontakt

Websites erstellen mit Adobe Muse - 12.1 Projekt Engelwurz - Seite Kontakt - Effekte zuweisen

Websites erstellen mit Adobe Muse - 12.1 Projekt Engelwurz - Seite Kontakt - Effekte zuweisen

Jedes Webprojekt hat in der Regel Features wie ein Formular, evtl. eine Anfahrtsskizze über Google Maps und manchmal auch Videos. Wie man dies alles einbaut, zeige ich dir in der Seite „Kontakt“ unseres Projektes. Effekte – wie z.B. ein …

  13 Min. mit Arbeitsdatei Kostenlos
Websites erstellen mit Adobe Muse - 12.2 Projekt Engelwurz - Seite Kontakt - Einbetten einer Google Map

Websites erstellen mit Adobe Muse - 12.2 Projekt Engelwurz - Seite Kontakt - Einbetten einer Google Map

Du wirst sehen, der Einbau einer Google Map ist absolut easy – und auch die spätere Anpassung gestaltet sich einfach – auch wenn es hierbei um HTML-Quellcode geht.

  3 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 12.3 Projekt Engelwurz - Seite Kontakt - Ein eigenes Video einbetten

Websites erstellen mit Adobe Muse - 12.3 Projekt Engelwurz - Seite Kontakt - Ein eigenes Video einbetten

Videos aus Youtube oder Vimeo lassen sich genauso easy einbetten wie eine Google Map. Was allerdings musst du beachten, wenn du ein eigenes Video hast, das nur auf deiner Website zu sehen sein soll? Dies ist etwas komplexer und daher zeige ich dir …

  8 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 12.4 Projekt Engelwurz - Seite Kontakt - Das Formular

Websites erstellen mit Adobe Muse - 12.4 Projekt Engelwurz - Seite Kontakt - Das Formular

Hier lernst du das Formular-Widget und seine Anpassung kennen – inklusive einer „Danke-Feedback-Seite“.

  11 Min. mit Arbeitsdatei

Export

Websites erstellen mit Adobe Muse - 13.1 Projekt Engelwurz - Export - Verlinkungen in Muse

Websites erstellen mit Adobe Muse - 13.1 Projekt Engelwurz - Export - Verlinkungen in Muse

Bevor du exportierst, kontrollierst du die gesamte Linkstruktur in Muse. Du lernst hier die vier verschiedenen Linkarten in Muse kennen, erstellst eigene Linkformate, verlinkst auch auf eine .pdf-Datei und setzt einen Sprunganker.

  14 Min. mit Arbeitsdatei
Websites erstellen mit Adobe Muse - 13.2 Projekt Engelwurz - Export - Exportmöglichkeiten

Websites erstellen mit Adobe Muse - 13.2 Projekt Engelwurz - Export - Exportmöglichkeiten

Muse bietet dir drei Arten von Export: Erstens den direkten Upload auf einen FTP-Server aus Muse heraus; zweitens den Export als HTML-Files – dabei legt Muse eine eigene Sitestruktur an, die du später z. B. über filezilla, ein freies …

  14 Min.

Neuerungen in Adobe Muse CC 2015.2 (Juni 2016)

Neuerungen in Adobe Muse CC 2015.2 (Juni 2016) - Ist Adobe Muse 2015.2 installiert? Erster Eindruck vom Startbildschirm

Neuerungen in Adobe Muse CC 2015.2 (Juni 2016) - Ist Adobe Muse 2015.2 installiert? Erster Eindruck vom Startbildschirm

Um die Neuerungen in Adobe Muse 2015.2 zu sehen, solltest du diese Version natürlich auch haben! Erfahre, wie du die Version herausfindest, 2015.2 installierst und bekomme einen Eindruck vom neu gestalteten Startbildschirm.

  2 Min.
Neuerungen in Adobe Muse CC 2015.2 (Juni 2016) - Vertikale Planungsansicht und Verschieben-Werkzeug

Neuerungen in Adobe Muse CC 2015.2 (Juni 2016) - Vertikale Planungsansicht und Verschieben-Werkzeug

Adobe Muse 2015.2 wartet mit zwei signifikanten Neuerungen auf: Neben der horizontalen Planungsansicht kommt jetzt die vertikale Planungsansicht hinzu und erweitert so den „Seiten-Baum“. Ebenfalls neu hinzugekommen ist das Werkzeug zum …

  3 Min.
Neuerungen in Adobe Muse CC 2015.2 (Juni 2016) - Die Funktion -Alle Elemente erfassen-

Neuerungen in Adobe Muse CC 2015.2 (Juni 2016) - Die Funktion -Alle Elemente erfassen-

Für mehr Ordnung und strukturierteres Arbeiten gibt es für Grafiken und Bilder die neue Funktion „Alle Elemente erfassen“, die uns dabei hilft, Grafiken und Bilder gesammelt in einen Ordner zu legen, ohne überall verstreut auf der Festplatte …

  2 Min.
Neuerungen in Adobe Muse CC 2015.2 (Juni 2016) - Das Rechteck-Rahmenwerkzeug

Neuerungen in Adobe Muse CC 2015.2 (Juni 2016) - Das Rechteck-Rahmenwerkzeug

Bekannt aus Adobe InDesign, gibt es nun ein ähnliches Werkzeug für Grafik-Platzhalter. In Muse ist es nun auch möglich, Platzhalter-Grafikrahmen zu setzen und später mit Grafiken zu füllen. Erfahrt, wie das Ganze funktioniert und in Adobe Muse …

  2 Min.
Neuerungen in Adobe Muse CC 2015.2 (Juni 2016) - Illustrator-Dokumente nun auch in Adobe Muse

Neuerungen in Adobe Muse CC 2015.2 (Juni 2016) - Illustrator-Dokumente nun auch in Adobe Muse

Ab sofort steht die Funktion des Imports von Adobe Illustrator-Dokumenten zur Verfügung. Vorher war es nur möglich, SVG-Dateien zu platzieren, wenn Vektor-Grafiken (für z. B. Logos o. ä.) gewünscht waren. Dieser Schritt wird nun übersprungen …

  2 Min.
Neuerungen in Adobe Muse CC 2015.2 (Juni 2016) - Google Page Speed-Optimierung bei Web-Schriften

Neuerungen in Adobe Muse CC 2015.2 (Juni 2016) - Google Page Speed-Optimierung bei Web-Schriften

Beim Laden von Webschriften auf der eigenen Website kann es unter Umständen schon mal zu längeren Ladezeiten kommen, gerade wenn die Zeichensätze der jeweiligen Schrift sehr umfangreich sind. Durch neue Einstellungen in Muse wird nun das …

  2 Min.

Diese Inhalte könnten dich ebenfalls interessieren

Lade...     Wir sind auf der Suche nach interessanten Trainings für dich, bitte gib uns einen Moment.

© 2002-2018 4eck-Media GmbH & Co. KG • Mit erstellt von 4eck-media.de

Top