Jimdo Creator Webdesign - Erstelle deine Website von A - Z

Lernziele dieses Kapitels mit einer zusammengefassten Vorschau

Bei Jimdo anmelden und erste kostenlose Website erstellen

Wie melde ich mich bei Jimdo an und auf was muss ich mich achten?

Wie kann eine selber gemachte Jimdo Website aussehen? Ich zeige in dieser Lektion meine 1. erstellte Website mit Jimdo, welche ich vor 4 Jahren als absoluter Beginner erstellt habe.

Weshalb Creator die bessere Wahl ist

In dieser Lektion zeige ich eine kleine Vorschau einer Dolphin Website. In diesem Video Kurs wird nur die Creator Linie behandelt. Ein späterer Wechsel von Dolphin zu Creator ist nicht möglich. Deshalb ist es wichtig sich selber sicher zu sein, welches System man möchte.

Was kostet mich eine Jimdo Website. Effektive Kosten der letzten Jahre welche ich bezahlt habe an Jimdo inkl. Domaine. Wie finde ich die aktuellen Preise auf der Jimdo Website?

Wie viel Datenmenge sind im Creator Pro Paket enthalten und wieviel im kostenlosen Jimdo Paket Free? Diese Frage sowie welchen kleinen Haken eine kostenlose Jimdo Website hat wird in dieser Lektion aufgezeigt.

Warum Ihr von Wordpress besser die Finger lassen sollt:

Wordpress ist für Anfänger doch recht anspruchsvoll und eigent sich eher für Webagenturen. Da Webagenturen viele Websiten erstellen, können Sie dadurch Kosten sparen, oder auf spezielle, anspruchsvolle Kundenwünsche eingehen.

Für Anfänger allerdings ist dies nicht zu empfehlen. Auch wenn es Pagebuilder gibt, mit welchen auch Wordpress Websiten per Drag and Drop System erstellt werden können ist die Bedienung meilenweit von der intuitiven Bedienung von Jimdo entfernt.

Wie aktiviere ich den Wartungsmodus um die Website im Verborgenen zu erstellen? Auf was muss ich dabei achten und welche Alternative habe ich?

Vorschau der nöchsten Lektionen und die wichtigsten Lernziele dieses Kapitels

Die ersten Schritte beim Bearbeiten der Website beginnt man am Besten mit der Auswahl des Designs. In dieser Lektion zeige ich euch wo man aus 40 unterschiedlichen Design Vorlagen auswählen kann. Ebenfalls bietet Jimdo ein interaktives Online Tool an mit welchem ein Design nach Eigenschaften ausgewählt werden kann.

• Hintergrundbilder hochladen, einfügen und ändern.

• Hintergrundbilder über einzelne Seiten sowie über alle Seiten ändern

• Style Anpassung, Transparenz um Hintergrund besser sichtbar zu machen

• Hintergrundbild Fokus feinjustieren mit Pfeilkreuz

• Weitere Funktionen wie Wechselbild oder Video als Hintergrund einfügen

In dieser Lektion lernst du bereits die wichtigsten Grundlagen um Inhalte in deine Website einzufügen.

Du lernst: 

• wie man Bilder einfügt

• die Option "bei Klick auf Bild das Bild sich vergrössert"

• Serienbilder mit einer Slideshow darstellt

• eigenes Logo und Seitentitel einfügt

• bestehende Vorlage-Element bearbeitet oder löscht und neue erstellt.

• ein Youtube Video (ein Fremdes oder dein Eigenes) verknüpftst und auf deiner Website darstellst

Du lernst die Website mit Spalten in Hälften oder Bereiche zu unterteilen.

In einem praxisbezogenen Beispiel erkennst du auch gleich die Wirkung und kannst dies dann sehr einfach selber anwenden.

In dieser Lektion lernst du wie du eine Websitenstruktur erstellst mit der Startseite und den Unterseiten

Weitere Lernziele dieser Lektion sind: 

• Seiten verbergen und wozu dies nützlich sein kann

• einen passwortgeschützen Bereich erstellen

• Seiten in den Ebenen verschieben und in der Reihenfolge anderst zu sortieren

