Hallo und herzlich willkommen zu unserem Homepage-Kurs
Internet und World Wide Web - ein kurzer Überblick
Aufbau und Grundbestandteile des World Wide Webs
HTML, die Sprache des World Wide Webs
- Wozu HTML lernen?
Wie gelange ich ins Netz - eine Übersicht
- Provider oder Online-Dienst
- Günstiger: Internet-by-Call
- Die technischen Details
Attraktive Web-Adressen mit eigener Domäne
Vorsicht bei der Namenswahl: Domain-Namen und Recht
- Bitte kostenlos
Alles Homepage oder was? eine kurze Begriffsverwirrung
- Zuerst der Plan
- Der Projektordner
Grundvoraussetzungen: Browser, Datei und Endungen
- Dateiendungen einblenden
Workshop 1: So erzeugst du ein neues HTML-Dokument
- Gibt es Probleme? Löse sie!
- Sp geht's im Netscape-Browser
Der Einstieg - ein HTML-Dokument erzeugen und gestalten
- Aufbau einer HTML-Datei
- Kopf der HTML-Datei
- Text im Body notieren
- Überschriften
- Fett, kursiv und unterstrichen
- Im Block: Absatz und DIV
- Eine neue Zeile erzeugen
- Aufzählungen und Listen
- Linien einfügen
- Leerzeilen erzeugen
Die wichtigsten HTML-Befehle in der Übersicht
Übungsteil A: Übungen zu Basis-HTML
Testen muss sein: Stimmt der HTML-Code überhaupt?
- Der Test im Browser
- Der Test durch einen Prüfdienst
Zeig mir mal die Bilder: Grafikformate für das Web
- GIF, JPEG oder PNG
- Welches Grafikprogramm?
- Der Trick mit der Zwischenablage
- Hintergrund transparent setzen
- Grafik baut sich langsam auf
- Small is beautiful
- Optimieren für das Web
Workshop 2: Binde eine Grafik ins HTML-Dokument ein
- Checkliste für Grafikdateien
- Einfügen der Grafik per <img>
- Grafik in einen Absatz einfügen
- Attribut für Alternativtext
- Breite und Höhe
- Aber bitte mit Rahmen!
Workshop 3: So richtest du die Grafik wunschgemäß aus
- Ausrichten durch den Absatz
- Ausrichten direkt im <img>-Tag
Tabete für die Homepage: Grafik als Hintergrund einbinden
- Attribut background
- Hintergründige Tricks
- Texturen als Hintergrundmuster
Workshop 4: Farbverlauf
Workshop 5: So setzt du externe Querverweise (Hyperlinks)
- Grundsyntax der Hyperlinks
Workshop 6: Private Website mit internen Querverweisen
- Linkliste vorbereiten
- Links auf Dateien setzen
Hyperlinks für Fortgeschrittene: Wichtige Tipps und Tricks
- Links auf Seiten in Unterordnern
- Neues Fenster öffnen
- Verweise innerhalb der Seite
- Der E-Mail-Link
- Nachteile des E-Mail-Links
- Grafik als Hyperlink
- Link auf Dateien setzen
- Links auf Newsgruppen
- Gelbe Kurzinfo für Hyperlinks
- Das Attribut title
- Die wichtigsten Verweis-Befehle
Image Maps, die berührungsempfindlichen Grafiken
- MapMaker 32
Übungsteil B: Arbeit mit Hyperlinks
So wird das Leben bunt - Farben für Links und Schrift
- Hexadezimale Farben mischen
- Die Attribute im Body-Tag
Erweiterte Möglichkeiten zur Schriftgestaltung
- Erweiterte Zeichenformatierung durch das FONT-Tag
- Das PRE-Tag für feste Formatierung
- Erweiterte Auflistungen
- Lauftext (marquee)
- Blinkender Text
- Linien
Tabellen als wichtige Werkzeuge bei der Seitengestaltung
- Einfache Tabellen
- Gitternetzlinien einblenden
- Tabellen ausrichten
- Polsterung mit cellpadding
- Dicke der Wand: cellspacing
- Zellen teilen
- Farben für Tabellen
Workshop 7: Unsichtbare Tabelle für exaktes Layout
- Exakt ausrichten: align und valign
- Der Quelltext für die Tabelle
- Luftspalt (Rand) unterdrücken
Übungsteil C: Arbeit mit der Tabellenfunktion
Workshop 8: So erstellst du ein Umfrage-Formular
- Die Attribute im Tag <form>
- Versand per Formmailer in PHP
Quelltext des Formulars im Überblick
- Pull-Down-Menü
- Texteingabefelder
- Kennwortschutz
- Radio-Knöpfe und Checkboxen
- Mehrfachwahl: Kontrollkästchen
- Feld zur Kommentareingabe
- Zurücksetzen und Abschicken
Style Sheets - die cleveren Formatvorlagen für HTML
- Formatvorlagen für Webseiten
- Zur Syntax von Style Sheets
- Weitere Attribute für Style Sheets
- Klassen bilden mit class
- Verweise auf externe Style Sheets
- Das „Kaskaden-Prinzip"
- Inline-Style
- Freie Zeichen- und Absatzformate
Übungsteil D: Übungen zu CSS und Formularen
Frames, verschiebbare Fensterteile auf Web-Seiten
- Planung der Frames per Skizze
- Aufteilung festlegen per Frameset
- Tipps und Tricks zu Frames
- Verweise aus dem Frameset heraus
Effekte, Pep und Dynamic für Deine Homepage
- Gästebuch, Chat und Besucherzähler
- Links wechseln die Farbe
- Dynamische Schaltfächen
- Skript für einen Ticker
- Ein Pull-Down-Menü
Geht auch: Sounds, Multimedia und Animationen
- Sounds per <embed> einbinden
- Banner und Animationen als GIF
So meldest du deine Seite bei Suchmaschinen an
- Anmelden bei Yahoo und Web.de
- So gelangst Du zu Google und Co.
- Google ist demokratisch
- Automatische Eintragung?
META-Tags als Hilfe für die Suchmaschinen?
Homepage veröffentlichen bei T-Online, Strato und PureTec
- Strato und Puretec (1&1 AG)
- So arbeitest Du mit WS_FTP