Entwicklungsumgebung
Entwicklungsumgebung
Embedded Files
Die für dieses Modul benötigte Entwicklungsumgebung sowie weitere sinnvolle Tool werden auf dieser Seite beschrieben.
Ziele:
Ziele:
G1: Ich kann Werkzeuge für die Entwicklung von HTML und CSS aufzählen und beschreiben.
F1: Ich kann Werkzeuge für die Entwicklung von HTML und CSS auf meinem eigenen Gerät installieren und sicher anwenden.
E1: Ich kann Werkzeuge für die Entwicklung von HTML und CSS an meine eigenen Bedürfnisse anpassen
Entwicklungsumgebung für HTML und CSS:
Entwicklungsumgebung für HTML und CSS:
Für die Entwicklung von HTML und CSS lassen wir uns durch eine geeignete Entwicklungsumgebung unterstützen. Visual Studio Code kann mit unzähligen Plugins erweitert werden. Die wichtigsten Erweiterungen sind unten aufgeführt.
https://code.visualstudio.com/ (kostenlos)
Sinnvolle Erweiterungen:
Live Server
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServerW3C Web Validator
https://marketplace.visualstudio.com/items?itemName=CelianRiboulet.webvalidatorHTML CSS Support
https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-cssColor Info
https://marketplace.visualstudio.com/items?itemName=bierner.color-infoCSS Formatter
https://marketplace.visualstudio.com/items?itemName=aeschli.vscode-css-formatter
Informationen zu Visual Studio Code:
https://www.jetbrains.com/webstorm/
kostenlos mit Studentenlizenz, mit @bbzbl-it.ch Adresse:
https://www.jetbrains.com/shop/eform/students
Entwicklertools im Browser:
Entwicklertools im Browser:
Die Entwicklertools im Browser können uns bei der Entwicklung von HTML, CSS und Javascript unterstützen. Wir können damit z.B. den Aufbau einer HTML-Seite ansehen oder feststellen, wie gross die einzelnen Dateien sind, welche mit einer Webseite geladen werden.
Das folgende Video gibt eine kurze Einführung in die Entwicklertools von Google Chrome.
Page updated
Report abuse