Webseiten erstellen

Bernhard Stockmann ist Grafiker und Webentwickler. Als einer der Köpfe hinter dem beliebten Community-Portal "gimpusers.de" veröffentlicht er zahlreiche Tutorials für Einsteiger und Fortgeschrittene und gibt sein Insiderwissen zu GIMP weiter. Zudem entwickelt er in seiner Firma "bitfire it services" Lösungen zu Webdesign, Webmarketing und Webprogrammierung. Seine Fähigkeit, auch komplexe Themen gründlich und verständlich zu erklären, macht ihn als Trainer sehr beliebt.

1. Von der Idee zum Konzept [00:57 Std.]
1.1 Einleitung [00:32 Min.]
1.2 Ideen sammeln [08:53 Min.]
1.3 Die Elemente einer Webseite [03:03 Min.]
1.4 Die Webseite skizzieren [08:56 Min.]
1.5 Layout-Vorlage – Hintergrund definieren [12:24 Min.]
1.6 Layout-Vorlage – Kopfbereich & Navigation [10:25 Min.]
1.7 Layout-Vorlage – Content & Fußbereich [12:31 Min.]

2. Die Arbeitsmittel [00:36 Std.]
2.1 Einleitung [00:31 Min.]
2.2 XHTML und CSS [05:51 Min.]
2.3 Editor installieren [02:29 Min.]
2.4 Browser installieren [07:38 Min.]
2.5 Virtuelle Maschine erzeugen [05:55 Min.]
2.6 Der Firefox-Browser [05:02 Min.]
2.7 XAMPP-Webserver installieren [03:16 Min.]
2.8 Webdomain einrichten [04:54 Min.]

3. Inhalte erstellen mit XHTML [00:56 Std.]
3.1 Einleitung [00:23 Min.]
3.2 Das HTML-Grundgerüst [12:14 Min.]
3.3 Zeichensätze für HTML [05:07 Min.]
3.4 Texte und Absätze erstellen [06:05 Min.]
3.5 HTML-Code kommentieren [02:03 Min.]
3.6 Hyperlinks [08:18 Min.]
3.7 Grafiken hinzufügen [06:13 Min.]
3.8 Tabellen erstellen [09:57 Min.]
3.9 Stylesheets einbinden [05:12 Min.]

4. Inhalte gestalten mit CSS [00:58 Std.]
4.1 Einleitung [00:34 Min.]
4.2 Selektoren, Klassen und IDs [13:11 Min.]
4.3 Texte formatieren [08:36 Min.]
4.4 Hyperlinks gestalten [05:28 Min.]
4.5 Hintergrund erstellen [08:27 Min.]
4.6 Abstände definieren [06:49 Min.]
4.7 Abstände im Firebug bearbeiten [03:03 Min.]
4.8 Tabellen designen [11:36 Min.]

5. Das Weblayout umsetzen [01:02 Std.]
5.1 Einleitung [00:25 Min.]
5.2 DIV-Container erstellen [09:58 Min.]
5.3 CSS normalisieren [03:02 Min.]
5.4 Spaltenlayouts realisieren [08:25 Min.]
5.5 Den Kopfbereich gestalten [08:10 Min.]
5.6 Inhalte einfügen [06:47 Min.]
5.7 Inhalte positionieren [11:39 Min.]
5.8 Den Fußbereich gestalten [05:37 Min.]
5.9 Überschriften & Abstände anpassen [07:45 Min.]

6. Die Navigation erstellen [00:42 Std.]
6.1 Einleitung [00:30 Min.]
6.2 Listennavigation erstellen [07:30 Min.]
6.3 Hintergrund und Rollover-Effekt [07:14 Min.]
6.4 Vertikale Navigation [09:07 Min.]
6.5 Grafische Navigation erstellen [08:35 Min.]
6.6 Navigation auslagern [08:40 Min.]

7. Eine Bildergalerie gestalten [00:51 Std.]
7.1 Einleitung [00:24 Min.]
7.2 Bildformate [08:36 Min.]
7.3 JPEG-Qualität einstellen [03:29 Min.]
7.4 Bilder zuschneiden [02:26 Min.]
7.5 Bildergalerie in HTML erstellen [09:22 Min.]
7.6 Bildergalerie mit CSS gestalten [10:28 Min.]
7.7 Bilder einblenden [06:21 Min.]
7.8 Download-Button erstellen [09:46 Min.]

8. Ein Kontaktformular anlegen [00:49 Std.]
8.1 Einleitung [00:22 Min.]
8.2 Das Formular erstellen [06:22 Min.]
8.3 Formularfelder deklarieren [04:18 Min.]
8.4 Das Formular mit CSS gestalten [07:12 Min.]
8.5 Eingabefelder abfragen [12:37 Min.]
8.6 Fehlermeldungen anpassen [04:08 Min.]
8.7 Das Formular versenden [14:08 Min.]

9. Die Website veröffentlichen [01:01 Std.]
9.1 Einleitung [00:36 Min.]
9.2 Navigations-Links anpassen [09:14 Min.]
9.3 Website validieren [01:55 Min.]
9.4 Browser-Bugs beseitigen [09:38 Min.]
9.5 Suchmaschinen-Optimierung [07:53 Min.]
9.6 Favicon erstellen [06:11 Min.]
9.7 Website hochladen [03:14 Min.]
9.8 Besucherstatistik abrufen [08:55 Min.]
9.9 Ein neues Design [13:12 Min.]

10. Benutzerfreundliche Webseiten [00:34 Std.]
10.1 Einleitung [00:24 Min.]
10.2 Tipps für Webtexte [09:42 Min.]
10.3 Formulare verbessern [02:03 Min.]
10.4 Weißräume nutzen [03:27 Min.]
10.5 Benutzerfreundliche Navigation [03:09 Min.]
10.6 Intro-Seiten [04:38 Min.]
10.7 Flash [03:51 Min.]
10.8 Barrierefreiheit [04:48 Min.]
10.9 Korrektes Impressum [01:43 Min.]

11. Weblogs mit WordPress erstellen [00:46 Std.]
11.1 Einleitung [00:22 Min.]
11.2 WordPress hochladen [05:25 Min.]
11.3 WordPress installieren [04:26 Min.]
11.4 Einen Eintrag schreiben [05:03 Min.]
11.5 Plug-ins für WordPress installieren [03:40 Min.]
11.6 Theme auswählen [04:59 Min.]
11.7 Kommentare freigeben [02:49 Min.]
11.8 Blog verwalten [08:49 Min.]
11.9 Themes und CSS bearbeiten [05:36 Min.]
11.10 Weblog verlinken [04:59 Min.]