CSS,Javascript Maya. Javascript-banner Man bindet die Javascript Datei zepto.js in html ein mit den...

8
CSS,Javascript Maya

Transcript of CSS,Javascript Maya. Javascript-banner Man bindet die Javascript Datei zepto.js in html ein mit den...

Page 1: CSS,Javascript Maya. Javascript-banner Man bindet die Javascript Datei zepto.js in html ein mit den Tag „script“ und mit der Quellen Angabe „src“.

CSS,JavascriptMaya

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

Javascript-banner

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

Page 3: CSS,Javascript Maya. Javascript-banner Man bindet die Javascript Datei zepto.js in html ein mit den Tag „script“ und mit der Quellen Angabe „src“.

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).

Page 4: CSS,Javascript Maya. Javascript-banner Man bindet die Javascript Datei zepto.js in html ein mit den Tag „script“ und mit der Quellen Angabe „src“.

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.

Page 5: CSS,Javascript Maya. Javascript-banner Man bindet die Javascript Datei zepto.js in html ein mit den Tag „script“ und mit der Quellen Angabe „src“.

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.

Page 6: CSS,Javascript Maya. Javascript-banner Man bindet die Javascript Datei zepto.js in html ein mit den Tag „script“ und mit der Quellen Angabe „src“.

Zepto.js

Wofür braucht man zepto.js:

Wir brauchen zepto.js um unsere functions verwenden zu können.

Page 7: CSS,Javascript Maya. Javascript-banner Man bindet die Javascript Datei zepto.js in html ein mit den Tag „script“ und mit der Quellen Angabe „src“.

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)

Page 8: CSS,Javascript Maya. Javascript-banner Man bindet die Javascript Datei zepto.js in html ein mit den Tag „script“ und mit der Quellen Angabe „src“.

CSS-Banner