HTML/CSS Workshop: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

VisuellWikitext

@@ Zeile 48: / Zeile 48: @@
 == Themenpunkte ==
-=== Einleitung - etwa 45 Minuten ===
+=== Einleitung - etwa 15 Minuten ===
-* Geschichte und Stand der heutigen Definition <abbr title="Hyper Text Markup Language">HTML5</abbr> &amp; <abbr title="Cascading Style Sheets">CSS3</abbr>
+'''Beginn'''
-* HTML ist keine Programmiersprache sondern eine "Markup" Sprache ähnlich wie <abbr title="Scalable Vector Graphics">SVG</abbr>/<abbr title="Standard Generalized Markup Language">SGML</abbr>/<abbr title="eXtensible Markup Language">XML</abbr> etc
+* Über mich
-* Herkömmliche Methoden (Ausflug in die Geschichte der TableLayouts, SpacerGIFs, Dos &amp; Don'ts)
+** Wer bin ich und was mach ich - kurze Vorstellung
-* Natürlich im späteren Verlauf auch die modernen Methoden und Approaches
+* Worüber ist der Workshop, was wollen wir erreichen in diesem Workshop
-* HTML und CSS zu trennen bedeutet Trennung von Struktur und Aussehen.
-* Einrichten eines Arbeitsplatzes
+'''Verwendungszweck und Hinweise'''
-* 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.
 * Dinge die beachtet werden müssen
 ** Browserkompatibilität
@@ Zeile 69: / Zeile 61: @@
 ** Layouts und Templates die im späteren Verlauf von CMS verwendet werden können
 ** In vorhandener Software verwenden (wie Forensoftware oder andere Anwendungen die eine Ordnerstruktur vorgeben)
+=== Theorie - HTML und CSS ===
+'''Dauer:''' 30 Minuten
+* Geschichte und Stand der heutigen Definition <abbr title="Hyper Text Markup Language">HTML5</abbr> &amp; <abbr title="Cascading Style Sheets">CSS3</abbr>
+* HTML ist keine Programmiersprache sondern eine "Markup" Sprache ähnlich wie <abbr title="Scalable Vector Graphics">SVG</abbr>/<abbr title="Standard Generalized Markup Language">SGML</abbr>/<abbr title="eXtensible Markup Language">XML</abbr> etc
+'''HTML'''
+* Herkömmliche Methoden
+** Wie hat man früher gewerkt
+** (Ausflug in die Geschichte der TableLayouts, SpacerGIFs, Dos &amp; Don'ts)
+** Natürlich im späteren Verlauf auch die modernen Methoden und Approaches
+** Wir haben aus der Vergangenheit gelernt:
+*** HTML und CSS zu trennen bedeutet: Trennung von Struktur und Aussehen.
+* DOM - Document Object Model
+'''CSS'''
+* CSS Regeln anlegen
 * Kleine Einleitung in die Bedeutung der wichtigsten HTML Elemente
 * CSS schreiben bedeutet sich selbst Werkzeuge zur Verfügung zu stellen.