Powerpoint-DEMO Folien 2 bis 8: Internet-Grundlagen (7 von 30) Für Anfragen: diplingweber@vr-web.de oder: info@pcmess.de Folien 2 bis 8: Internet-Grundlagen (7 von 30) Folien 9 bis 15: Gestaltung einer Homepage (7 von 20)

Internet: Grundlagen HOMEPAGE Erstellen einer Homepage: extra Kurs ! Sie können sich die Organisation der Homepages vorstellen wie die Dateiorganisation beim PC auf der Festplatte: HTML-Dateien, Bilder, *.zip usw HTML-Dateien, Bilder dazu HOMEPAGE server site home.vr-web.de \diplingweber Startseite index.htm \download pcmess.htm schulung.htm Link, d.h. Verbindung von Seite zu Seite externer Link nach.... Die ganze Verzeichnisstruktur und die Dateien werden auf den Server geladen = UPLOAD und durch den Betrachter gelesen = DOWNLOAD Erstellen einer Homepage: extra Kurs !

POP = point of presence = Einwahlknoten Internet: Grundlagen Struktur des Internet Server (Provider) POP POP Telefonverbindungen http://www.meier.de Clients

Internet: Grundlagen Wie komme ich ins Netz ? Verbindung mit PROVIDER herstellen: Providersoftware oder DFÜ-Netzwerk (Windows) über MODEM/ISDN-Karte und Telefonverbindung Internetadresse im BROWSER eingeben Providerrechner (SERVER) (1) Übersetzt Adresse in Zahlencode und sucht, wo diese Adresse zu finden ist. (2) Stellt Verbindung zu diesem Server her mit Hilfe eines ROUTERS. (3) Ruft von der Adresse die Startseite “index.htm” oder eine andere, einge-gebene Seite ab. (4) Sendet Seite an Ihren Rechner. Die Übertragung der Daten folgt dem angegebenen Format, z.B. http

Internet: Grundlagen Wenn Sie jetzt hier zweimal Klicken, erscheint das “Einwählfenster”: Wenn Sie mit RB klicken, können Sie im Menü Eigen- schaften Änderungen vor- nehmen ! Sie geben den vom Provider genannten Benutzernamen und das Kennwort ein (speichern anklicken!) und drücken [Verbinden] Sie sind verbunden, wenn RB auf die Ikone und STATUS dieses Fenster bringt: [ok] oder ein Klick auf ein anderes Fenster verkleinert, [Trennen] trennt die Verbindung zum Internet. Die Ikone erscheint unten rechts in der Startleiste ! Sie können gut den Datentransfer an- schauen und die Zeit überwachen!

Internet: Grundlagen Was brauchen Sie, um ins Internet zu kommen ? Hardware: PC, Modem oder ISDN-Karte, Telefonanschluss, der das Modem oder die ISDN-Karte aufnehmen kann (“Stecker !”). Software: zum Zugang einen Browser: Microsoft Internet Explorer, Netscape Navigator, Opera Explorer oder.... für E-Mails: Microsoft Outlook (express) o.a. für Chats: w.o. Provider: Ein Unternehmen, das Ihnen gegen Gebühr mit seinem Server den Zugang, die Einwahl in das Internet ermöglicht. z.B.: t-online, AOL, compuserve, vr-web und viele viele andere. Machen Sie einen Preisvergleich ! Lesen Sie Fachzeitschriften und scheuen Sie nicht eine Kündigung, wenn Sie einen billigeren Anbieter finden ! Preise: z.B. vr-web: 2,4Pfg/min zu jeder Tageszeit, KEINE Zusatzkosten.

Zur Sicherheit ! Internet: Grundlagen VIREN Viren sind Programme, die Schaden anrichten können. Sie werden aktiv, wenn SIE das WOLLEN ! Sie sind NICHT im E-Mail-Text, sondern im ANHANG ! Öffnen SIE den Anhang, so werden sie aktiv ! (das ist WOLLEN) Viren können versteckt sein in Bildern, Text-Files, EXCEL- oder WORD-Files (sog. MACROVIREN) oder auch ganz einfach nur auf “Mausklick” reagieren, dann sind es “Link-Viren”. Öffnen Sie Anhänge NUR, wenn Sie sich sicher fühlen. Klicken Sie Links NUR an, wenn Sie GENAU wissen, was Sie tun ! Im Zweifelsfall löschen Sie die gesamte Mail UND LEEREN DEN PAPIERKORB ! Schicken Sie dem Absender eine Mail, die ihn über Ihren Verdacht unterrichtet und fragen Sie ihn, ob Sie die Wiederholung der Mail WIRKLICH aufmachen dürfen. weiter

