einfache homepage website 16 06 10 12 05 11 l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Einfache Homepage (Website) 16.06.10 12.05.11 PowerPoint Presentation
Download Presentation
Einfache Homepage (Website) 16.06.10 12.05.11

Loading in 2 Seconds...

play fullscreen
1 / 30

Einfache Homepage (Website) 16.06.10 12.05.11 - PowerPoint PPT Presentation


  • 212 Views
  • Uploaded on

Einfache Homepage (Website) 16.06.10 12.05.11. Ruedi Knupp. Allgemein. Inhalt Was ist eine HP Warum mache ich eine HP (Ziel) Wie macht man eine HP (mit welchem Programm) Was brauche ich für eine HP (Name, Provider für Platz im Netz)

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Einfache Homepage (Website) 16.06.10 12.05.11' - stu


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide2

Allgemein

  • Inhalt
  • Was ist eine HP
  • Warum mache ich eine HP (Ziel)
  • Wie macht man eine HP (mit welchem Programm)
  • Was brauche ich für eine HP (Name, Provider für Platz im Netz)
  • (Vertrag mit Switch für Name, Vertrag mit Provider, Entwurf, Ziel)
  • Wie kommt die HP ins Internet (allgemein)
  • Wie kommt die HP ins Internet (Methode Google)
  • Was kostet das allesPraxis
  • Teil 1 Erstellen einer normalen Website (allgemein)
  • Teil 2 Erstellen mit einem Gratiswebsiteprogramm (NVU)
  • Teil 3 Erstellen einer Google-Website
  • Teil 4 Erstellen Info-Maniak-Webseite (einfachste Methode)
was ist eine homepage site abk rzg hp

Allgemein

Was ist eine Homepage (Site, Abkürzg. HP)

Eine HP ist eine Online-Anwendung, vergleichbar mit einer Vereins- oder Schülerzeitung, aber auch unter Kollegen, Interessengruppen etc., nur eben nicht gedruckt, sondern online und jederzeit und von jedem Ort von einem PC oder Handy aus abrufbar. Sie kann öffentlich oder privat sein, der Zugang kann mittels Passwort geschützt werden. Es können diverse Informationen darin enthalten sein, sowohl Text, als auch Videos, Fotos, Kalender, Präsen-tationen, Anhänge, oder mittels Links ganze Abhandlungen, welche sich an einem anderen Ort im Internet befinden.

warum mache ich eine hp ziel

Allgemein

Warum mache ich eine HP?/ Ziel

Eine HP hat feste und variable Teile. Eine HP, welche nie verändert wird, macht keinen Sinn

Familienwebsite: Kontakt mit weiter weg wohnenden AngehörigenFür Vereine aller Art: Informationen an Mitglieder, Pro-gramme, Fotos von Events, etc.Geschäftswebsite: Vorstellung von Firmen, Werbung, Mitarbeiter, Online-Shop, etc.Wissenschaft und Forschung: Austausch von Forschungsresultaten, Arbeit an gemeinsamen Projekten, etc.Politik: Werbung für Parteien und Personen, Parteiprogramme, Einladungen, etc.Sport: Sportvereine, Resultate, Rekorde, etc.

wie entsteht eine hp

Allgemein

Wie entsteht eine HP?
  • Die HP wird mit einem bekannten Programm erstellt (z.B. einem kostenpflichtigen Microsoft Frontpage oder Dreamweaver, Adobe, Infomaniak, etc.) und gleichzeitig in die HTML-Sprache umgesetzt (ein Muss für alles, was ins Internet geht) und dann mit einem FTP- Programm ins Internet hochgeladen
  • Es gibt einige Gratisprogramme, welche bei der Erstellung helfen. Diese Firmen verpflichten dann den Nutzer vielfach zum „Hosting“(= Gastplatz im Internet). Teilweise ist das Hosting bei Websites gratis, bei einigen sogar die Erstellung der HP (aber nur bei kleineren Sites von 2-8 Seiten)
was braucht es alles f r eine hp

Allgemein

Was braucht es alles für eine HP?
  • Einen geschützten Namen (reservieren bei www.switch.ch, Kosten Fr. 17.- pro Jahr)
  • 2. Einen Provider für das Hosting, er stellt denPlatz im Internet zur Verfügung (z.B.: Glattnet, Bluewin, Sunrise, Infomaniak, etc.)
  • 3. Ein Editor-Programm für die Erstellung der HP Text- und HTML- Form, (gleiche Firmen wie oben)
  • 4. Ein FTP-Programm für den Transport der HP ins
  • Internet
vorgehen f r die erstellung einer hp

Allgemein

