Kurs:Webdesign

Forum

Lerngruppen

Material

Auf ins Web!

Lerngruppe

Wer will gemeinsam lernen? Der Treffpunkt der Lerngruppe ist schon vorbereitet.

Links

• Websiteentwicklung: CSS
• Validator
• Selfhtml
• CSS 4 you
• Wikipedia:Webdesign

Ziel

Sie können Webseiten entwerfen, erstellen, publizieren. Sie verwenden dazu entweder den HTML-Code oder einen wysiwyg-Editor wie Dreamweaver.

Zielpublikum

Dieser Kurs setzt Computer-Grundkenntnisse mit dem Betriebssystems Windows oder MacOS, insbesondere die Handhabung von Dateien und Ordnern voraus.

Methode

Dieser Kurs verwendet das Wikibook Handbuch Webdesign als Lehrbuch. Zusätzlich finden Sie hier Übungsaufgaben, und Möglichkeiten Ihre Fähigkeiten und Ihr Wissen selbst abzuprüfen.

Die deutsche Wikipedia im Standard-Style "MonoBook"

Unter Webdesign verstehen wir in diesem Kurs den Entwurf, die Gestaltung, die Publikation von Webseiten. Dies ist kein Programmier-Kurs. Der Schwerpunkt liegt zwar auf der Erklärung der Technik, aber das Zielpublikum sind zukünftige Designer und keine Programmierer.

Inhalt

Grundlegendes

- was tun wir eigentlich? und warum?

• HWD:Das World Wide Web
• Fragen und Übungen dazu
• Vorbereitungen am eigenen Computer + für den Webspace

HTML

- eintauchen in den Code

• HWD:XHTML
• Übungen und Fragen zu HTML Grundlagen
• Übungen und Fragen zum Hochladen von Webseiten
• Weitere Links:
  • alvit handbook
  • selfhtml:html
  • HTML.net
  • Grundlagen von HTML
  • wikipedia html

CSS

- mit Stil gestalten? Mit Formatvorlagen!

• HWD:CSS
• WE:CSS
• Übungen und Fragen zu CSS zur Textgestaltung
• Übungen und Fragen zu CSS für Layout
• Weitere Links:
  • wikipedia Cascading Style Sheets
  • CSS Tutorial

Dreamweaver

- jetzt machen wir's uns leicht

• HWD:Dreamweaver
• Übungen und Fragen zu Websites + Navigation

SVG

- moderne Vektor-Grafiken erstellen

Interaktive Webseiten

- nur Links sind nicht genug - mehr Möglichkeiten für die LeserIn

• HWD:Fortgeschrittene Themen
• Übungen und Fragen zu Formularen
• Übungen und Fragen zu Javascript

• Vom Konzept bis zur Website
• Abschluss-Projekt

Websites

Kennst Du gute Links zu diesem Thema? Dann trag sie doch hier ein!

• Das wohl beste Online-Handbuch zur Einführung in HTML, CSS & mehr
• Einführung in XHTML, CSS und Webdesign
• Illustration des CSS Box-Models
• Artikel über CSS Positionierung (englisch)
• essential bookmarks for webdesigners von Vitaly Friedman
• CSS 4 You - umfangreiche Sammlung der CSS Befehle
• Seite von David Siegel über Killer Web Sites
• CssApps. Umfangreiche Sammlung fertiger CSS Stilvorlagen für Navigationen, Fotogalerien usw.

(man beachte z.B. auch sein Buch "Web Site Design"; sehr empfehlenswert)

• Website von "einfach-persönlich" hält gute Tips & Infos bereit

• QuakeNet Tutorial für PHP
• PHP- und mySQL-Grundlagen von Claudia Schaffarik
• PHP lernen mit PHP Tutorials

Siehe auch

• Kurs:Die erste eigene Website