2. Organisation dynamischer Websites
Struktur Layout Inhalt
• XHTML • CSS • CGI
• Seitenaufbau über • HTML-Elemente • Datenbankinhalte
HTML-Tags werden adressiert werden über
• Dynamische und über CSS- Platzhalter
Inhalte durch Regeln eingebunden.
JavaScript, AJAX beschrieben • PHP/mySQL
werden. • Pearl (veraltet)
3. Aufbau einer Website
Head Body
• DTD • Seiteninhalt
• Title • Headlines
• Meta-Tags • Texte
• CSS-Einbindung • Bilder
• JavaScript • Video
• Flash
• Navigation
• Hyperlinks
4. Verschachtelung durch Tags
DTD (Doctype Document Description)
<html>
<head>
<title>SEITENTITEL</title>
<meta>KEYWORDS</meta>
<style>VERLINKUNG AUF STYLESHEET</style>
</head>
<body>
CONTENT
</body>
</html>
8. Cascading Style Sheets CSS
Selektoren CSS-Regel Gestaltung
• HTML Elemente • Beschreibung • Schriftgröße
• ID der durch • Schriftfarbe
• Klasse Selektoren • Schriftart
adressierten
• Rahmen
Elemente
• Hintergründe
• Selektor {
Attribut:Wert } • Farbdefinitionen
• Ausrichtung
(left, right, top,
bottom)
9. Elemente für Klassen und IDs
div span
• Blockelemente zum • Inline-Elemente
Platzieren von Inhalten • Gestaltungselemente im
• Seitenlayout mit Textfluss
containern
• Über Innen- und
Außenabstände
detailliert definierbar
• Im Seitenfluss oder frei
auf der Seite platzierbar
11. Dynamik durch Datenbankinhalte
MySQL PHP CGI
• Datenbank • Sprache zur • Common
• Inhalte werden Platzierung von Gateway
über Datenbank- Datenbank- Interface
Abfragen vom Inhalten • Schnittstelle von
Server in sie Seite • Integration im der Website zur
geholt. XHTML-Code Datenbank
• Texte, Bilder, • Wird durch
Formularinhalte Datenbank-
Abfragen über
PHP, Pearl oder
ASP durchgeführt