Wie erstelle ich so eine HP


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.

Hast du schon ein Googlekonto,dann gehst du einfach hier hin

https://sites.google.com/



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.





















Comments