Suchen im Internet Internet: Grundlagen z.B. www.yahoo.de: Software Nach Begriffen (Katalog!) Fazit: Hier finden Sie schon viel, aber es kann DAUERN

Erstellen der Startseite (index.htm) Die Startseite ist IHR Aushängeschild, sie muss: wirksam übersichtlich ansprechend sein. Frames (Rahmen): links = Menü (menu.htm) oben = Kopf (kopf.htm) Vielleicht so: unten = “echte Startseite” (seite1.htm)

Das Menü: WICHTIG: Stand, d.h. das Datum der letzten Änderung angeben. Das erzeugt zumindest Aktualität ! WICHTIG: ein Link zur Startseite: “HOME” WICHTIG: ein Link zu: “mailto”, ein E-Mail-Link hier als Formular ausgeführt Jetzt folgen Links zu den einzelnen Seiten der Homepage erkennbar am UNTERSTRICH, ggf. getrennt durch Text und Absatz. Abstand, wenn was Neues kommt ! Zum Schluss folgt hier noch ein Zähler der Besucher (Counter)

Der Seitenkopf Der Seitenkopf enthält alle wichtigen Informationen, ist immer zu sehen, stellt praktisch den Briefkopf an den Leser dar und enthält einen E-Mail-Link er kann auch ein Bild enthalten: BILDER sollen schnell geladen werden, also wenig Bytes haben: *.jpg, *.gif mit max 256 Farben und nicht zu groß. BILDER werden nicht von jedem Browser dargestellt (sind abschaltbar), sollten also einen “Alternativtext” darstellen können (siehe HTML). Er soll durch einen “horizontalen Unterstrich” abgeschlossen werden, um den Abstand zum eigentlichen Text zu verdeutlichen.

Die erste Seite Die erste Seite enthält eine Übersicht von dem, was sie zeigen wollen sie gibt Links zu den einzelnen Möglichkeiten KLEINE (byte-mäßig!) Bilder können verdeutlichen oder anregen “Tip-Tasten” sind ein schöner “Schnick-Schnack” Hier empfehlen sich: “Tabellen”

Tabellen Hier sehen Sie die erste Seite (seite1.htm) im Programm Frontpage Express. Die Überschrift ist durch Benutzen der vorhandenen Werkzeuge erstellt. Jetzt wurde eine Tabelle 2X4 (2 Zeilen = rows, 4 Spalten = columns = cols) erstellt und entsprechend eingestellt. Dafür gibt es Menü-Möglichkeiten! in die einzelnen ZELLEN der Tabelle wurden Bilder bzw. Text (hier mit Hintergrundfarbe) eingefügt. Zum Schluss wurde noch ein Bild mit den “linkfähigen” Tasten angehängt.

Wie geht das ? Nach dieser Seite folgt die Erstellung einer Homepage. Die letzte Seite davon sehen Sie jetzt. Sie brauchen zwei Werkzeuge: das Programm FRONTPAGE EXPRESS und den INTERNET EXPLORER (besser: mehrere) Sie erstellen unter \eigene Dateien einen Ordner \Homepage für die Ablage Ihrer Bemühungen UND der Bilder, die Sie brauchen: NUR *.jpg und *.gif ! mit Frontpage Express schreiben Sie die “Seiten” und speichern Sie “als Datei” unter \eigene Dateien\Homepage mit dem Explorer öffnen Sie Ihre Datei “..\eigene Dateien\Homepage\ index.htm” (bei Links auch diese!) und schauen sie sich an. Wenn gut, na gut. Wenn nicht, dann beim nächsten Versuch NEU öffnen ! Wenn immer Sie fertig zu sein glauben, “klicken Sie sich bei Ihrem Provider ein” und starten den Upload von allen Dateien und Bildern, die Sie verwendet haben aus genau diesem Verzeichnis. Und dann schauen Sie sich mal Ihre eigene Homepage nicht nur “direkt” am heimischen Computer an, sondern “auf dem Umweg über das WWW”. Sie werden Zeitverzüge und Bildunterschiede feststellen:  ARBEIT !

Fertig stellen Bild und Text einfügen E-Mail-Link Und speichern !!!!