Keine Angst vor der eigenen Webseite!

Transkript

1 der eigenen Webseite! Ziel: Eine sehr einfache Methode sich im Internet darzustellen Referent: Hermann Schmidt

2 Allgemein Wie kann man Internet sinnvoll nutzen? Internet bietet viele und ungeahnte Möglichkeiten Internet hat viele Gesichter Internet birgt viele Missverständnisse Internet birgt viele Gefahren

3 Allgemein Internet wird die Welt dramatisch verändern. Internet wird keine Branche und Person unberührt lassen. Internet ist die große technische und soziale Revolution. Nicholas Negroponte MIT-Medialab, Boston, 1994

4 Allgemeiner Internetaufbau

5 Allgemeiner Internetaufbau Verweise (Links) statt Reihenfolge (Hyperlink) (Lexikon-Schreibweise) Verweise (Links) auf unterschiedliche Texte, Bilder und Dokumente (Hypertext, HTML) - Text - Bild - Film - Ton

6 Allgemeiner Internetaufbau Internet Abrufer- Endbenutzer www - Text - Bild - Film - Ton Großes weltweites Wissensbuch in das Jedermann hineinschreiben und in dem Jederman lesen kann

7 Allgemeiner Internetaufbau Verweise (Links) (Hyperlink) (Lexikon-Schreibweise) Internet Portal Mein Wissensbuch in das nur ich hineinschreiben und in dem Jederman lesen kann - Text - Bild - Film - Ton

8 Warum eine eigene Webseite? Was ist das Ziel?

9 Beispiele einiger einfachen Webseiten aus dem Internet

10 Ein einfacher Weg ins Internet für (fast) Jedermann

11 Ein einfacher Weg ins Internet für Jedermann Was wird gebraucht? Ein Computer beliebig Eine Internetadresse Wunschadresse, kurz, leicht merkbar, themabezgen Speicherplatz von einem Webseitenprovider z.b.: One.com, Strato etc. Kosten: Eur 5 25 Eur/a 1,50 500,-Eur/m www. Name.net

12 Preis Ein einfacher Weg ins Internet Welcher Editor? Für Laien nur WYSIWYG CSS +HTML +Java + Maßprogrammierung CMS + Blog CSS +HTM +JavaScript, etc. HTML ( X-5 ) = WYSIWYG + Assist. etc. Comfort, Leistung

13 Mozilla Ein einfacher Weg ins Internet Welcher Editor? Für Laien nur WYSIWYG HTML WYSIWYG SeaMonkey Nvu Kompozer (auch für Mac) FrontPage etc., etc. Fast gleiche Bedienung s. a. Wikipedia Comfort Leistung

14 Unser nächstes Ziel: Die HTML-Webseitenerstellung zu erlernen Mit WYSIWYG-Editor Seamonkey Die Bildbearbeitung wird nicht im Detail behandelt Die Form der Gestaltung ist erst mal nachrangig. (extra Thema!) Internet Server

15 Die Vorbereitung Anlegen der Verzeichnisse *: * Zweckmäßig die Daten auf eigenem Datenträger speichern In: Text, Bild und Rohdaten aufteilen, damit man die Übersicht behält.

16 Kenntnisse über eine minimale Bildbearbeitung sind für eine Webseitenerstellung unabdingbar.

17 Einige Worte über Bilder: Ziel: Kleine Datenmenge = schnelle Übertragung, = kleine Speicher = schnelle Verarbeitung. Hohe Bildqualität = große Datenmenge. (Druck) Quelle: Internet-Format: Bild: - am PC selber zeichnen - Digitale Kamera - Scanner - usw..gif.jpg.gif = Verlustfreie Komprimierung, (Strich).jpg = Kompressionsfaktor, 1-100, (Fotos)

18 Einige Worte über Bilder: 1. Bilder beschaffen (bereitstellen) - Zeichnen (z.b. MS-Paint, kostenlos auf PC) - Aus dem Internet* - Vom Bildschirm * - Vom Scanner - Von Digitalkamera - Von anderen Programmen, z.b..ppt

19 Bilder aus dem Internet Internetseite Rechte Maustaste - Grafk speichern unter... Achten Sie auf das Copyright

20 Aus Screenshot (Bildschirminhalt) in Zwischenablage Bilder vom Bildschirm Druck -Taste = speichern in Zwischenablage = Ganzer Bildschirm Programm: Bildbearbeitung: Bilder ausschneiden und abspeichern Achten Sie auf das Copyright

