HTML/CSS

HTML ist die Sprache, in der die Webseiten im Internet geschrieben werden. In diesem Kurs werden Sie eine kleine Seite in HTML schreiben und so die Grundfunktionen (Links, Bilder, Verweise) der Seitenbeschreibungssprache HTML kennen lernen. Danach werden wir zunächst eine Einzelseite mit CSS grafisch gestalten.

Komplexere Webauftritte bestehen aus mehreren Seiten, wobei im Regelfall die Einzelseiten untereinander eine "Navigationsliste" verknüpft sind. Die Einzelseiten eines Webauftrittes sehen dabei alle ähnlich aus, Sie unterscheiden sich eher durch den Inhalt als durch Unterschiede im Layout. Wir werden gängige Layoutmodelle (fixes Design, flexibles Design) kennen und auch "programmieren lernen".

In diesem Kurs wird bewusst auf den fragwürdigen Komfort von teuren, kommerziellen Programmen verzichtet, wir arbeiten nur mit Browser und einem komfortablen Texteditor. Gegen Ende des Kurses wird dann ein kleiner, selbst gestalteter Webauftritt mit mehreren Unterseiten auf einen Testserver ins Internet gestellt.

Kursinhalte HTML/CSS in Stichworten

• Strukturierung eines Textes mit Überschriften und Absätzen,
  • Listen, Tabellen
  • Bilder
  • Verweise
• Layouten einer einzelnen Seite mit CSS
  • Layouten von Überschriften, Paragrafen, Listen und Bilder
  • CSS Box Modell
• Gestalten eines ganzen Webauftritts
  • Kennenlernen von verschiedenen Layoutmodellen
    • Fixes Layout
    • flexibles Layout
  • technisches Umsetzen der Layoutvorstellungen mit CSS
• Verwalten eines Webauftritts
  
  • CSS extern definieren
  • Vorlagen des HTML Editors verwenden Lernen
  • Upload der Webseite zum Provider
  • Server Side Includes oder PHP Includes zum einfachen Verwalten von Webseiten

Als optionale Inhalte gelten (min. 1 dieser Themen wird noch behandelt)

• Einbinden eines Kontaktformulars (Dient auch als (sehr kleiner) Einstieg in die serverseitige Programmierung)
• Visuelle Effekte mit Javascript (dient als (sehr kleiner) Einstieg in die Javascript Programmierung)
• Auswahl eines geeigneten Providers für die eigene Homepage und anschließendes Hochladen der Demoseite auf die eigene Homepage