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.]