HTML/CSS Workshop: Unterschied zwischen den Versionen
Misan (Diskussion | Beiträge) |
Misan (Diskussion | Beiträge) |
||
Zeile 48: | Zeile 48: | ||
== Themenpunkte == | == Themenpunkte == | ||
=== Einleitung | |||
=== TEIL 1 === | |||
==== Einleitung ==== | |||
'''Dauer:''' 15 Minuten | |||
'''Beginn''' | '''Beginn''' | ||
Zeile 62: | Zeile 65: | ||
** In vorhandener Software verwenden (wie Forensoftware oder andere Anwendungen die eine Ordnerstruktur vorgeben) | ** In vorhandener Software verwenden (wie Forensoftware oder andere Anwendungen die eine Ordnerstruktur vorgeben) | ||
=== Theorie - HTML und CSS === | ==== Theorie - HTML und CSS ==== | ||
'''Dauer:''' 30 Minuten | '''Dauer:''' 30 Minuten | ||
Zeile 82: | Zeile 85: | ||
* CSS schreiben bedeutet sich selbst Werkzeuge zur Verfügung zu stellen. | * CSS schreiben bedeutet sich selbst Werkzeuge zur Verfügung zu stellen. | ||
* <abbr title="World Wide Web Consortium">W3C</abbr> Boxmodell (Margin, Outline, Border, Padding, Content) | * <abbr title="World Wide Web Consortium">W3C</abbr> Boxmodell (Margin, Outline, Border, Padding, Content) | ||
* Was sind Klassen, wie werden sie verwendet und was sind Selektoren | |||
==== Einrichten des Arbeitsplatzes und wählen eines Editors ==== | |||
'''Dauer:''' etwa 20 Minuten | |||
* Einrichten eines Arbeitsplatzes | |||
* Wahl der Tools und Editor | |||
** Was für und gegen Klickibunti Programme wie Adobe Dreamweaver spricht | |||
** Was für und gegen Plain Text (Autocomplete Syntaxhighlight) spricht | |||
** Cross Platform - Open Source Editoren | |||
** Tools die das Leben erleichtern: | |||
*** Emmet | |||
*** LiveReload | |||
*** WebKick - Marke Eigenbau - WebTemplate Kickstarter. | |||
* Fragen bis hierher klären und Hinweise aufklären. | * Fragen bis hierher klären und Hinweise aufklären. | ||
* 5~10 Minuten Pause und Vorbereitung für den nächsten Teil | * 5~10 Minuten Pause und Vorbereitung für den nächsten Teil |