jetzt auch als Video-Kurs

Vorstellung Projekte: erste selbst erstellte Websites

Im Folgenden werden 2 verschiedene Techniken gezeigt.

Layout über CSS

Durch die aktuelle Technik ist eine Trennung von Inhalt und Design möglich, die schlanke und schnelle Websiten ermöglicht.

Im Beispiel erstellen wir ein Website "Säulen des 20. Jahrhunderts" mit Grafik, Steuerung und Schlagschatten.

Layout über Tabelle - old school

Die alte Art, Design zu machen, war über Tabellen und ausblenden der Rahmen. Da sehr viele Websiten noch auf diese Art gemacht sind, ist es Sinnvoll, auch diese Technik zu kennen - dadurch können Sie die aktuelle Technik über CSS Design zu machen, besser einschätzen.

Beispiel ist ein imaginärer Schachclub.

vorheriges Kapitel: Projekt Beispielwebsites

nächstes Kapitel: Layout über CSS

• Startseite
  • Vorwort
  • Neuigkeiten
  • Videokurs 11 Stunden
• HTML Tutorial für Anfänger
  • benötigte Software
  • erste HTML-Seite
  • Grundlagen - HTML-TAG
  • Absatz
  • Überschriften
  • html Editor
  • Seitenaufbau
  • Text fett, kursiv
  • Schachteln von HTML-TAGs
  • unterstreichen
  • validieren HTML-Seite
  • Sauberer HTML-Code
  • Listen, Aufzählungen
  • Definitionsliste
  • Attribute bei HTML-TAGs
  • Links, Hyperlinks
    • Dateinamen
    • interne Links
    • externe Links
    • Steuerung erstellen
    • Verzeichnisse
  • erzwungener Umbruch
  • Trennlinie, Attribute
  • Bilder u. Grafiken I
  • HTML Farben
  • Tabellen
  • Online stellen
  • HTML Befehle Übersicht
• CSS lernen
  • Trennung Inhalt Design
  • Aufbau CSS Befehle
  • CSS in HTML einbinden
  • CSS einsetzen
  • Box-Modell
  • CLASS und ID
  • DIV und SPANs
  • Design per CSS - float
  • Steuerung per CSS
  • Block- u. Inline-Elemente
  • Bilder und Hintergrund
  • CSS Befehle Übersicht
  • CSS Tipps und Tricks
  • CSS-Layout-Generator
• Projekt Beispielwebsites
  • Vorstellung Projekte
  • Layout über CSS
    • Design über CSS
    • fertiges Beispiel
  • 2 Spalten Layout
  • Layout über Tabellen
• Fortgeschrittene
  • Fortgeschrittene
  • hoch-tief, groß-klein
  • Breadcrumbs-Navigation
  • Farben II
  • Bilder u. Grafiken
  • Bildbearbeitung mit GIMP
  • Formulare
  • Frames
  • bevorz. Software
  • JavaScript
  • Metatags
  • Suchmaschinen
  • Domainnamen
  • Provider & Domains
  • kostenloser Webspace und seine Kosten
  • Recht
  • Usability
  • HTML 5
  • Geld verdienen im Internet
  • Tipps & Tricks
• Forum
  • ins Forum
• Diverses
  • WYSIWYG-Editoren
  • Software
  • Bücher
  • Links
  • Referenz Sonderzeichen
  • Maßeinheiten
  • geschl. Benutzerkreis
  • Abk. - Abkürzungen
  • favicons erstellen
  • Leserstimmen
  • Helfen Sie mit...
  • Datenschutzerklärung
  • Archiv
  • Impressum