Crashkurs Jimdo Online eigene kostenlose Webseite einrichten

Transkript

1 Crashkurs Jimdo Online eigene kostenlose Webseite einrichten Yvonne Seiler Volkshochschule Bern

2 Lernziele Sie wissen was Jimdo ist und kann und wer hinter dieser Firma steckt. Sie haben eine eigene Webseite bei Jimdo ( registriert und wissen, wie Sie Einstellungen daran vornehmen können. Sie kennen wichtige Begriffe und Tipps zur Webgestaltung, um Ihre Webseite optimal umzusetzen. Sie können Ihre Webseite selber gestalten und mit Inhalten (Text, Bildern, Galerien, Formularen, etc.) füllen. 2

3 Programm Ein paar Worte zu Jimdo Online-Registrierung bei Jimdo Die Jimdo-Benutzeroberfläche kennen lernen Gestaltung einer Webseite Begriffe und Tipps Eigene Umsetzung einer Webseite 3

4 Über Jimdo Jimdo ist ein Online-Dienst, um mit wenigen Klicks eine eigene Webseite einrichten zu können. Wurde 2004 von drei Deutschen ins Leben gerufen. Heute bereits über 3 Millionen BenutzerInnen und über 40 Mitarbeitende weltweit. Sowohl für Künstler, Sportler, die eigenen Hobbies, Vereine oder Unternehmer, usw. geeignet. 4

5 Angebot und Preise Jimdo bietet 3 unterschiedliche Pakete an JimdoFree (kostenlos) JimdoPro (9 CHF im Monat) JimdoBusiness (25 CHF im Monat) Je nach Paket werden unterschiedliche Dienste angeboten: 5

6 Beispiele Webseite 6

7 Beispiele Webseite 7

8 Beispiele Webseite 8

9 Beispiele Webseite Ihre persönliche Webseite 9

10 Online-Registrierung: Wichtig: Geben Sie eine adresse an, auf die Sie heute vom Kurs aus zugreifen können! Los geht s 10

11 Beispiele Editor 11

12 Beispiele Editor 12

13 Gründe für Jimdo Ohne Vorwissen wird viel erreicht. Mit Vorwissen können Anpassungen gemacht werden. Einfache Benutzeroberfläche (easy to use) Design-Vorlagen können übernommen oder eigene Designs mit CSS-Kenntnissen umgesetzt werden. Mit vordefinierten Elementen kann die Webseite schnell und einfach mit Inhalten gefüllt werden. Ausführliches Supportangebot: Forum, Hilfen, Anleitungen, Kontaktadressen Zusatzdienste wie Blog, Shop, passwortgeschützte Bereiche und weitere sind einfach einzubinden. 13

14 Vergleich Jimdo Hostingplatz Webadresse: username.jimdo.com Benutzeroberfläche und zusätzliche Dienste TOTAL CHF /Monat Ohne Nutzung eines speziellen Dienstes Hostingplatz: z.b. Hoststar CHF /Monat Webadresse: bei Hosting mitbestellen, z.b. Hoststar für.ch-domains CHF 11.90/Jahr Bisher: SWITCH => zieht sich auf 2015 aus dem Domain-Verkauf zurück Benutzeroberfläche: je nach Angebot des Hosters z.b. StarPagemaker bei Hoststar inklusive / Wordpress kostenlos / selber programmieren TOTAL CHF /Monat 14

15 Eigene Webadresse registrieren Falls Sie eine eigene Webadresse (ohne haben möchten, können Sie wie folgt vorgehen: 1. Bei einem Provider Ihrer Wahl (kann auch Jimdo selber sein) eine Webadresse.ch (oder nach Wahl) registrieren. 2. Eine Jimdo-Webseite einrichten und auf den PRO-Account (oder Business-Account) erhöhen oder Free-Webseite umleiten lassen. 3. Eine Weiterleitung der.ch-webadresse (z.b. auf die jimdo-domain einrichten: hilfe.jimdo.com/domains/ Bei Jimdo-Pro ist 1 Domain gratis dabei, bei Jimdo Business 2 Domains. 15

16 Wie bearbeite ich etwas? Drag&Drop Mit der Maus packen und dorthin ziehen, wo das Element hin soll. Absatzmenü Mit der Maus über einen Absatz fahren und löschen oder neue Elemente hinzufügen, ev. verschieben. Los geht s Einstellungsmenü Auf der rechten Seite Einstellungen (Layout, Design, Blog, Einstellungen, Statistik, etc.) vornehmen. 16

17 Webseite im Aufbau In der Navigation können Seiten unsichtbar geschaltet werden. Ein Bild und Hinweis können auf der Startseite helfen, dass die Leute später wiederkommen. 17

18 Aktualität ist das A und O Häufig aktualisierte Websites werden von den Suchmaschinen häufiger besucht. Alle drei Rankingfaktoren berücksichtigen, das bringt ein gutes Ranking: Textbasierte Faktoren wie Worthäufigkeiten, Position der Suchbegriffe Popularität Aktualität Quelle: Auch unterwegs aktuell: Mit der JimdoApp (für iphone, ipad und Android) können Fotos direkt hochgeladen werden. News und Gedanken sofort online gestellt werden. neue Artikel bearbeitet und veröffentlicht werden. Statistiken jederzeit geprüft werden. 18

19 Tipps zum Webdesign Auszug aus «Eyetracking auf Webseiten Top 20 Tipps» Wichtige Informationen in Textform Linke obere Ecke als Schwerpunkt Absätze strukturieren (eher kurz) und mit Überschriften unterteilen Ausgeschriebene Zahlen benutzen Grössere Schrift um das Scannen von Informationen zu fördern, kleinere um Informationen zu geben Grössere Bilder erhalten mehr Aufmerksamkeit als kleinere Mut zum Leerraum das Auge ausruhen lassen 19

20 Begriffe rund um Webdesign Begriff Blog CSS Domain HTML Sidebar Templates Webhosting Erklärung Öffentliches Online-Tagebuch mit Kommentarfunktion engl. Cascading Style Sheet; Designsprache um selber Webseiten zu gestalten Webadresse, z.b. engl. Hyper Text Markup Language; Programmiersprache um eigene Webseiten zu erstellen Einzelne Spalte im Layout um verschiedene Elemente prominent zu platzieren (meistens rechts an der Webseite) Layoutvorlagen, Designvorlagen für die Grundstruktur und den Hintergrund einer Webseite Unterbringung/Lagerung von Webseiten auf dem Server eines Anbieters (z.b. Provider wie Jimdo oder Hoststar ) 20

21 Links Webseite Jimdo: Hauptseite: oder Hilfeseite: Beispielseite: Beispiel Blindtext Lorem ipsum: 21

22 Kontakt 22