Arbeitsblatt: Erstellen einer Internetseite mit google

Internetseiten haben verschieden Funktionen. Es gibt Verkaufs- und Tauschbörsen(z.Bsp ebay), Informationseiten (Wikipedia), Communityplattformen (facebook) und vieles mehr. Internet ist das Fenster zur Welt und alle Internetseiten, so verschieden sie auch sind haben eines gemeinsam: derjenige der sie erstellt hat wahrscheinlich sehr lange daran gearbeitet. Ihr seit im Moment alle noch auf der Suche nach einem Beruf den ihr später ausüben wollt. Dabei habt ihr Informationen der Berufswahl sowie andere Seiten aus dem Internet. Wir wollen nun selber Internetseiten erstellen in welchen wir Informationen zu Berufen sammeln und präsentieren, mit dem Vorteil das ihr den Besuchern der Seite (eure Kollegen und andere Jugendliche) in eurer Sprache und aus eurem Blickwinkel von diesem Beruf erzählen könnt. Mit google.sites erstellt ihr eine Internetseite zu dem Beruf der euch gefällt, diese soll anderen Jugendlchen tiefere Einblicke in diese Beschäftigung geben und bei der Entscheidung für oder gegen diesen Beruf helfen. Neben der Schriftlichen erkärungen und Aufträge stehen dir beim Thema Programmieren der Webseite auch Erklärungsvideos zur verfügung. Planungsphase 1.1 Entscheide dich für einen Beruf der dich Interessiert, und in welchem du bereits eine Schnupperwoche absolviert hast. Was fasziniert dich an diesem Beruf, was stört dich, wie sah der Beruf früher aus, wie heute Überlege dir was du alles zu diesem Beruf berichten könntest, was dich selber daran interessiert. 1.2 Internetseiten verfügen über mehrere spezielle Funktionen (Gästebücher, Linklisten, Videos) Überlege dir welche Funktionen du in deine Internetseite einbauen willst und ob du diese wirklich brauchst. 1.3 Wenn du nun weißt was deine Internetseite am Schluss alles beinhalten soll bist du bereits soweit, dass du die Struktur der Internetseite bestimmen musst. Überlege dir dabei wie du die Themen anordnen willst wie viele Seiten du dafür brauchst und wie man von einer Seite auf die nächste gelangen soll. Jedes Thema kann beliebig viele Unterthemen haben, die selbst vielleicht wieder auf weitere Unterthemen führen. Dabei musst du möglichst übersichtlich vorgehen damit auch Besucher der Seite, die nicht am Aufbau der Internetseite beteiligt waren, sich gut zurechtfinden. 1.4 Du hast im letzten Schritt die Struktur und die Anzahl Seiten pro Thema bestimmt. Überlege dir nun was du für die einzelnen Seiten genau brauchst: Bilder, Informationen, Grafiken, Texte. Recherche 1.1 In dieser Phase musst du zuerst mal recherchieren. Was weißt du bereits von diesem Beruf (vielleicht hast du ja schon einen Schnuppertag absolvieren können). Sprich mit Leuten die etwas zu dem Thema zu sagen haben informiere dich übers Internet oder über die Berufswahlstelle 1.2 Sei vorsichtig wenn du bei deinen Recherchen im Netz Objekte herunterlädst, um sie für deine eigene Website zu verwenden. Dafür musst du den Besitzer erst um Erluabnis fragen, bei einem Verstoss gegen das Urherberrechtsgesetz musst du mit gravierenden rechtilchen Konsequenzen rechnen. Es gibt aber kostenlose Datenbanken für Musik, Bilder und Videos wo das Kopieren und veröffentlichen erlaubt und erwünscht ist. Hier einige Links mit Bildern etc. die unter gewissen Bedingungen veröffentlicht werden dürfen: commons.wikimedia.org/wiki/Hauptseite www.flickr.com/creativecommons/ Schreibe hier die Bedeutung des Urheberrechts in deinen eigenen Worten auf. Wenn du dir nichtmehr ganz sicher bist kannst du den Medienkompass 2 Kapitel 16 zu rate ziehen. Info HTML: Damit Internetseiten auch wirklich Internet tauglich sind, werden sie in einem speziellen Programmiercode geschrieben (HTML). Du musst aber keine Angst haben um eine Internetseite gestalten zu könne,n musst du diese Programmiersprache nicht unbedingt lernen. Es gibt zahlreiche HTML- Editoren mit denen du wie in Grafikprogrammen einfach gestalten kannst ohne an den HTML-Code zu denken. Server: Nachdem die Internetseite Programmiert wurde ist diese immer noch auf dem Computer, wie kommt aber diese Internetseite eigentlich ins Internet? Dafür brauchst du eigenen Server. Der Server Funktioniert ähnlich wie eine Computerfestplatte, denn hier werden nun die Seiten abgespeichert. Sobald etwas auf einem Server abgespeichert wurde können nun andere Computer darauf zugreifen. Provider: Sich einen eigenen Server anzuschaffen ist aber sehr teuer, billiger ist es ein Stück des Servers zu mieten. Provider sind grössere Firmen die Server besitzen und nun Stücke davon (webspace also Platz im Netz) zur Vermietung anbieten(anbieten provide) Webhosting: Auch hier wird webspace also Stücke von Servern zur Verfügung gestellt welche man mieten kann. Domain: Unter Domain ist der Name der Internetadresse samt nachfolgendem Punkt und einer Länder oder organisationsspezifischem Kennzeichen (z.bsp www.schweiz.ch) gemeint. Programmierung Wir werden unsere Seiten über „Google Sites erstellen. Google bietet diesen Dienst mit welchem man Internetseiten gleich online erstellen kann gratis an. Es stehen auch bereits vorgefertigte Seitentypen bereit, diese vereinfachen das erstellen der Internetseite aber schränken dafür auch die Kreativität ein. Schritt 1: Bei google anmelden 1.1 Öffne einen Internetbrowser und gehe auf „google.ch. 1.2 Unter dem menüpunkt „mehr den link „sites anklicken 1.3 Ich habe bereits ein Konto bei google sites eingerichtet. Ihr könnt euch also unter dem Namen und dem Passwort anmelden Schitt 2: Neue Seite erstellen 2.1 Klicke auf „Neue Seite erstellen 2.2 Der Name der Seite soll der Beruf sein über welchen du berichten willst 2.3 Im nächsten Kasten in dem es um die URL geht, müssen wir sicher gehen dass die URL nicht schon vergeben ist, deshalb hängen wir einfach an den namen der page „ an (URL ist die Adresse unter der man dann als „Besucher also nicht im Bearbeitungsmodus, direkt zu deiner Internetseite gelangen kann ist die Adresse schon vergeben müssen wir auf einen anderen Namen ausweichen.) 2.4 Die Beschreibung der Site ist freiwillig 2.5 Würden wir nicht jugendfreies Material auf unserer Site publizieren wollen müssten wir dies deklarieren damit keine Kinder Zugriff auf die Site erhalten. Da wir dies aber nicht machen können wir den Kasten leer lassen 2.6 Unter Motiv auswählen können wir das Design unserer Page auswählen. Dies kann aber jederzeit noch gewechselt werden (10.5 deshalb gilt es hier keine Zeit zu verlieren. 2.7 Als letztes müssen wir noch beweisen das wir wirklich am Computer sitzen und den Code abschreiben 2.8 Geschafft unsere erste Internetseite ist bereits erstellt. Schritt 3: Seite Programmieren Seite Bearbeiten und Schriftarten ändern 3.0 Um vorhandene Seiten bearbeiten zu können muss man oben rechts auf die Schaltfläche „Seite bearbeiten klicken 3.1 Schriftart und Ausrichtung ändern der Schriftgrösse, der Schriftart der Farbe etc. funktioniert ähnlich wie im Microsoft Word. Markieren der Bereiche welche formatiert werden sollen gefolgt von einem klick auf den richtigen icon. 3.2 Einzug und Aufzählungen können auch hier durch das markieren des textes mit anschliessendem klicken auf das entsprechende icon verändert werden. Bild hinzufügen 4.1 Um ein Bild vom Computer auf die Internetseite zu laden musst du oben links auf „Einfügen klicken und anschliessend „Bild wählen. Hier hast du nun zwei Optionen: a) du lädst das Bild von deinem Computer hoch: auf hochgeladene Bilder klicken Bild auf dem Computer suchen, anwählen und hochladen Bild hinzufügen b)du lädst das Bild direkt von einer anderen Internetseite auf deine eigene Internetseite auf „webadresse (URL) klicken URL-Code des Bildes eingeben Bild im Internet öffnen Adresse Kopieren Adresse Einfügen Bild hinzufügen Bild bearbeiten 5.1 Auf Google Sites sind die Optionen um das Bild zu Formatieren sehr eingeschränkt. Es stehen ausschliesslich folgende Möglichkeiten zur Verfügung: Ausrichtung: Das Bild kann ganz nach links „L, ins Zentrum „C oder nach rechts gestellt werden Grösse: Das Bild kann in Originalgrösse „Original, als grosses Bild „L, als mittelgrosses Bild „M oder als kleines Bild dargestellt werden „S. Wenn man als Besucher der Seite dann später auf ein Bild klickt öffnet sich das Bild in einem neuen Fenster in Originalgrösse! Achtung: Wenn du ein Bild verkleinerst und diese Änderung speicherst gilt die neue (also jetzt kleinere) Grösse als die Originalgrösse des Bildes, wenn du das Bild jetzt wieder vegrössern willst verpixelt dieses. Zeilenumbruch: Ist der Zeilenumbruch eingeschaltet kann das Bild auch neben dem Text stehen. Schaltet man den Zeilenumbruch aus so nimmt das Bild jeweils die ganze Zeile für sich in Anspruch. Entfernen: Um das Bild zu entfernen musst du im „Editormodus auf das Bild klicken und Entfernen anklicken. Neue Seite hinzufügen 6.1 Um eine neue Seite Hinzuzufügen musst du oben rechts auf „ Seite erstellen klicken. Hier kannst du aus verschiedenen arten von Seiten auswählen. „Webpage ist eine ganz normale Seite wie es auch schon unsere Startseite war. „Übersicht ist eine Seite in der Kalender und Karten an fixen Plätzen eingefügt werden können. Da man dies aber auch bei der normal Webpage machen kann, lohnt sich das aber nicht wirklich. „Mitteilungen auf dieser Seite kann jeder Besucher eine Mitteilung hinterlassen, es funktioniert also wie ein Gästebuch. „Ordner ist eine Seite wo ganze Ordner, Fotos, Videos und andere Dateien Heraufgeladen werden können. Ein Besucher kann dann diese ganz einfach auf seinen Computer herunterladen. „Liste ist eine Spezielle Seite zum erstellen von Listen Link hinzufügen 7.1 Um einen Link hinzuzufügen langt es nicht einfach die Internetadresse in den Fliesstext zu schreiben. Man muss Google Sites noch klar machen, dass es ein Link ist. Um das zu machen muss die Adresse markiert werden und dann ind der oberen Leiste auf „Link geklickt werden. 7.2 Es gibt auch die Möglichkeit „normale Wörter mit Internetseiten zu verlinken. Bei dieser Variante sieht man die Internetadresse nicht auf die man weitergeführt wird, deshalb ist das lesen des Textes wesentlich einfacher. Um ein „normales Wort zu einem Link zu machen gehen wir ähnlich vor. Wort markieren und dann auf „Link klicken. Es öffnet sich ein Fenster in welchem man nun die URL, auf die man durch diesen Link gelangen soll, eintippt. Filme hinzufügen 8.1 Leider können keine Filme auf die Page hochgeladen werden da diese viel Platz brauchen. Ihr könnt aber Filme die bereits auf Youtube oder Google Video hochgeladen worden sind in eure Page einbauen. Dafür müsst ihr auf „Einfügen und dann auf „Videos klicken, „Youtube oder „Google Video wählen und schlussendlich die URL des Filmes hineinkopieren. Tabellen einfügen 9.1 Um eine Tabelle einzufügen musst du oben auf „Tabelle klicken, dann „Tabelle einfügen wählen und mit der Maus entscheiden wie viele Spalten und Zeilen deine Tabelle haben soll. Mit den Weiteren Menü-Punkten kannst du jederzeit weitere Spalten oder Zeilen hinzufügen oder wieder löschen Weitere Aktionen 10.1 Verändern der Seitenstruktur 10.2 Seite einstellen 10.3 Seite zurücksetzen 10.4 Verändern der Seitenleiste 10.5 Seitenmotiv wählen