• Seiten zu kopieren (dies geht allerdings nur mit der Pro Version und nicht in der Free Version)

Diese Lernziele werden an praxisbezogenen Beispielen erklärt

Button einfügen und verlinken mit:

• anderer Seite / Unterseite

• versteckter Seite

• E-Mail

praktische Anwendungstipps wie z.B: das Einfügen und verlinken eines eigenen Buttons oder Bildes

In dieser Lektion lernt Ihr wie Ihr einen individuellen Button gestalten könnt und diesen auf eure Jimdo Website hochlädt sowie verlinkt.

Auf eine Jimdo Website können auch Dateien wie z.B: PDF oder Excel Dateien zum Download zur Verfügung gestellt werden.

In dieser Lektion zeige ich auf wie dies mit wenigen Klicks gemacht werden kann.

Lernziele dieser Lektion sind: 

• Erfassen und Gestalten der Fusszeilen, welche über alle Seiten gespiegelt werden

• Share Buttons einfügen (wie z.B. für Facebook oder Twitter)

• Kontaktangaben erfassen und eine Google Map Karte einfügen

• Tipp: Wie eine Überschrift zentriert werden kann, obwohl diese Funktion nicht vorhanden ist

die Teilnehmer lernen in dieser Lektion, wie eine Tabelle eingefügt werden kann. Ebenfalls zeige ich auf welche Vorteile oder Unterschiede zwischen einer Tabelle und Spalten bestehen.

In dieser Lektion lernen die Teilnehmer, wie Sie einen QR Code von Ihrer eigenen Website in sekundenschnelle selber erstellen können. Ebenfalls lernen die Teilnehmer wie in wenigen Minuten ein ansprechender Flyer gestaltet werden kann, welcher dann diesen QR-Code mit Link zu Website enthält.

Liebe Community

In dieser Lektion zeige ich euch auf, wenn Ihr Fragen habt, Ihr diese stellen könnt. Ich persönlich beantworte alle Fragen und stehe euch zur Verfügung.

Ebenfalls zeige ich euch in dieser Lektion auf, wo Ihr den Kurs bewerten könnt. Ein Feedback sowie eine Sterne Bewertung hilft mir enorm weiter um einen möglichst guten Kurs erstellen zu können.

Ich bedanke mich bei euch schon einmal im Voraus

Beste Grüsse

Christian

Einleitung über die Lernziele der nächsten Lektionen

Mit Jimdo Creator können auch Kontaktformulare erstellt werden. Diese eigenen sich als Kontakt - oder Anmeldeformulare. Ebenfalls können bereits Fragen getätigt werden und noch vieles mehr.

• Installieren der Jimdo Creator App

• Aufzeigen der Funktionen auf diesem App

• Statistiken über Websiten Zugriff darstellen

• Einfügen und Bearbeiten von einfachen Elementen

In der Fusszeile steht bereits von Jimdo vorbereitet das Impressum. Dieses ist allerdings leer (ohne Text) Diesen müsst Ihr selber bearbeiten. Ich kann hierzu keine Beratung abgeben, da dies von unterschiedlichen Faktoren abhängt. Trotzdem zeige ich euch auf, wo Ihr weiterführende Informationen dazu finden könnt.

Kurze Übersicht der Arten von Cookies.

Anleitung wie das Pop-Up Fenster ausgeblendet  werden kann, welches beim Starten der Website aufpopt und den Besucher auffordert die Cookies zu akzeptieren.

Wegebeschreibung zu den Cookies - Policy

In dieser Lektion zeige ich mit Hilfe einer SEO Checkliste von Jimdo an praxisbezogenen Beispielen auf, wie Ihr eure Sichbarkeit auf Google verbessern könnt

Wie funktioniert Google My Business?

Google My Business bietet die Möglichkeit, potenzielle Kunden anzusprechen und ihr Interesse zu wecken, wenn sie auf Google nach Ihrem Unternehmen / Produkten oder Diensten suchen. Das Unternehmensprofil wird dann in der Google-Suche und in Google Maps angezeigt.