Vorgehen für die Erstellung einer HP
  • Erstellen eines Entwurfes z.B. mit Word (wie ein Prospekt). Beispiel: AAWalli auf Word Siehe nächste Seite
  • Reservieren des Namens bei: www.switch.ch
  • Vertrag mit einem Provider, er schaltet den Platz für die zukünftige HP auf (z.B. Glattnet, Bluewin, etc.)
  • Übertragen der HP vom Word-Entwurf auf das Editor-Programm. Erstellen der Navigation (siehe Beschrieb)
  • Kontrolle der HP mittels Browser z.B. Internet Explorer, Mozilla, Chrome, etc. (simuliert das Internet)
  • Hochladen der HP ins Internet mittels FTP-Programm (Demo Computeria-Wallisellen)

Praxis: Demo Beispiel Computeria

slide9

Mit NVU

Muster einer HP-Seite in Word

slide10

Erstellen einer HP mit NVU-Programm

Mit NVU

  • Programm NVU herunterladen http://www.nvu-composer.de/ Version 1.0
  • Entwurf (auf Word vorbereitet) öffnen, im gleichen Ordner ablegen
  • Programm NVU öffnen, „Neu“ anklicken. Auf dem Tabs steht noch „Unbenannt“, das ändert sich beim speichern der Seite (z.B.: Home) im vorbereiteten Ordner aktivalter.ch
  • Musterseiten aus Wordentwurf öffnen, unter „Bearbeiten“ „alles auswählen“, kopieren der Seite
  • Direkt auf die entsprechende Seite im NVU Programm gehen und „Einfügen“
  • Dies gilt für alle Seiten gemäss Entwurf. Die HP ist fertig erstellt, muss jetzt aber noch mit einem FDP zum Provider hochgeladen werden
  • Praxis: Beispiel NVU
erstellen site mit google

Google

Erstellen Site mit Google

Ausgangslage: Gleicher Entwurf wie für vorherigen Teil

Word- Muster

Anmeldung: Bei Gmail anmelden, dort oben links

auf „Mehr“ klicken und dort auf „Sites“

Dann „Neue Site erstellen“

Vorlage auswählen, Motiv auswählen, Anmeldung aus-

füllen, unter Optionen die Freigabe wählen: a) jeder

kann diese Site ansehen oder b) nur von mir bestimmte

Personen können diese Site ansehen

slide14

Google

Anmeldung

slide15

Google

nach Anmeldung (erste Seite erstellen)

slide16

Google

Gestaltung von Layouts und Seite (Motiv aussuchen))

slide17

Nach Anmeldung (Logo bereits eingesetzt)

Google

Achtung:Bilder (wie das Logo) müssen im Picasa bearbeitet und dann ebenfalls mit Picasa in Webalben hochgeladen werden. Dort können sie direkt in die einzelnen Seiten kopiert werden. Texte können direkt aus dem Word-Entwurf kopiert und in die Homepageseiten eingesetzt werden

slide18

Google

Entwurf in Word

Beispiel: Seite Vorstand

Die Fotos aus Picasa müssen hochgeladen werden. Damit sie dort sind, wo wir wollen, wurden sie in Tabellenform eingesetzt

Bild 1

Bild 2

slide19

Google

Entwürfe in Word

Beispiel: Seite Verein

Beispiel: Seite Wer sind Wir ?

slide20

Google

Anpassung und Veränderung des Layouts

slide21

Nach Gestaltung:In Google „Sites“ kann man unter Site-Einstellungen einige Stichwörter eingeben, die dann von Google zum Auffinden genutzt werden.

Ich habe es mal mit Computeria, Wallisellen, Senioren versucht

Gesamt-Homepage-Link (Beispiel:https://sites.google.com/site/aktivesalter/home

Vergleich:www.aktivalter.ch(zum suchen einfacher)

Google: Eine Google-Webseite (Domain) kann man reservieren bei  http://www.united-domains.de (siehe Beispiel: nächste Folie)

Man könnte z.B. www.aktivesalter.com für 12.--EUR im Jahr mieten und dann auf der Google- Seite eintragen

Google

slide22

Google

Reservation und Umleitung einer Google HP

Praxis: Beispiel Google

infomaniak27
infomaniak

Praxis: Beispiel Infomaniak

schlussfolgerungen
Schlussfolgerungen

Wenn man die Prospekte der Provider ansieht, ist alles absolut einfach. In Wirklichkeit braucht es aber doch relativ gute Kenntnisse, um eine HP zu erstellen und zu unterhalten. Eine HP vom Provider erstellen zu lassen, kostet je nach Umfang und Komplexität ca. Fr. 500.-- bis Fr. 1000.--. Der Unterhalt ist dann allerdings wesentlich einfacher.

Beispiel der Computeria-HP auf Google erstellt von Joachim Vetter.

https://sites.google.com/site/computeriawallisellen/