Webseite erstellen Wie erstelle ich meine eigene Webseite?

Präsentation zum Thema: "Webseite erstellen Wie erstelle ich meine eigene Webseite?"—  Präsentation transkript:

1 Webseite erstellen Wie erstelle ich meine eigene Webseite?
Hier ein passendes Bild hinzufügen – bitte auf Copyright achten Webseite erstellen Wie erstelle ich meine eigene Webseite? Was muss ich dabei beachten?

2 Wozu eine eigene Website / Blog?
Was machst du gerne? Worüber möchtest du anderen berichten? Was möchtest du mit anderen teilen? Hinweise: Hier sollen sich die Teilnehmer erst mal überlegen, welches Thema ihre eigene Homepage haben kann. Schließlich soll es nicht darum gehen, dass man in der Website oder dem Blog der ganzen Welt seine Tagesabläufe erzählt und die eigene Privatsphäre ins Licht der Öffentlichkeit rückt. Vielmehr sollten die Teilnehmer überlegen: Was mache ich gerne? Was könnte ich mit anderen teilen? Wobei könnte ich anderen helfen? Wo will ich mich weiterentwickeln? Natürlich kann man auch im Team mit einem Freund/Freundin einen Blog oder Website erstellen und diese gemeinsam pflegen. Beispiele: Du probierst gerne neue Koch-/Backrezepte aus und kreierst eigene, die du mit anderen teilen möchtest Du ließt gerne Bücher und möchtest andere von den Inhalten erzählen Du fotografierst gerne und möchtest deine Fotos und die Entstehungsgeschichte veröffentlichen Du machst gerne Experimente in Bio oder Chemie und möchtest diese mit anderen teilen Du machst coole Stunts mit deinem Skateboard oder BMX und willst deine Videos veröffentlichen Du schreibst gerne kleine Geschichten oder Sketche und führst diese vor 5 Min

3 Tipps zum Start Sorgfältiges Umgehen mit persönlichen Daten
Separate -Adressen für Kontakte mit Freunden und Familie und für den Austausch mit Anderen Immer Urheberrechte berücksichtigen wenn externe Inhalte (Musik, Fotos, usw.) verwendet werden Faires Bloggen: keine Lügen, keine Anfeindungen, keine Beleidigungen, keine rassistische Inhalte Aktualität der Links und der Inhalte von deinem Blog behalten Hinweise: Diese Slide fasst noch mal die wichtigsten Aspekte zusammen, die man bei der Erstellung eigener Web-Inhalte und deren Veröffentlichung beachten sollte. Viele dieser Tipps können die Schüler*innen dann direkt in der praktischen Übung anwenden. Gehe sorgfältig mit deinen persönlichen Daten um. Am besten legst du dir zwei -Adressen zu: eine für deine persönlichen Kontakte mit Freunden und Familie und eine für den Austausch mit Fremden. Du bist für die Inhalte verantwortlich, die du in deinem Weblog veröffentlichst. Wenn du in deinem Blog Musik verwendest, musst du die Urheberrechte berücksichtigen. Hol dir immer die Erlaubnis, dass du Fotos und Inhalte von anderen nutzen darfst. Verhalte dich im Blog fair: keine Lügen, keine Anfeindungen, keine Beleidigungen. Kontrolliere deine Website regelmäßig nach rassistischen, menschenverachtenden oder beleidigenden Inhalten. Du bist für die Links und die Inhalte verantwortlich, die in deinem Blog auftauchen. Prüfe regelmäßig, ob die Links noch aktuell sind.