Ebenfalls können die Rezensionen auf Google beantwortet werden sowie viele wertvolle Informationen wie z.B. "welche Suchbegriffe wurden eingegeben" können abgerufen werden. 

Im ersten Schritt müssen Sie sich auf der Website www.google.de/mybusiness mit Ihrem Google-Konto anmelden. Klicken Sie dazu auf den Button "Unternehmen eintragen". Sollten Sie noch kein Konto besitzen, können Sie mit einem Klick auf "Konto erstellen" ein neues Google Konto eröffnen.

5 Punkte für eine gute Gestaltung der Website welche zu beachten sind: 

1. Weniger ist Mehr

2. hochwertige Bilder

3. Schriftart

4. Glaubwürdigkeit

5. Gesamtheit

Einen Auslastungskalender erstellen mit Google und diesen auf Jimdo freigeben und integrieren.

Mit Jimdo könnt Ihr auch bereits in der Free Version eure Website in mehreren Sprachen erstellen. Wie das geht? Das zeige ich euch in dieser Lektion.

Bei Jimdo bekommst du nicht einfach nur eine Website also ein CMS System, sondern auch ein E-Mail Plattform. Das Jimdo „Webmail“ ist eine webbasierte Software welche keine Installation benötigt. Zum Jimdo Webmail gelangt man am einfachsten direkt via einen Internet-Browser. Die URL lautet webmail.jimdo.com

Ein Favicon ist ein kleines, 16×16 oder 32×32 Pixel messendes Icon, Symbol oder Logo, das von Webbrowsern verwendet wird, um eine Website auf wiedererkennbare Weise zu kennzeichnen. Es erscheint unter anderem in der Lesezeichenliste (Favoriten), neben den Titeln der Registerkarten (Tabs) oder wenn die Seite auf dem Startbildschirm von Smartphones gespeichert wird.

Der Begriff iframe ist die Kurzform von Inlineframe. Damit wird ein HTML-Objekt bezeichnet, das in einem festen Rahmen auf einer bestehenden Website eingebunden werden kann. Meist werden Werbebanner oder ein anderer Inhalt wie z.B. eine Wetterberichte per iframe eingebunden. Innerhalb des Frame kann es eine eigene Navigation geben.

Es gibt verschiedene Gründe um eine Backup der eigenen, mit viel Herzblut gestalteten Website zu haben. Vielleicht möchtet Ihr die Website grosszügig neu gestalten und braucht dazu eine Kopie wie es vorher war, oder Ihr möchtet die Website kündigen und vielleicht zu einem späteren Zeitpunkt wieder reaktivieren. Und dazu möchtet Ihr auf Nummer sicher gehen und eine Kopie erstellen.

Einleitung über die Lernziele der nächsten Lektionen

Paint.net ist ein kostenloses Bildbearbeitungsprogramm.

In dieser Lektion zeige ich dir wie du dieses Programm kostenlos herunterladen kannst. In den nachfolgenden Lektionen werden wir mit diesem Programm arbeiten um eigene Logos zu erstellen und auch um bestehende Bilder und Fotos zu Bearbeiten um auf deiner Website das Maximum herauszuholen.

In dieser Lektion zeige ich dir auf, weshalb paint.net ein so tolles Programm ist.  Und zwar aus folgenden 2 Gründen:

- Mit paint.net kann sehr einfach und schnell der weisse (oder welche Farbe auch immer) Hintergrund von einem Bild entfernt werden.

- Anschliessend kann man mit Paint.net die das Bild im PNG Format abspeichern. Damit kann das Bild dann, ohne diesen soeben entfernten Hintergrund, verwendet werden.

Schritt 1 - Grafik erstellen mit Excel

Mit dem Tabellenkalkulationsprogramm Excel kann man hervorragend zeichnen.  In dieser Lektion zeige ich euch die wichtigsten Funktionen um bereits sehr individuelle Zeichnungen zu erstellen. Um die Zeichnung dann zu speichern muss allerdings ein Screenshot gemacht werden. Dieser Screenshot wird dann als JPG Datei abgespeichert.

Schritt 2 – PNG Format speichern