21 Bilder vorbereiten! 1. Bilder beschaffen (bereitstellen) 2. Bilder transformieren in.gif oder.jpg (Bildprogramm nötig: Phototshop, Paintshop-Pro, etc.) - Optimale Größe herstellen - Thumbnails (Briefmarkengröße) erstellen

22 600dpi Keine Angst vor 2. Größe veändern (mit Bildprogramm: Photoshop, PaintNet, etc.) Maximale Größe: Empfehlung 1. Optimale Größe herstellen maximal: Bildschirmgröße! 800dpi 2. + Kleine Bilder (Thumbnails) erstellen! (Briefmarkenformat) Große Bilder = lange Ladezeiten! Kleine Bilder = gute Übersicht! +

23 Erstellung der 1. Seite: (Homepage) und Folgeseiten Layout, Text, Bild, Verweise (Link)

24 Die Vorbereitung Was braucht man für eine Webseitenerstellung? Man nehme: 1. Einen Editor *, z.b: Composer, kostenlos von MOZILLA/Seamonkey oder Frontpage von MICROSOFT 2. einen Stick (für Anfänger) 3. einen Browser, z.b.: Firefox oder Internet Explorer, etc. kostenlos * es gibt viele kostenlose und kostenpflichtige Editoren

25 Das Layout (die Form*) Keine Angst vor Die Vorbereitung Wie soll meine Websseite aussehen? Text Bild Text Text Das Layout (Skizze): Ein Tabellenlayout führt schnell zu guten Ergebnissen! Z.B. 5 Zeilen 3 Spalten Bild Text Bild Beispiel: Text Text Text Rieber, Jüdsche Geschichtel Text Text Text * Die Inhalte können beliebig beigesteuert werden...doc,.txt, etc.

26 Die Vorbereitung Anlegen der Tabelle (Seamonkey), aus Composer) SeaMonkey aufrufen Datei Neu Fenster Composer Leere Seite

27 Tabelle anlegen, Texte schreiben und auszeichnen Einfügen Tabelle OK

28 Tabelle anlegen, Texte schreiben und auszeichnen

29 Bild (Grafik) einfügen Einfügen Grafik Bild Verz. Bildname.jpg

30

31 Seite speichern Die 1. Seite speichern a) Seitentitel eingeben (beliebiger Text) b) Datei-Namen: erste Seite immer index.html (!) weitere Seiten beliebig. beliebig.html Speichern unter a) Titeleingabe, OK b) speichern a) b)

32 Die nächste (beliebige) Seite kann genauso erstellt werden z. Bsp. Gschichte Layout Composer Einfügen Tabelle Text einfügen auszeichnen

33 Verweise (Links)

34 Wie entstehen die Verweise, Links,? 1. Link zu beliebiger , 2. Link zur beliebigen nächsten Seite, Rücksprung, etc. 3. Link zum fremden Server, 4. Link zu einem Bild (z. B. hoher Auflösung) 5. Link zu einem Anker, (Marke) 6. Link zu einem automat. Download etc.

35 1. Link zu beliebiger , 1. Text markieren, Einfügen, Link.. 2. mailto: Adresse, OK

36 2. Link zur beliebigen nächsten Seite, Rücksprung, etc. 1. Text markieren, Einfügen, Link Eintrag der beliebigen Webdatei: Lebenslauf.html

37 Beliebige nächste Seite (Lebenslauf)

38 3. Link zum fremden Server, 1. Text markieren, Einfügen, Link Eintrag der fremden Webadresse:

39 Übertragung zum Webserver Upload Abrufer- Endbenutzer Anbieter Internet Server

40 Übertragung zum Webserver FTP Um die Dateien Ihrer Webseite ins Internet zu stellen, benötigen Sie ein FTP- Programm. Dieses Programm ist für den privaten Gebrauch kostenlos erhältlich. Laden Sie zuerst das Programm aus dem Internet auf Ihren Rechner: Führen Sie die Datei WS_FTPLE.exe aus, um die Installation zu starten. Folgen Sie den Anweisungen des Installationsprogramms. In der Regel können Sie die vorgeschlagenen Einstellungen ohne Änderung bestätigen.

41 Übertragung zum Webserver (FTP) Hier steht der Name Ihres Webservers * Hier tragen Sie Ihr Passwort * ein * Beides erhalten Sie von Ihrem Server Provider, z.b.

42 Übertragung zum Webserver (FTP) Inhalte auf Ihrem Computer Inhalte auf Internet Server Übertragungsbefehl: Runterladen (Download) Aufladen (Upload)

43 Gratulation! Sie sind im Internet!