M101 - Webauftritt erstellen und veröffentlichen
  • Intro
    • 🗓️Organisatorisches
  • Tag 1
    • 01 Geschichte des Internets
    • 02 Realisation
    • 03 HTML
      • Grundlagen
      • Spezielle Tags
      • Tabellen & Listen
      • HTML Dokument
      • HTML Validierung
      • 🛠️Aufgabe Rechnung erstellen
    • 04 CSS
      • Grundlagen: Selektoren und Einbindung
      • CSS Boxmodell
      • CSS Validierung
      • 🛠️Aufgabe Rechnung gestalten
      • CSS Kaskadierung
      • Pseudoklassen
  • Tag 2
    • 01 Dokumentenstruktur
    • 02 Ordnerstruktur
    • 03 Bilder
    • 04 Gestaltung: Schriften, Farben, Einheiten
      • Schriftarten
      • Farben
      • Einheiten
    • 05 Inline und Block
    • 06 Flexbox
      • Konzept
      • Der Flex-Container
      • Die Flex-Items
      • 🛠️Aufgaben
        • Aufgabe Boxen
        • Aufgabe Newsportal
      • Weiterführende Links
    • 07 Exkurs: Usability
    • 08 Formulare
      • Formulare
      • Informationsgruppierung
      • Design- und Strukturgrundlagen
      • 🛠️Aufgabe Formulare
  • Tag 3
    • 01 CSS Grids
      • Konzept
      • Definition
      • Platzierung
      • 🛠️Grid Aufgabe
      • Grids vs. Flexbox
      • 🛠️Grids vs. Flexbox Aufgabe
      • Weiterführende Links
    • 02 Responsive Design
      • Media Queries
      • Responsive Design
      • 🛠️Aufgabe
    • 🛠️Testing-Workshop
    • 03 Konzeptionierung
    • 04 Veröffentlichen
    • Projektarbeit
Powered by GitBook
On this page
  • Ablauf eines Webprojektes
  • Wireframe vs. Mockup
  • Tools

Was this helpful?

  1. Tag 1

02 Realisation

Previous01 Geschichte des InternetsNext03 HTML

Last updated 1 year ago

Was this helpful?

Ablauf eines Webprojektes

Natürlich gibt es nicht den «Ablauf eines Webprojektes». Trotzdem zeigen die Folien exemplarisch auf, wie ein solcher Ablauf aussehen könnte

Wireframe vs. Mockup

Siehe auch

Tools

Für Bearbeitung von HTML & CSS wird im Prinzip nur ein Texteditor benötigt, z.B. . Hilfreicher ist aber eine Entwicklungsumgebung, z.B. .

Für die Bildbearbeitung kann eine Software wie , oder genutzt werden oder ein Online-Dienst wie oder .

Wireframe vs. Mockup vs. Prototype - What's the difference?
Wireframes, Mockups, Prototypes - Was ist was?
Notepad++
Visual Studio Code
Photoshop
Gimp
IrfanView
Online Image Editor
Bulk Resize Photos
19MB
Erklaerung_Webprojektablauf.pdf
pdf
Tag 3 > Konzeptionierung