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
  • Aufgabenstellung
  • Rechnungsvorlage

Was this helpful?

  1. Tag 1
  2. 03 HTML

Aufgabe Rechnung erstellen

PreviousHTML ValidierungNext04 CSS

Last updated 6 months ago

Was this helpful?

Aufgabenstellung

  1. Suche dir eine Firma aus und lade deren Logo als Bild herunter.

  2. Unterschreibe auf einem weissen Blatt Papier und fotografiere die Unterschrift mit deinem Natel und übertrage das Foto auf deinen Computer.

  3. Erstelle eine Datei mit dem HTML-Grundgerüst und speichere diese unter dem Namen invoice.html.

  4. Erfasse die Inhalte der Rechnung und strukturiere diese mit der HTML-Auszeichnungssprache gemäss der Rechnungsvorlage unten.

  5. Kopiere den Code anschliessend in den HTML-Validator und korrigiere allfällige Fehler.

Rechnungsvorlage

Hier findest Du die Rechnung noch als .

🛠️
PDF
97KB
rechnungsvorlage.pdf
pdf
Rechnungsvorlage