4 Jetzt geht‘s los: Eigene Website erstellen
eingeben Klick auf Daten eingeben: Deine Adresse (am besten eigene Adresse für das Projekt / Training Passwort Auf Geht‘s! Wähle Website erstellen aus und beantworte die Frage, welche Art von Website du erstellen möchtest  Wähle eine Designvorlage aus

5 Jetzt geht‘s los: Eigene Website erstellen
Wähle die kostenfreie Version

6 Jetzt geht‘s los: Eigene Website erstellen
Wähle einen Domain-Namen Hinweise: Das Lesen von AGB und Datenschutzbestimmungen kann einige Zeit in Anspruch nehmen. Der Punkt wird hier deshalb aufgeführt, damit die Schüler*innen verstehen, dass sie sich diese Inhalte grundsätzlich anschauen sollen, bevor sie diesen zustimmen. Da die wichtigsten rechtlichen Bestimmungen, die die Schüler*innen als Besitzer einer Website betreffen schon im ersten Teil besprochen wurden, kann darauf verzichtet werden. Es wird aber empfohlen, die Punkte 5 (Allgemeine Verpflichtungen des Jimdo-Nutzers) und die Datenschutzbestimmungen (Punkt 9) zusammen mit den Schüler*innen durchzugehen

7 Du bist dran! Melde dich an bei http://de.jimdo.com/ an
Entscheide dich für ein Design Wähle die kostenfreie Version Erstelle einen Domain-Namen Hinweise: Jetzt können die Schüler*innen die erklärten Teilschritte selbst ausführen. 15 Min

8 Website gestalten – Erste Texte
Nachdem deine Website generiert wurde, beginnst du auf der Startseite mit der Gestaltung des Layouts  Vergebe Überschriften für deine Seite, klicke dafür in das entsprechende Feld und wähle Schriftgröße und Farben aus Hinweise: Wenn man über die Icons im Textfeld mit dem Cursor fährt, wird angezeigt was man damit bearbeiten kann, z.B. Farbe der Schrift uvm.

9 Website gestalten – Navigationsleiste
Benenne deine Navigationsleiste oben auf deiner Seite und definiere Unterkategorien für die Seite  denke dabei an eine Art Inhaltsverzeichnis Auf + Neue Seite hinzufügen kannst du neue Seiten erstellen und per Drag and Drop in die gewünschte Reihenfolge schieben!

10 Website gestalten – Weitere Ebenen
Auf Seiten kann man über + Unterebenen auf Seiten erstellen Hinweise: Je nach ausgewählten Layout variiert die Darstellung. Allgemein sollte man den Schüler*innen erklären, dass wenn man auf die Seite in der Navigationsleiste klickt eine Unterseite erscheint, die man dann anklicken kann.

11 Website gestalten – Weitere Ebenen
Hinweise: Neue Seiten können nach dem gleichen Prinzip wie bei der erstellten Startseite gestaltet werden. Einfach aus der Vorlage wählen und die Textfelder bearbeiten. Tipp: Klicke oben rechts auf das Bildschirm-Icon, um zu sehen wie die Seite für Besucher aussieht!

12 Du bist dran! Bearbeite deine Überschriften auf der Startseite
Definiere deine Navigationsleiste Tausche dich mit deinem Nachbarn/ deiner Nachbarin aus! Tauscht eure Domain-Namen aus und schaut euch den bisherigen Stand an. Macht der Aufbau für dich als Besucher Sinn? Hinweise: Jetzt können die Schüler*innen die erklärten Teilschritte selbst ausführen. Ziel ist es auch, zu zeigen, dass jede gespeicherte Veränderung sofort umgesetzt wird. Die Schüler sollten sich auch erste Gedanken zur Nutzerfreundlichkeit ihrer Seite machen. 30 Min

13 Website gestalten – Impressum anlegen
Impressum anlegen: Klick auf „Impressum“ in der Fußzeile Klick auf „Inhalt hinzufügen“ Klick auf „Textfeld“ Im Textfeld eure Kontakdaten eingeben: Hinweise: Kontakt/Impressumsangaben sind wichtig und auch rechtlich geregelt, darüber wird ausführlich in den Trainings 1.9 & 1.10 Wenn ihr die Website nach unserem Training behalten und weitergestalten wollt, solltet ihr hier eure echten Daten angeben. Wenn ihr nur üben wollt und am Ende der Session die Website wieder löscht, dann könnt ihr hier auch eine Phantasieadresse angeben.

14 Website gestalten – „Über mich“
Du als Schöpfer der Website kannst dich unter „Über mich“ den Besuchern deiner Website vorstellen Inhalte können sein: Zitat oder Motto (von dir oder einem anderen Autor, in dem Fall: Lizenzrecht beachten) Warum du diese Website aufbaust / Welches Ziel du damit verfolgst Was dich inspiriert Hinweise: Mit dieser Slide soll den Schüler*innen bewusst werden, wie sie ihre Motivation zur Erstellung dieser Website ausdrücken. Z.B. in Form von Zitaten, Inspirationen, Zielen. Hier geht es nicht darum, wie in den Social Media ein Profil von sich anzulegen und entsprechend sollte man auch nicht zu viele private Details preisgeben. Insbesondere, wenn diese nichts mit dem Thema der Website zu tun haben. Wer sich bei einzelnen Usern der Website genauer vorstellen will kann dies dann in direktem Kontakt mit der entsprechenden Person tun. ! Das sollte hier eher nicht stehen: Private Details, die nicht jeder kennen sollte Infos über dich, die nichts mit dem Thema zu tun haben Infos über deine Familie, Freunde

15 Website gestalten – Nützliche Hinweise
In der linken Menüleiste bekommst du Hilfe & Informationen Hier kannst du dein Design ändern Hier kannst du kostenpflichtige Angebote dazubestellen Hier kannst du einen Blog integrieren Hinweise: Die Gestaltungsmöglichkeiten der Website sind weitgehend selbsterklärend. Jimdo bietet aber darüber hinaus Hilfe / Infos und Tutorials an. Bevor die Workshopteilnehmer mit der eigenen Gestaltung loslegen kann man sie noch auf diese Infos hinweisen. Hier kannst du gegen Entgelt Statistiken zu deiner Website erstellen Hier findest du deine Domain-Adresse und deine damit verbundene -Adresse Hier kannst du deine Einstellungen ändern Hier kannst du Fragen stellen, wenn du Hilfe benötigst

16 Website gestalten – Probiere es selbst aus!
Erstelle dein eigenes Impressum Erstelle eine Seite Über mich Hinweise: Jetzt können die Schüler*innen die erklärten Teilschritte selbst ausführen. Am Ende hat jede/r ein solides Grundgerüst für eine Website, die zuhause weiter bearbeitet werden kann. Hier wird eine Beispielseite für Informationen über den Autor gezeigt. Nicht jeder einzelne Schritt in der Website-Gestaltung wird als Trainings-Schritt bereitgestellt. Da Jimdo sehr intuitiv aufgebaut ist, sollten die Schüler*innen es selbst schaffen, bestimmten Content zu kreieren. Durch Ausprobieren sollen sie Fähigkeiten erlernen und vertiefen. 20 Min

17 Auf jimdo.com kannst du eine kostenlose Homepage anlegen
Wichtige Bausteine, die auf deiner Website nicht fehlen sollten: Impressum, Über mich… Du teilst deine Meinungen, Ideen oder dein Wissen, gib jedoch lieber nicht zu viele private Details bekannt.

18 Habt ihr Fragen?