Mit dem Bildbearbeitungsprogramm Paint.net entferne ich zuerst mit dem Zauberstab die Hintergrundfarbe und speichere die Grafik dann als PNG Datei ab. Fertig – und schon habt Ihr euer eigenes Logo erstellt.

Nun kann das selber gestaltet Logo auf eure Jimdo Website hochgeladen werden.

Auf der Jimdo Website gibt es eine Funktion, mit welcher Ihr eigene Logos erstellen könnt. Das Design und die Gestaltungsmöglichkeiten sind zwar etwas eingeschränkt, dafür geht es sehr schnell und einfach. In dieser Lektion zeige ich euch diesen Prozess, wie Ihr in 3 Minuten zu eurem eigenen Logo kommt.

Runde Bilder haben bezüglich Webdesign eine spezielle Wirkung und gibt eurer Website eine professionelle Note. Als Anwendung von runden Bildern eignen sich besonders Team Fotos.  Da Jimdo keine vorgefertigte Lösung zum Einfügen von runden Bildern hat, gebe ich hier die Anleitung, wie Ihr aus quadratischen Fotos ein rundes Bild auf eure Website hochladen könnt.

Damit alle Fotos und Bilder auf eurer Website gleichmässig dargestellt werden müssen diese das gleiche Seitenverhältnis haben.

In dieser Lektion zeige ich auf, wie dies am einfachsten und schnellsten geht.

In dieser Lektion zeige ich euch auf wie ein Text in einem Bild eingefügt werden kann.  Es benötigt dazu wieder eine zusätzliche App,  welche Ihr kostenlos herunterladen könnt.

Ich zeige euch meine Lieblingswebsite um kostenloses Bild (sowie Videomaterial) heruntergeladen werden kann.

Einleitung über die Lernziele der nächsten Lektionen

Mit wenigen Klicks ist ein Blog aktiviert. Wo finde ich nun den Blog und was ist der Sinn hinter einem Blog?

Wie erfassen ich meinen ersten Blog Artikel? In dieser Lektion zeige ich auf wie der Artikel vom Entwurfsmodus veröffentlicht wird. In einem praxisbezogenen Beispiel wird auch ersichtlich, dass es bei jedem Artikel eine Vorschau gibt und den Artikel selber.

In dieser umfangreichen Lektion geht es hauptsächlich um den Aufbau und die Gestaltung des Blogs. Ich zeige mit Hilfe einer Excel Tabelle wie ein Blog mit den Ebenen (Kategorien) und den Blog Einträgen (Artikel) gestaltet werden kann.

Ebenfalls zeige ich auf wie mit Spalten oder einem Design wechsel mit Sidebar eine Vorschau von den Blog Einträgen erstellt und verlinkt werden kann.

Um mehr Traffic auf deinem Blog zu bekommen gibt es leider nicht DEN einen Trick. Es sind mehrere Faktoren die zusammenhängen. In dieser Lektion gebe ich dir einige Tipps und Tricks mit auf den Weg, für mehr Besucher auf deinem Blog.

Lernziele sind: 

• Tags erstellen und zuweisen

• Kommentarfunktion aktivieren und Einstellungen anpassen

• Sharebuttons bei Blog Artikel anfügen

• Tipps und Vorschläge für gute Blog-Überschriften

Nachdem die Website oder der Blog erstellt wurde, möchte man natürlich wissen wieviel Besucher auf die Website kommen. Um die Statistik in Jimdo anzusehen braucht es dazu das Upgrade auf Pro.

In dieser Lektion zeige ich euch wie Ihr weiterhin auf der kostenlosen Version via Google Analytics diese Statistik ansehen und auswerten könnt.

Übersicht zu den grundlegenden Einstellung zu einem Jimdo Shop.

• Erfassen der Shop Daten

• Zahlungsoptionen und Verfügbarkeit je nach Jimdo-Paket

• Anpassen des Bestellformular

• Weitere Einstellungen wie Versandkosten, Textvorlagen für Bestätigungs-Email

Lernziele dieser Lektion:

• Produkte erfassen mit Produktbild, Produktbeschreibung, Preis sowie dem Produktenamen

• Produkteübersicht erstellen als Startseite des Shops

