7
HTML, CSS und JavaScript Mit Screenshots von meiner HTML-Datei (Inhalt ist mit der Vorgabe gleich)

HTML, CSS und JavaScript Mit Screenshots von meiner HTML-Datei (Inhalt ist mit der Vorgabe gleich)

Embed Size (px)

Citation preview

Page 1: HTML, CSS und JavaScript Mit Screenshots von meiner HTML-Datei (Inhalt ist mit der Vorgabe gleich)

HTML, CSS und JavaScript

Mit Screenshots von meiner HTML-Datei(Inhalt ist mit der Vorgabe gleich)

Page 2: HTML, CSS und JavaScript Mit Screenshots von meiner HTML-Datei (Inhalt ist mit der Vorgabe gleich)

„Abschnitt“, der mit mehreren Artikeln gefüllt werden kann

Überschrift

Design bzw. Ordnung

Inhalt: Text

Page 3: HTML, CSS und JavaScript Mit Screenshots von meiner HTML-Datei (Inhalt ist mit der Vorgabe gleich)

So wird ein Button erstellt!

Name des ButtonsDifferenzierung des Buttons:Man muss, wenn man mehrere Buttons hat, diesen auch andere IDs geben!

Page 4: HTML, CSS und JavaScript Mit Screenshots von meiner HTML-Datei (Inhalt ist mit der Vorgabe gleich)

Die Section muss auch beendet werden!

Es müssen 2 JavaScript-Dateien mit der HTML-Datei verbunden werden, damit die Buttons auch etwas „machen“.

Page 5: HTML, CSS und JavaScript Mit Screenshots von meiner HTML-Datei (Inhalt ist mit der Vorgabe gleich)

Teil 2app.js Hier wird die Funktion definiert

Hier wird der gewünschte Button ausgewählt

Die Art der Funktion:Hier draufklicken

Bild-DefinitionDer Inhalt vor Wechsel mit dem Bild

Page 6: HTML, CSS und JavaScript Mit Screenshots von meiner HTML-Datei (Inhalt ist mit der Vorgabe gleich)

Erklärung

Die app.js Datei ist sehr wichtig, denn ohne diese würden die Button nicht funktionieren!

In dieser Datei wird definiert was der Button machen soll und wie er reagiert.

Die Button ID wird so eingegben:„ticket“ #ticket (wichtig wenn mehrere Button vorhanden sind!

Page 7: HTML, CSS und JavaScript Mit Screenshots von meiner HTML-Datei (Inhalt ist mit der Vorgabe gleich)

Tipps

Alles in Kleinschreibung und keine Umlaute!

Immer auf Klammersetzung achten!

Auf Datei-Endungen achten!z.B: jpg, jpeg usw.

Auf / achten, da sonst die HTML-Datei nicht zugreifen kann.