Webseiten erstellen

1. Von der Idee zum Konzept [01:23 Std.]

. 1.1. Einleitung [00:22 Min.]

. 1.2. Ideen sammeln [08:56 Min.]

. 1.3. Bereiche und Elemente einer Website [03:09 Min.]

. 1.4. Die Website skizzieren [04:28 Min.]

. 1.5. GIMP laden und installieren [02:52 Min.]

. 1.6. Die Grafikvorlage erstellen [15:39 Min.]

. 1.7. Grafikvorlage: Kopf- und Teaserbereich [15:55 Min.]

. 1.8. Die Navigationsleiste entwerfen [05:32 Min.]

. 1.9. Inhaltsbereich und Fußzeile entwerfen [12:56 Min.]

. 1.10. Die Grafikvorlage zerlegen [13:23 Min.]

2. Nützliche Werkzeuge [00:32 Std.]

. 2.1. Einleitung [00:21 Min.]

. 2.2. HTML und CSS [06:24 Min.]

. 2.3. Freie Texteditor-Software: Notepad++ [03:24 Min.]

. 2.4. Die wichtigen Webbrowser [05:19 Min.]

. 2.5. Firefox-Erweiterungen nutzen [08:53 Min.]

. 2.6. Einen lokalen Webserver installieren [07:42 Min.]

3. Inhalte strukturieren mit HTML [00:53 Std.]

. 3.1. Einleitung [00:21 Min.]

. 3.2. Das Grundgerüst anlegen [10:34 Min.]

. 3.3. Texte und Absätze definieren [05:25 Min.]

. 3.4. HTML-Kommentare [01:37 Min.]

. 3.5. Darstellungsmodi [06:28 Min.]

. 3.6. Medien einbinden [05:04 Min.]

. 3.7. Listen aller Art [05:44 Min.]

. 3.8. Zeilen und Spalten: Tabellen in HTML [15:22 Min.]

. 3.9. Validierung der Website [02:32 Min.]

4. Inhalte gestalten mit CSS [01:09 Std.]

. 4.1. Einleitung [00:24 Min.]

. 4.2. CSS einbinden [07:12 Min.]

. 4.3. Selektoren, Klassen und IDs [14:32 Min.]

. 4.4. Text und Schriftbild beeinflussen [09:11 Min.]

. 4.5. Listen mit CSS gestalten [08:56 Min.]

. 4.6. Außen- und Innenabstände in CSS festlegen [11:11 Min.]

. 4.7. Tabellen mit CSS gestalten [11:19 Min.]

. 4.8. Tabellen mit wechselnden Hintergrundfarben [06:18 Min.]

5. Inhalte anordnen mit CSS [01:14 Std.]

. 5.1. Einleitung [00:23 Min.]

. 5.2. Das Grundgerüst erstellen [04:54 Min.]

. 5.3. CSS normalisieren [01:53 Min.]

. 5.4. Hintergrund und Hauptcontainer zentrieren [08:54 Min.]

. 5.5. Elemente im Kopfbereich positionieren [18:17 Min.]

. 5.6. Den Teaser-Bereich positionieren [13:05 Min.]

. 5.7. Zweispaltiges Layout: Vorarbeit in HTML [03:35 Min.]

. 5.8. Zweispaltiges Layout: Umsetzung in CSS [08:33 Min.]

. 5.9. Die Fußzeile gestalten [09:05 Min.]

. 5.10. Testen in verschiedenen Browsern [03:01 Min.]

. 5.11. Das 'IE 9-Skript' einbinden [02:22 Min.]

6. Die Navigationselemente [00:36 Std.]

. 6.1. Einleitung [00:23 Min.]

. 6.2. Listen ausrichten [06:45 Min.]

. 6.3. Die Hauptnavigation anlegen [07:26 Min.]

. 6.4. Die Hauptnavigation verfeinern [06:40 Min.]

. 6.5. Text-Aufzählungszeichen definieren [03:30 Min.]

. 6.6. Elemente der Website auslagern [11:13 Min.]

7. Eine Bildergalerie hinzufügen [00:47 Std.]

. 7.1. Einleitung [00:21 Min.]

. 7.2. Bildformate im Web [03:29 Min.]

. 7.3. Freund und Helfer: Die Stapelverarbeitung [05:36 Min.]

. 7.4. Die HTML-Bildergalerie aufbauen [05:43 Min.]

. 7.5. Die Galerie mit CSS gestalten [12:18 Min.]

. 7.6. Slimbox für die Präsentation verwenden [06:16 Min.]

. 7.7. Download-Schaltfläche in GIMP gestalten [08:47 Min.]

. 7.8. Download-Schaltfläche und Archiv einbinden [04:09 Min.]

8. Ein Kontaktformular erstellen [01:11 Std.]

. 8.1. Einleitung [00:19 Min.]

. 8.2. Das Formular anlegen [12:05 Min.]

. 8.3. Das Formular gestalten [09:39 Min.]

. 8.4. Formularfelder auswerten mit PHP [09:22 Min.]

. 8.5. Auf leere Felder überprüfen [09:33 Min.]

. 8.6. Das Formular korrekt versenden [10:04 Min.]

. 8.7. Spam vermeiden mit ReCaptcha [09:40 Min.]

. 8.8. Erfolgs- und Fehlermeldungen gestalten [09:56 Min.]

9. Veröffentlichung - Ab ins Netz! [00:31 Std.]

. 9.1. Einleitung [00:19 Min.]

. 9.2. Die Navigation vervollständigen [03:26 Min.]

. 9.3. Letzte Fehler beseitigen [04:14 Min.]

. 9.4. Favicons einrichten [04:58 Min.]

. 9.5. Webspace und Domain bestellen [06:24 Min.]

. 9.6. Der Datentransfer auf den Server [03:39 Min.]

. 9.7. Statistiken abrufen [03:28 Min.]

. 9.8. Google Analytics [04:14 Min.]

10. Usability und Barrierefreiheit [00:27 Std.]

. 10.1. Einleitung [00:16 Min.]

. 10.2. Websites barrierefrei gestalten [05:57 Min.]

. 10.3. Websites für Suchmaschinen optimieren [06:45 Min.]

. 10.4. Typografie fürs Web [04:55 Min.]

. 10.5. Externe Schriftarten einsetzen [05:13 Min.]

. 10.6. Das korrekte Impressum [03:51 Min.]

11. Farbenfrohes Alternativ-Design [00:28 Std.]

. 11.1. Einleitung [00:19 Min.]

. 11.2. Grafikvorlage anpassen [03:33 Min.]

. 11.3. HTML-Code anpassen [02:46 Min.]

. 11.4. Seitenbreite und Teaserbereich [07:08 Min.]

. 11.5. Inhaltsbereich und Farben [10:58 Min.]

. 11.6. Das Schriftbild anpassen [02:50 Min.]

12. Vernetzung und Marketing [00:33 Std.]

. 12.1. Einleitung [00:18 Min.]

. 12.2. Facebook einbinden [08:13 Min.]

. 12.3. Twitter einbinden [04:23 Min.]

. 12.4. Amazon PartnerNet nutzen [08:54 Min.]

. 12.5. Google Maps einbinden [03:05 Min.]

. 12.6. Google AdSense einsetzen [07:51 Min.]