Zum Inhalt springen

HTML/CSS Workshop: Unterschied zwischen den Versionen

Misan (Diskussion | Beiträge)
Misan (Diskussion | Beiträge)
Zeile 48: Zeile 48:


== Themenpunkte ==
== Themenpunkte ==
=== Einleitung - etwa 15 Minuten ===
 
=== 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 des Arbeitsplatzes und wählen eines Editors - etwa 30 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.


* Arbeitsplatz einrichten - Editor wählen (empfehle Sublime Text 2 - Cross Platform)
* 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