Webdesign mit HTML und CSS Einführungsabend

Transkript

1 Einführungsabend Die eigene Internetseite Hypertext http und html Das HTML Grundgerüst HTML-Editoren Skriptsprachen im WWW Rechtliche Absicherung Suchmaschinenoptimierung

2 Einführungsabend Die eigene Internetseite Hypertext http und html Das HTML Grundgerüst Skriptsprachen im WWW HTML-Editoren Rechtliche Absicherung Suchmaschinenoptimierung

3 Die eigene Internetseite Wege zur eigenen Webpräsenz 1. Wer erstellt meine Seite Dienstleister beauftragen: Baukastenprinzip: "Selbst ist der Mensch"

4 Die eigene Internetseite Wege zur eigenen Webpräsenz 1. Wer erstellt meine Seite Dienstleister beauftragen: Webdesigner, Web-Entwickler, IT-Fachleute mit Schwerpunkt Internet, Marketing-Unternehmen mit Schwerpunkt Internetwerbung Baukastenprinzip: "Selbst ist der Mensch"

5 Die eigene Internetseite Wege zur eigenen Webpräsenz 1. Wer erstellt meine Seite Dienstleister beauftragen: Webdesigner, Web-Entwickler, IT-Fachleute mit Schwerpunkt Internet, Marketing-Unternehmen mit Schwerpunkt Internetwerbung Baukastenprinzip: von der Stange beim Anbieter für Homepage- Leistungen "Selbst ist der Mensch"

6 Die eigene Internetseite Wege zur eigenen Webpräsenz 1. Wer erstellt meine Seite Dienstleister beauftragen: Webdesigner, Web-Entwickler, IT-Fachleute mit Schwerpunkt Internet, Marketing-Unternehmen mit Schwerpunkt Internetwerbung Baukastenprinzip: von der Stange beim Anbieter für Homepage- Leistungen "Selbst ist der Mensch" Technische Grundkenntnisse nötig.

7 Die eigene Internetseite Wege zur eigenen Webpräsenz 2. Welche technischen Lösungen gibt es?

8 Die eigene Internetseite Wege zur eigenen Webpräsenz 2. Welche technischen Lösungen gibt es? Statische Seiten Was sie können: Darstellung von Text- und Bildinhalten Einbetten von Video-Audio-Elementen Integrieren von Slide-Shows oder Fotoalben So wird gearbeitet: 1. Lokal bearbeiten (HTML-Editor) 2. auf den Webserver hochladen (FTP) Schwierigkeitsgrad: schwierig bis sehr schwierig

9 Die eigene Internetseite Wege zur eigenen Webpräsenz 2. Welche technischen Lösungen gibt es? Content-Management-Systeme (CMS) Was sie können: >= statische Seiten Nutzerverwaltung Foren CMS-Spezifische Erweiterungen E-Commerce (Shopsystem) So wird gearbeitet: 1. Auf dem Webserver installieren 2. Online konfigurieren und bearbeiten Schwierigkeitsgrad: leicht bis sehr schwierig Beispiele CMS: Joomla!, Wordpress, Typo3, individuelle CMS Beispiele Shopsysteme: Magento, oscommerce, Oxid

10 Voraussetzungen für einen eigenen Internetauftritt Wege zur eigenen Webpräsenz Voraussetzungen: Content Management System CMS Hochladen auf den Web-Server Konfiguration und Wartung über Online-Benutzeroberfläche Templates und Erweiterungen je nach Anbieter Statische Website Erstellen und pflegen auf dem lokalen Rechner Hochladen auf den Web-Server über FTP-Zugang Web-Space, FTP-Zugang Datenbank Web-Server Web-Space, FTP-Zugang HTML-Editor

11 Voraussetzungen für einen eigenen Internetauftritt Web-Hoster (Provider) - hostet Domainname/n (tech-c) - vermietet Hardware (Server) - vorinstallierte Webtechnologie

12 Voraussetzungen für einen eigenen Internetauftritt Web-Hoster (Provider) - hostet Domainname/n (tech-c) - vermietet Hardware (Server) - vorinstallierte Webtechnologie Vertragsabhängig: Domain-Name (monatl. Kosten) Speicherplatz Traffic FTP-Zugang PHP-fähig Datenbank (MySQL) vorinstalliertes CMS Server Bekannte Webhoster in Deutschland: 1und1.de strato.de hosteurope.de alfahosting.de revido.de netbeat.de

13 Voraussetzungen für einen eigenen Internetauftritt Web-Hoster (Provider) - hostet Domainname/n (tech-c) DENIC eg (Deutsches Network Information Center) ist die zentrale Registrierungsstelle für Domains unterhalb der Top Level Domain (TLD) de. Betreibt den Primary-Nameserver für.de und Unterstützung von Domaininhabern bei Fragen und Problemen. Die Internet Corporation for Assigned Names and Numbers (ICANN) ist eine privatrechtliche Non-Profit- Organisation, die Organisationen bestimmt, welche TLDs verwalten (Denic, VeriSign usw). Gemeinsam mit diesem werden auf Fachtagungen die Richtlinien bestimmt (z.b. ENUM-Tag).

14 Voraussetzungen für einen eigenen Internetauftritt de.wikipedia.org/wiki/top-level-domain denic.de/

15 Einführungsabend Die eigene Internetseite Hypertext http und html Das HTML Grundgerüst HTML-Editoren Skriptsprachen im WWW Rechtliche Absicherung Suchmaschinenoptimierung

16 Hypertext http und html Client-Server-Technologie Web-Server (Client-Server) meines Hosters Webserver Systeme/Software CERN httpd Apache HTTP Server IIS (Microsoft Internet Information Services) AOLserver Lite Speed

17 Hypertext http und html Client-Server-Technologie http Client-Server meines Hosters http Client-Server andere Hoster http HyperText Transfer Protokoll Hier wird Hypertext übertragen Datei soundso von Domain soundso

18 Hypertext http und html Hypertext Textstruktur und Philosophie Client-Server Text wird nicht mehr von Anfang bis Ende gelesen Text ist in Einheiten zerstückelt Querverbindungen ("links") zu inhaltlich verwandten Passagen bedient individuelle Denkstruktur revolutioniert Informationstechnologie http

19 Hypertext http und html Client-Server HTML Hypertext Markup Language ist Grundlage des WWW strukturiert Web-Inhalte wird von Web-Browser interpretiert enthält zusätzliche Angaben (Kopfdaten, Metainformationen) über Sprache, Autor, Ausgabemedien http HTML

20 Hypertext http und html http Client-Server http http HTML Auszeichnungssprache Gliedert die Inhalte in verschiedene Bereiche Definiert Überschriften, Absätze, Bilder, Bereiche für Links und Medienobjekte. Interaktive Schnittstelle zum Benutzer (Formular) Gibt dem Server Auskunft über globale Eigenschaften der Seite, z.b. Metabegriffe.