Tutorial Webseitenerstellung

Design

• Begriff: –klick–
• Daten vs. Informationen: –klick–
• Hierarchien: –klick–
• Navigation: –klick–
• Zielgruppe: –klick–
• Bildformate: –klick–
• Bilder verwenden: – klick–
• Text formatieren: – klick –
• Farbe: – klick –

Grundlagen

• Webeditoren: – klick –
• Aufbau einer Webseite: – klick –
• Ausrichtung von Bild und Text: – klick –
• Gliederung und Aufzählung: – klick –
• Meta-Tags: – klick –
• Tabellen: – klick –
• Hyperlink: – klick –
• iFrame: – klick –
• CSS:
  • CSS-Grundlagen
  • Übungsdateien zum Einstieg in CSS (ZIP: 3 kB)
  • Modernes Seitenlayout
  • Download Übungsdateien (ZIP: 403kB)
  • Boxenmodell: Innenrand
  • Boxenmodell: Außenrand
  • Boxenmodell: Boxrahmen

Übungen

• HTML 01: – klick –
• HTML 02: – klick –
• …

 

Blog und Content-Management mit WordPress-Portable

• Link zum Download von WP-Portable: –klick–
• WP einrichten: –klick– (gilt nicht für WP-Portable)
• WP Backend: –klick–
• Neue Redakteure einrichten: –klick–
• Beiträge schreiben: –klick–
• Design / Theme ändern: –klick–

Fortgeschrittene Webseitenerstellung

• Anpassung an mobile Ausgabegeräte
• Bildergalerie 1: Slide-Effekte
• …
• …