CSS,Javascript Maya.

Präsentation zum Thema: "CSS,Javascript Maya."—  Präsentation transkript:

1 CSS,Javascript Maya

2 Javascript-banner Man bindet die Javascript Datei zepto.js in html ein mit den Tag „script“ und mit der Quellen Angabe „src“.

3 Javascript-banner Man spricht das dokument an und hängt eine function an. Die klasse banner wird mit der neu erstellen klasse banner_sichtbar verbunden (durch toggleClass).

4 Zepto js Hier downloaden!
Im selben Ordner abspeichern wie die html datei! (richtige verlinkung setzen) Mit dem scriot tag wird gezeit das eine javascript datei beginnt. Mit der Quellen angabe (src)gibt man an wo die zepto Datei drinnen ist. Dies in den head schreiben.

5 Zepto.js Im head schreiben (da s um eine js Datei gehen soll)!
Mit der Quellen angabe (src)gibt man an wo die zepto Datei d rinnenist und baut sie damit ein in diese html datei. Mit dem script tag wird gezeigt,dass eine javascript datei beginnt.

6 Zepto.js Wofür braucht man zepto.js:
Wir brauchen zepto.js um unsere functions verwenden zu können.

7 HTML-Banner Der div tag ist ein container in den die kalsse banner hinein kommt. H1 ist die Überschrifts größe. Man erstellt einen button mit dem button tag. Article (semantisches html) steht unter dem button ( wegen dem p tag)

8 CSS-Banner