Kursprogramm

Theorie

Grundlegende Begriffe

• HTTP-Protokoll
• URL
• HTML und XHTML
• PHP und JavaScript
• SQL und MySQL
• Server, Client

Kennenlernen der Arbeitsumgebung

• Einrichten eines Accounts auf dem Server
• Anmelden am Server
• Befehle von der Kommandozeile
• Der Editor PageSpinner

Erstellen und Installieren eines ersten Webdokuments

• in XHTML
• in JavaScript
• in PHP

XHTML und CSS: Textformatierung auf Webseiten

• XHTML: logische Textformatierung
  • Titel, Überschriften, Absätze, Listen
  • Links
  • Tabellen
  • Frames
• CSS: physische Textformatierung
  • fett, kursiv, farbig, unterstrichen, ...
  • Zeichensatz und Schriftgrösse
  • Bündigkeit
  • Ränder, Positionierung

Grundlagen des Programmierens

• Variablen und Objekte
• Arithmetik
• Text
• Funktionen und Methoden
• Kontrollstrukturen
• Ein- und Ausgabe

Grafik

• Grafik in HTML einbinden
  • GIF, JPEG und PNG
  • Positionierung im Text, Sichtbarkeit
  • Grafiken als Links, Image Maps

Dynamisches HTML

• Inhalte im eigenen und in anderen Frames verändern
• variable Buttons
• Animierte Objekte

Grafische Benutzerschnittstellen (GUI's)

• Eingabefelder: Buttons, Menus, Scrollbars, Textfelder usw.
• Eingabeüberprüfung mit JavaScript und PHP

Server-angebundene Internet-Programmierung mit PHP

• Counter
• Formularverarbeitung
• Datenbanken: MySQL

Projekte

Im zweiten Semester erstellen Sie in kleinen Gruppen selbstständig ein Webprojekt für eine Firma, eine Person oder eine Gruppe von Personen in- oder ausserhalb der Schule. Das Projekt muss folgende Bedingungen erfüllen:

1. Sie arbeiten in Gruppen von 2-3 Personen an einem Projekt
2. Das Projekt hat einen Auftraggeber
3. Das Projekt benutzt nicht nur reines HTML sondern benützt eine Server-basierte Skriptsprache (z.B. PHP) und allenfalls eine Datenbank (z.B. MySQL) und JavaScript.
4. Sie wählen ein eigenes Projekt oder eines aus meiner Liste von Projektideen.

Bis Dienstag, 1. Juni verfassen Sie eine Projektskizze, speichern Sie auf der Webseite eines Projektmitglieds ab und fügen auf Ihrer Webseite einen Link darauf hinzu. Die Projektskizze muss darüber Auskunft geben

• welche Funktionalität Ihr Projekt bieten soll
• für wen Sie das Projekt ausführen
• welche Techniken (Skriptsprachen, Datenbanken) zum Einsatz kommen
• wie Sie die zur Verfügung stehende Zeit aufteilen