====== HTML - CSS - JavaScript ======

===== CSS lernen =====
    * [[https://www.youtube.com/watch?v=ZbsIkwsaVhI|CSS Tutorial (Youtube-Video)]]
    * [[https://www.w3schools.com/css/|w3schools-CSS-Tutorial (mit Übungen)]]
    * [[inf:css|CSS-Kurs]]

===== Grundlegendes =====
  * [[:inf:web:Grundlagen|Trennung von Struktur, Formatierung und Funktionalität]]
  * [[:inf:web:dom|Das Document Object Model]]

===== Arbeitsumgegebungen =====
 
++++ Chrome-Browser -> F12 (Developer Tools)|
https://developer.chrome.com/devtools 

{{:inf:web:start:abb-20170328-170758.png?1000&direct}}
++++

++++ JsFiddle (Online)|
https://jsfiddle.net/

{{:inf:web:start:abb-20170328-170112.png?1000&direct}}
++++

===== Informationsumgebungen =====
  * https://wiki.selfhtml.org/wiki/Startseite
  * https://www.w3schools.com/
  * https://www.mediaevent.de

===== Navigation, Positionierung und Multimedia mit HTML5 =====
  * [[Navigation des Webauftritts]]
    * [[:inf:web:navigation_des_webauftritts#Die Navigation planen]]
    * [[:inf:web:navigation_des_webauftritts#Navigationsleisten mit HTML und CSS erstellen]]
    * [[:inf:web:navigation_des_webauftritts#Navigationsmenüs erstellen]]
    * [[:inf:web:navigation_des_webauftritts#Imagemaps]]
    * [[:inf:web:navigation_des_webauftritts#Logische Verlinkung]]
    * [[:inf:web:navigation_des_webauftritts#Auf eine andere Adresse umleiten]]

  * [[Bereiche definieren und positionieren]]
    * [[:inf:web:bereiche_definieren_und_positionieren&#Zeitgemäßes Webseitenlayout]]
    * [[:inf:web:bereiche_definieren_und_positionieren&#div-Container erstellen]]
    * [[:inf:web:bereiche_definieren_und_positionieren&#div-Container mit CSS formatieren]]
    * [[:inf:web:bereiche_definieren_und_positionieren&#div-Container schweben lassen]]
    * [[:inf:web:bereiche_definieren_und_positionieren&#div-Container positionieren]]
    * [[:inf:web:bereiche_definieren_und_positionieren&#Seitenlayouts mit positionierten div-Containern aufbauen]]
    * [[:inf:web:bereiche_definieren_und_positionieren&#Bereiche mit semantischen Tags definieren]]
    * [[:inf:web:grid-layout|Grid-Layout]]

  *[[Sound und Videos einbinden]]
    * [[:inf:web:sound_und_videos_einbinden#Multimedia im Web]]
    * [[:inf:web:sound_und_videos_einbinden#Multimediaformate kennenlernen]]
    * [[:inf:web:sound_und_videos_einbinden#Sound in HTML5 einbinden]]
    * [[:inf:web:sound_und_videos_einbinden#Videos einbinden]]

===== Positionierung mit CSS =====
  * [[Elemente mit CSS anordnen]]
    * [[:inf:web:elemente_mit_css_anordnen#Weitergehende Möglichkeiten zur Anordnung von Elementen]]
    * [[:inf:web:elemente_mit_css_anordnen#Ebenen anlegen]]
 
===== JavaScript lernen =====
  * [[https://www.youtube.com/watch?v=cAiSbkWvBQU|JavaScript Tutorial]]

  * [[:inf:web:js:Hintergründe]]
  * [[:inf:web:js:Einfache Befehle]]
  * [[:inf:web:js:Grundlegende Sprachelemente]]
  * [[:inf:web:js:Kontrollstrukturen]]
  * [[:inf:web:js:Funktionen]]
  * [[:inf:web:js:Objekte]]   
  * [[:inf:web:js:Vordefinierte Objekte]]
  * [[:inf:web:js:Objektmodell]]
  * [[:inf:web:js:Zugriff auf HTML-Dokumente]]
  * [[:inf:web:js:Event-Handler]]
  * [[:inf:web:js:Unsere Scripts]] 
===== JavaScript am Desktop =====
  * [[:inf:electron|Electron]]