| Grundlagen HTML |
| Einführung in die Prinzipien der HTML-Programmierung |
→Arbeitsblatt Einführung |
→Begleitende Folie
→meine erste HTML-Seite
|
| Übungen und Vertiefung |
→Übungen1 zur Einführung
→Übungen2 zur Einführung |
→Vorlage Überschriften und Absätze
→code-formatieren.html
→Musterlösung code-formatieren.html
|
| Tabellen |
→Arbeitsblatt Tabellen erzeugen
→Arbeitsblatt Vertretungsstunde am 23.11.16 |
→Infoblatt zu Tabellen-Tags
→Musterlösung
→Zellen verbinden mit colspan
|
| Einführung in CSS - Cascading Stylesheets |
→Arbeitsblatt Einführung in CSS |
→Begleitende Folie
→Tabelle ohne CSS
→Tabelle mit CSS
→layout.css
→css-samples
|
| Listen |
→Arbeitsblatt zu Listen |
→Begleitende Folie
|
| Verlinkungen |
→Arbeitsblatt zu Links |
|
| Projekt: Meine erste Seite erstellen |
→Projektaufgabe Basis
→Projektaufgabe Erweitert |
→Beispielseite "Cupcakes" |
| HTML und CSS lernen im Appcamp |
|
→Startvideo
→Lernkarten Code: w1ente
→Abschlussvideo
|
| HTML und CSS |
| Navigationsleisten |
→Arbeitsplatz Navigationselemente ein- und ausschalten
→Arbeitsblatt Vertretungsstunde am 26.01. zum Ausfüllen |
→Reiseziele als HTML-Datei
→Reiseziele als DOM-Baum
|
| div-Container |
→Arbeitsblatt zu div-Containern |
youTube-Tutorial zu div-Containern |
| Hintergrundbilder in div-Conatinern |
→Vertretungsstunde am 16.02.17 |
→beatles-fanpage<
→Tutorial Farben und Hintergründe |
| Strukturelle Pseudoklassen und Vererbung |
→Arbeitsblatt zu strukturellen Pseudoklassen |
|
| Üben und wiederholen |
Übungsarbeit als beschreibbares Dokument |
Musterlösung Aufgabe 2 |
| Apps programmieren mit App Camps |
| Intro |
|
→Vorstellung Kurs App-Entwicklung (Video)
|
| Basis-App I: Katze |
|
→Startvideo
→Lernkarten Code: a2elch
→Abschlussvideo
|
| App II: Wahrheitskugel |
|
→Startvideo
→Lernkarten Code: a1hase
→Abschlussvideo
|
| App III: Zeichenapp |
→App-Inventor ohne Gmail-Konto nutzen |
→Startvideo
→Lernkarten Code: a1hase
→Abschlussvideo
|
| App IV: Spiel |
→App-Inventor ohne Gmail-Konto nutzen |
→Startvideo
→Lernkarten Code: a1hase
→Abschlussvideo
|