• Produkteübersicht in der Sidebar erstellen und anpassen als Vorschau der Neuheiten

In dieser Lektion zeige ich anhand von einem praktischen Beispiel auf, wie eine Excel Datei in 3 Schritten angeboten und verkauft werden kann. Dazu benötige ich nicht einmal den Jimdo Shop sondern mache dies mit versteckten Seiten, Buttons, Bestellformular und dem Einfügen des Elements "Download Datei"

Wenn du Veranstaltungen oder Events anbietest dann zeige ich dir in dieser Lektion auf, wie du dies gestalten kannst.

• Event als Shop Produkt erstellen

• begrenzte Anzahl Teilnehmer festlegen, welche bei einer Anmeldung automatisch aktualisiert wird

• Prozess in der Kundenansicht aufzeigen

  
  

In dieser Lektionen stellen wir uns der Frage: Wie können Besucher eine Datei auf die Website hochladen?

Die Lösung ist das Erstellen eines kostenlosen Upload Formulars, welches dann via Java Script Code eingefügt wird.

Nicht jede Seite soll für Jeden zugängig sein. In dieser Lektion zeige ich auf wie eine Seite mit einem Passwort geschützt werden kann. Die kann z.B. hilfreich sein für ein Intranet (für die eigenen Mitarbeiter) oder für Mitglieder oder Abonnenten.

E-Mail Adressen sammeln für E-Mail Marketing.

Viele wissen es nicht, aber auch mit einer Jimdo Website kann man Geld verdienen und zwar in dem man Werbebanner auf seine Website stellt. Wie das geht, das zeige ich euch in dieser Lektion.

Folgende Lernziele werden in dieser Lektion behandelt:

• Wie kann ich mit Jimdo bei Problemen oder Fragen Kontakt aufnehmen?

• Wie lange dauert es bis sich Jimdo bei mir mit einer persönlichen Nachricht meldet?

• Nebenbei wird ein reales Problem beim Webmail Jimdo behandelt und "gelöst"

Je nach dem möchtet Ihr von eurem Jimdo Mail Account die E-Mails auf euren PC oder auf eine externe Festplatte abspeichern. Gemäss Jimdo Web Anleitung wird nur auf eine Verknüpfung mit Outlook hingewiesen auf welcher dann der Export standfinden soll. Es gibt allerdings eine einfachere Lösung und in dieser Lektion zeige ich euch diese auf.

In dieser Lektion zeige ich auf, dass mit dem Jimdo Creator sogar eigener HTML Code eingegeben werden kann. Damit Ihr dies gleich selber ausprobieren könnt, gebe ich euch eine Word Vorlage, bei welcher Ihr den Code einfach herauskopieren könnt und noch den Bildpfad wie in der Lektion aufgezeigt einfügen müsst. Den Code könnt Ihr dann natürlich beliebig anpassen und erweitern.

Übung: Versucht einen Rahmen um das Bild zu machen.

Tipp: border: 2px solid red;

Die Teilnehmer lernen wie die Schrift als durchgeschrichenen Text formatiert werden kann. Dazu rufen wir den Quelltext in HTML auf und machen da eine kleine Anpassung. Ebenfalls lernen die Teilnehmer, wie eine Lösung mit einer Google Recherche selber gefunden werden kann.

Jimdo Abo kündigen sowie optional die Domain von Jimdo abkaufen.

In dieser Lektion zeige ich auf, wie du ein cooles Portrait Bild von dir erstellen kannst.

Was du dazu benötigst ist: 

• eine Bild von dir mit einem neutralen Hintergrund

• Excel

• und die Software Paint.net (diese kann kostenlos im Internet heruntergeladen werden)

Herzliche Gratulation, du hast diesen Kurs nun erfolgreich abgeschlossen.

Vielen Dank für die Teilnahme. Ich hoffe der Kurs hat Dir gefallen und hat deine Erwartungen erfüllt? Über ein Feedback oder eine Bewertung von Dir würde ich mich sehr freuen.

Weitere spannende und lehrreiche Kurse findest Du in dieser Lektion unter den Materialien.

Viele Grüsse

Christian