Wie erstelle ich so eine HP ? ©Inge-Lore 15.04.2017 Punkt 1 Konto erstellen Zunächst einmal brauchst du ein Googlekonto,dafür musst du dich hier https://accounts.google.com/ anmelden.  Hast du die Schritte zur Anmeldung erledigt,dann kommst du auf diese Seite,wo du auf *Erstellen* klickst.  Da kannst du dann wählen zwischen der Klassischen Version oder der neuen Google Site,ich habe hier die klassische Version gewählt.  Punkt 2 Jetzt musst du dir einen Namen für deine HP aussuchen,wie sie heißen soll.  Dann ein gewünschtes Design aussuchen. Meine HP ist das Design *Terra:Wasser*  Für dieses Tutorial habe ich jetzt mal *Terra:Rubin* gewählt.  Solltest du keine jugendfreie Inhalte auf deiner HP haben,dann musst du noch unten bei Weitere Optionen klicken und den Haken setzen. Ansonsten einfach nur noch den Haken bei *Ich bin kein Roboter* setzen.  Hast du alles erledigt,dann nur noch ganz oben auf *Erstellen* klicken. Punkt 3 So nun hast du erstmal die Ansicht deiner Seite.  Jetzt erstellen wir sie,weiter gehts. Klicke oben rechts auf das Zahnrad und unten auf Website verwalten.  Jetzt klickst du links unten auf *Designs,Farbe und Schriftarten*.  So sieht das dann aus und da kannst du oben alles ändern,wie und was du haben möchtest. Dafür musst du links Zeile für Zeile anklicken und dann in der Mitte den Punkt setzen.  Da kannst du die Farben und Größe ändern von der Schrift. Kannst auch eine eigene Datei als Hintergrund einsetzen,als Seitenleiste  oder auf der gesamten Seite  probiere da einfach mal durch,was dir gefällt. Wenn du es dir angucken willst,dann erst oben auf Speichern klicken. Punkt 4 eigener Schriftzug Möchtest du,wie auf meiner HP zu sehen,einen Schriftzug oben in der Leiste haben,dann musst du ihn erst erstellen in der Größe 800 x 90 Px und als png speichern. Dann so einstellen bei Website-Kopfzeile und Hintergrund.  Rechts kannst du dein Bild hochladen und dann bei Optionen einstellen. Da der Schriftzug durchsichtig ist,sollte der eigentliche Text da drunter nicht mehr sichtbar sein.  Dafür musst du dann bei der Kopfzeile und Titel rechts auf A klicken und unten einfach nur transparent eintragen,schon siehst du den eigentlichen Titel der HP nicht mehr. Hast du alles eingestellt,dann klick auf speichern und links auf den Namen deiner HP. Hier als Beispiel von meiner HP  Punkt 5 Seite erstellen Jetzt erstellst du dir erstmal eine Seite,dafür klickst du oben rechts auf dieses Zeichen  Dann geht diese Seite auf,da gibst du oben den Namen ein, wie deine Seite heißen soll.  Unten lassen wir erstmal so,da ja noch nichts anderes weiter vorhanden ist,das kommt später noch. Dann klickst du oben auf *Erstellen*. Nun bist du auf der Webseite und könntest schon dort rein schreiben. Aber erstmal musst du Einstellungen vornehmen.  Hast du das oben eingestellt,dann schreib unten mal einen Buchstaben rein. Bleiben deine Einstellungen erhalten für Größe und das B für dicker Text,dann ist alles gut. Ansonsten einfach ein paar Buchstaben untereinander schreiben, alle markieren und oben nochmal einstellen,dann wird alles übernommen. Etwas umständlich,ich weiß,aber anders habe ich es noch nicht rausgefunden. Punkt 6 Tabelle Willst du auf der Seite eine Tabelle haben,damit du dort z.B. deine Bilder einstellen kannst und sie schön untereinander bleiben,dann klickst du oben links auf Tabelle.  Da kannst du dann auswählen,wieviele Zeilen und Reihen die Tabelle haben soll. Die Tabelle kannst du auch jederzeit wieder löschen,dann einfach nur auf Tabelle löschen klicken.  Oben rechts klicke jetzt auf *Speichern* Kopiere dir jetzt unbedingt den Link von dieser Seite, evtl. kopierst du dir die in eine txt Datei,damit du sie nicht vergisst, ist wichtig für den nächsten Schritt. Punkt 7 Seitenleiste Hast du das alles erstellt,dann gehts weiter mit der Seitenleiste. Klick jetzt wieder oben rechts auf das Zahnrad und unten auf *Website-Layout bearbeiten*  Jetzt erstellen wir eine Seitenleiste,dafür klickst du oben auf das + bei Sidebar.  (klickst du auf den Bleistift,dann kannst du wählen,ob du die Seitenleiste rechts oder links haben willst,ich wähle links) Punkt 8 Klicke im sich jetzt geöffneten Fenster bei Navigation auf Hinzufügen.  Jetzt hat sich eine Navigation (Gadget) hinzugefügt,  sie sitzt immer ganz unten auf der linken Seite, die klickst du an,dann öffnet sich dieses Fenster.  Willst du einen Titel für das Gadget (so nennt sich das Teil für die Seitenleiste) dann musst du oben den Namen eintragen,das sieht dann so aus. Ein Beispiel von meiner HP,die Worte Navigation und Tutoriale sind oben bei Titel eingetragen.  Punkt 7 Willst du keinen Titel haben,wie bei mir dann bei den anderen Teilen zu sehen ist,dann nimmst du oben den Haken raus und klickst unten auf Url Hinzufügen,dann öffnet sich ein kleines Fenster,wo du oben deinen Text einträgst,was links in der Leiste zu sehen sein soll  (bei mir immer die Namen der Tutschreiber) und ins untere Feld kopierst du den Link der Webseite, die du dir gespeichert hast (hoffe ich mal). Dann noch den Haken setzen,wenn sich die Seite immer in einem neuen Fenster oder Tab öffnen soll,ansonsten den Haken weglassen und nur auf Ok klicken. Punkt 8 Willst du noch eine Seite erstellen,dann gehst du wieder oben rechts auf *Erstellen* und benennst die Seite,wie sie heißen soll. Immer auf der obersten Seite eine Webseite erstellen und speichern. Den Link wieder kopieren und dann wieder auf das Zahnrad klicken und auf Webseiten-Layout,eine neues Gadgad hinzufügen,den Haken oben rausnehmen,die Seite nennen und unten den Link einfügen. Hast du schon etwas geschrieben,so wie bei mir hier z.B. bei Franie Margot  dann einfach oben auf Navigation klicken,dann geht wieder diese Seite auf  und du kannst unten auf URL hinzufügen klicken und dann einfach die neue Seite verlinken. Mit dem Pfeiltasten rechts kannst du das dann an die richtige Stelle schieben oder auch über den Papierkorb wieder löschen. So erstellst du dir nach und nach deine Webseite. Punkt 9 Nun kannst du in der Seitenleiste jede Seite anklicken. Wenn du da nun deine Bilder einstellen willst oder du möchtest etwas schreiben,dann klickst du nur oben rechts auf den Bleistift.  Dann geht deine Seite auf und du kannst schreiben oder Bilder einfügen. Willst du Bilder auf deiner Seite einstellen,dann kannst du das direkt über die HP machen,aber bedenke,jedes Bild nimmt dir Speicherplatz weg und du hast nur 100 mb Speicherplatz,dann ist die HP voll und du kannst keine Biler mehr einfügen. Animierte Bilder werden dann auch nur als jpg angezeigt. Also ist es ratsam,dass du dir einen Hoster suchst,ich kann dir diesen empfehlen. http://abload.de/ Registriere dich dort,dann bleiben alle Bilder auch erhalten und werden nicht irgendwann gelöscht und auf deiner Seite nicht mehr angezeigt. Punkt 10 Bilder einstellen Hast du beim Hoster ein Bild hochgeladen,dann immer nur den Direktlink oder Hotlink nehmen,alles andere zeigt Google nicht an. Und darauf achten,dass nur das http vorne steht,ohne das s,also nicht https, die Links nimmt Google nicht an,obwohl ihr Link selber mit https anfängt.  Also den Link kopieren,dann gehst du auf deine Seite und klickst oben links auf Einfügen und Bild  im nächsten Fenster unten die Webadresse anklicken und oben den Link eintragen,dann auf OK klicken  und schon siehst du das Bild und nochmal auf OK klicken.  Jetzt nur noch unten auf das Zeichen für Zentrieren klicken und rechts auf das Zeichen,damit das Bild sicher sitzt.  Damit das nächste Bild unter dem vorherigen Bild sitzt,einfach neben das erste Bild klicken  und 2-3x die Entertaste drücken,damit eine Lücke zwischen den Bildern entsteht. Und dann nicht vergessen,immer auf das Zeichen rechts klicken, erst dann sitzen die Bilder ordentlich untereinander. Punkt 11 Bei den Buchstaben K M G kannst du einstellen,wie groß dein Bild sein soll.  Bei Original ist es dann so groß,wie es in Wirklichkeit ist. So kannst du dann entweder die Bilder einzeln untereinander einfügen oder du erstellst dir eine Tabelle und fügst sie da ein.Dafür dann immer in einen der Kästen der Tabelle klicken und da dann dein Bild wie oben erwähnt,einfügen. Punkt 12 Bei der Tabelle kommt es drauf an,wieviele Bilder du nebeneinander haben willst,bei meinen Vorschaubildern habe ich immer 4 Bilder nebeneinander,da klicke ich dann auf M bei der Größe der Bilder.  Allerdings habe ich die Bilder auch immer auf 250 x 215 Px verkleinert. Und nicht vergessen,auch auf das Zeichen rechts klicken.  Punkt 13 Hast du wie hier oben Luft über dem Bild  dann klick einfach oben mit der Maus rein und auf die Taste über Enter, die mit dem Pfeil nach links. Dann sollte dein Bild nach oben rutschen und die Luft oben weg sein.  Willst du ein Bild verlinken,Z.B. zu dem dazu gehörenden Tutorial oder zu einer Webseite, dann musst du das Bild Markieren  Dann siehst du unten den Link,wo du das Bild hochgeladen hast.  Dann geht dieses Fenster auf,wo du einfach nur den alten Link löschst und den neuen Link einträgst.  Unten musst du den Haken setzen,wenn sich die Seite dann im neuen Fenster öffnen soll. Willst du ein Wort mit einer Seite verlinken,so wie ich z.B. mein Material verlinke, dann musst du nur das Wort markierenund dann oben auf das Kettenglied klicken  Dann im sich öffnenden Fenster wieder bei Webseite den Link eintragen. Punkt 14 Seitenvorlage Hast du einen Text,der sich auf jeder Seite wiederholen soll, wie bei meinen Seiten oben die Vorschau,dann kannst du das auch speichern. Dafür schreibst du deinen Text und speicherst sie. Dann gehst du oben auf das Zahnrad und auf *Als Seitenvorlage speichern*  Den Link speichere ich mir dann immer in meine Favoriten,falls ich die Seite mal ändern möchte,so kann ich sie schnell wieder aufrufen,ändern und wieder speichern. Punkt 15 Willst du dann diese Vorlage nutzen,dann wieder oben rechts auf das Zeichen für *Erstellen* gehen und auf der sich öffnenden Seite klickst du dann auf den Pfeil bei *Webseite* und da steht dann deine Vorlage drin.  Bei mir natürlich für jeden Tutschreiber eine eigene Vorlage. Unten musst du auch den Punkt setzen,damit die Seite auf der ausgewählten Seite zu sehen ist,bei mir sind das immer die Übersetzungen auf der Seite des jeweiligen Schreibers.  Nun wünsche ich dir viel Spaß beim Erstellen deiner eigenen HP und ich hoffe, ich habe es dir einigermaßen vernünftig erklärt und du kommt gut klar. Solltest du dazu Fragen haben,dann schreib mich einfach an. |
|
|