High Quality
Open the downloaded document, and select print from the file menu (PDF reader required).
Web Programmierung 1
Ein Skriptum zu den gleichnamigen Lehrveranstaltungenim 1. Semester von MultiMediaTechnolgy
Überblick
1.
Web Basics 6
2.
CSS Basics 23
3.
CSS für Layout und Interaktion 35
4.
Formulare, URLs, erstes Javascript 55
5.
Javascript und DOM 71
6.
jQuery 81
7.
AJAX und Ausblick 86
Quellenverzeichnis 93
Stichwortverzeichnis 94
MMT Webprogrammierung 1 2
Ziele
Diese Lehrveranstaltung hat mehrere unabhängige Ziele. Am Ende des Semesters können Sie sagen:
•
Ich kann Webseiten erstellen
, und habe auch schon eine kleine Web-Site vollständig umge-setzt.
•
Ich verstehe wie das Web funktioniert,
kann Fehler suchen und neue Entwicklungen einord-nen. Ich kenne wichtige Problemfelder wie Browserkompatiblität, Internationalisierung, Se-curity, Barrierefreiheit, Auffindbarkeit.
•
Ich kenne die Arbeitsteilung in einem Web-Projekt
und kann meinen (technischen) Teil bei-tragen.
•
Ich kann die Qualität einer Webseite beurteilen
. Ich kenne verschiedene Qualitäts-Kriterienund kann sie gegeneinander abwägen.
•
In meinem Blog zeige ich mehrere kleine Web-Projekte.
MMT Webprogrammierung 1 3
Inhaltsverzeichnis
1.
Web Basics 6
1.2
Kurze Geschichte des World Wide Web 7
1.3
Drei Standards definieren das Web 8
1.3.2
URL 10
1.3.3
HTTP 11
1.4
HTML Basics 12
1.4.1
Sonderzeichen 13
1.4.2
HTML-Tags 13
1.4.3
Whitespace 14
1.4.4
Attribute 14
1.4.5
Kompatibilität 15
1.4.6
Text formatieren 16
1.4.7
Bilder 17
1.4.8
Links 17
1.4.9
Gesamt-Struktur einer Webseite 17
1.4.10
Listen 18
1.4.11
Tabellen 18
1.5
Upload und Tools 18
1.5.1
Validator 19
1.5.2
Upload 19
2.
CSS Basics 23
2.1
Kurzvorstellung von Stylesheets 24
2.1.1
Schriftart 24
2.1.2
Schriftgröße 25
2.1.3
Absätze 25
2.1.4
CSS erforschen mit Firebug. 25
2.2
Geschichte der Cascading Style Sheets 26
2.2.1
Stylesheet Syntax 27
2.2.2
Klassen, IDs, SPANs und DIVs 28
2.2.3
Maßeinheiten in Stylesheets 29
2.3
Graceful Degradability 32
3.
CSS für Layout und Interaktion 35
3.1
URLs 36
3.1.1
Absolute und relative URLs 36
3.1.2
Konfiguration des Webservers und URLs 37
3.1.3
Pragmatische Tipps zu Dateienamen und URLs 39
3.2
Rahmenbedingungen für Layout 41
3.2.1
Auflösung 41
3.2.2
Brutto-Fläche vs. Netto-Fläche 42
MMT Webprogrammierung 1 im Wintersemester 2008
Info and Rating
Sections
« prev | next »- 1. Web Basics
- 1.2 Kurze Geschichte des World Wide Web
- 1.3 Drei Standards definieren das Web
- 1.3.2 URL
- 1.3.3 HTTP
- 1.4 HTML Basics
- 1.4.1 Sonderzeichen
- 1.4.2 HTML-Tags
- 1.4.3 Whitespace
- 1.4.4 Attribute
- 1.4.5 Kompatibilität
- 1.4.6 Text formatieren
- 1.4.7 Bilder
- 1.4.8 Links
- 1.4.9 Gesamt-Struktur einer Webseite
- 1.4.10 Listen
- 1.4.11 Tabellen
- 1.5 Upload und Tools
- 1.5.1 Validator
- 1.5.2 Upload
- 2. CSS Basics
- 2.1 Kurzvorstellung von Stylesheets
- 2.1.1 Schriftart
- 2.1.2 Schriftgröße
- 2.1.3 Absätze
- 2.1.4 CSS erforschen mit Firebug
- 2.2 Geschichte der Cascading Style Sheets
- 2.2.1 Stylesheet Syntax
- 2.2.2 Klassen, IDs, SPANs und DIVs
- 2.2.3 Maßeinheiten in Stylesheets
- 2.3 Graceful Degradability
- 3. CSS für Layout und Interaktion
- 3.1 URLs
- 3.1.1 Absolute und relative URLs
- 3.1.2 Konfiguration des Webservers und URLs
- 3.1.3 Pragmatische Tipps zu Dateienamen und URLs
- 3.2 Rahmenbedingungen für Layout
- 3.2.1 Auflösung
- 3.2.2 Brutto-Fläche vs. Netto-Fläche
- 3.2.3 Entwurf für mehrere Auflösungen
- 3.2.4 Bilder im Web
- 3.2.5 Schriftgröße
- 3.3 CSS Selektoren
- 3.4 CSS für Layout
- 3.4.1 Width und Auto
- 3.4.2 Float
- 3.4.3 Absolute Positionierung
- 3.5 Navigationsmenü mit CSS
- 3.5.1 :hover
- 4. Formulare, URLs, erstes Javascript
- 4.2 Formulare
- 4.2.1 Eingabefelder
- 4.2.2 Interaktionsmöglichkeiten
- 4.3 Daten absenden
- 4.3.1 Daten an E-Mail senden
- 4.3.2 Daten senden mit Methode GET
- 4.3.3 URL als Programm-Schnittstelle
- 4.4 Formular und Javascript
- 4.4.1 Javascript Einbetten
- 4.4.2 Popup-Fenster
- 4.4.3 Formulare
- 4.4.4 document.write
- 4.4.5 Ereignisse und Ereignisgesteuerte Programmierung
- 4.4.6 Formular prüfen
- 5. Javascript und DOM
- 5.2 Hintergründe
- 5.2.1 Javascript und Java
- 5.2.2 Geschichte von Javascript
- 5.2.3 Document Object Model
- 5.3 Basic Javascript
- 5.3.1 Einbindung von Javascript
- 5.3.2 Syntax von Javascript
- 5.3.3 DOM Beispiel
- 6. jQuery
- 6.2 Besondere Javascript-Schreibwesen in jQuery
- 6.2.1 Mein Name ist Dollar
- 6.2.2 Funktionen als first-class citizens7
- 6.2.3 Anonyme Funktionen
- 6.3 Selektieren und Manipulieren mit jQuery
- 6.4 Interaktion mit jQuery
- 7. AJAX und Ausblick
- 7.4 Ausblick
- Quellenverzeichnis
- Stichwortverzeichnis
Add a Comment