Hallo liebe Metalabber! Ich würde sehr gerne einen Workshop für den 28.Mai 2013 um 19:00 ansetzen und vorbereiten. Allerdings bin ich mir noch nicht bewusst wie viele Interessenten es gibt, vorsichtshalber aber mal in die Bibliothek damit, es sei denn es finden sich weit aus mehr Interessenten, in dem Fall würde ich dann den Hauptraum beanspruchen. Diesen Workshop würde ich dann auch je nach Interesse und Beteiligung der Teilnehmer regelmäßig stattfinden lassen. Die Zielgruppe sind für den Anfang größtenteils Anfänger, generell bin ich aber für jeden der etwas beitragen kann und will dankbar. Ich weiß nicht wie viele der Themenpunkte an diesem ersten Workshop abgearbeitet werden können. Ich plane jedoch auch Fragen und Diskussionen und Hinweise ein dass ich versuche nicht zu viel an einem Tag anzugehen. Allerdings ist Webentwicklung/Design ein Thema welches erst viel Vorwissen benötigt, jedoch werde ich weiters versuchen dass wir so schnell wie möglich zum Editor kommen und unser erstes Konstrukt schreiben :) Themenpunkte: Einleitung - etwa 45 Minuten Geschichte und Stand der heutigen Definition HTML5 & CSS3HTML ist keine Programmiersprache sondern eine "Markup" Sprache ähnlich wie SVG/SGML/XML etcHerkömmliche Methoden (Ausflug in die Geschichte der TableLayouts, SpacerGIFs, Dos & Don'ts)Natürlich im späteren Verlauf auch die modernen Methoden und ApproachesHTML und CSS zu trennen bedeutet Trennung von Struktur und Aussehen. Wahl der Tools und EditorWas für und gegen Klickibunti Programme wie Adobe Dreamweaver sprichtWas für und gegen Plain Text (Autocomplete+Syntaxhighlight) sprichtCross Platform - Open Source Editoren Tools die das Leben erleichtern:EmmetLiveReloadCSS/HTML Frameworks/Preprocessor gehn zu weit in die MaterieWebKick - Marke Eigenbau - WebTemplate Kickstarter. Dinge die beachtet werden müssenBrowserkompatibilitätWas man mit HTML und CSS alleine erreichen kann (ohne PHP also)Layouts und Templates die im späteren Verlauf von CMS verwendet werden könnenIn vorhandener Software verwenden (wie Forensoftware oder andere Anwendungen die eine Ordnerstruktur vorgeben) Erklärung und Bedeutungen - etwa 45 Minuten Kleine Einleitung in die Bedeutung der wichtigsten HTML ElementeCSS schreiben bedeutet sich selbst Werkzeuge zur Verfügung zu stellen.W3C Boxmodell (Margin, Outline, Border, Padding, Content) Aufbau eines ersten Layouts - Open End Erklärung der typischen Bereiche einer Seite Kopfbereich (Header)InhaltFußberich (Footer)Aufbau der Seite mit Unterstützung zusammen mit CSS.Eigene Ideen umsetzen. Bei Vorschlägen für den Aufbau des Workshops meldet euch bitte einfach :) Liebe GrüßeMartin "Misan" Muzatko
2013/5/13 Martin Muzatko <martinmuzatko@msn.com>:
Kleine Einleitung in die Bedeutung der wichtigsten HTML Elemente CSS … W3C Boxmodell …
Ich will an der Stelle nur einwerfen, dass das "DOM" in die Liste auch noch hineingehört. Formal ganz hübsch ist es nämlich, zuerst die Elemente zu erklären, dann deren Hierarchie im DOM, und dann erst ihre Kodierung mittels HTML ;-) Die umgekehrte Richtung, zuerst die HTML Kodierung der Elemente, dann das größere Bild, und dann der Schritt "das ist das DOM", wäre auch eine Variante – da verliert man sich dann aber eventuell zu schnell im Detail. Sonst klingt das nach einem guten Plan, ich würd nur die anfangs erwähnten Workarounds wie spacer gifs weglasse … H
Ich wollte eigentlich nur ganz kurz anschneiden wie man früher die Probleme gelöst hat und welche Möglichkeiten man heute hat. Selbstverständlich werde ich mich davor hüten schlechte und veraltete Methoden beizubringen :P Es gehört dennoch mal gezeigt was wir aus der Vergangenheit gelernt haben. Vielen Dank für deine Anregungen! Es ist schwer über so ein großes Thema mal einen Überblick zu schaffen und zu vermitteln aber ich tu mein Bestes. Auch was DOM angeht :) In Kürze gibts noch eine Invitation Seite die ich temporär aufziehe.
From: harald.schilly@gmail.com Date: Mon, 13 May 2013 12:00:29 +0200 To: metalab@lists.metalab.at Subject: Re: [Metalab] HTML/CSS Workshop
2013/5/13 Martin Muzatko <martinmuzatko@msn.com>:
Kleine Einleitung in die Bedeutung der wichtigsten HTML Elemente CSS … W3C Boxmodell …
Ich will an der Stelle nur einwerfen, dass das "DOM" in die Liste auch noch hineingehört. Formal ganz hübsch ist es nämlich, zuerst die Elemente zu erklären, dann deren Hierarchie im DOM, und dann erst ihre Kodierung mittels HTML ;-)
Die umgekehrte Richtung, zuerst die HTML Kodierung der Elemente, dann das größere Bild, und dann der Schritt "das ist das DOM", wäre auch eine Variante – da verliert man sich dann aber eventuell zu schnell im Detail.
Sonst klingt das nach einem guten Plan, ich würd nur die anfangs erwähnten Workarounds wie spacer gifs weglasse …
H
_______________________________________________ Metalab mailing list Metalab@lists.metalab.at https://lists.metalab.at/mailman/listinfo/metalab
Ich hätte interesse am Workshop! Da ich kein Anfänger mehr bin kann ich wahrscheinlich auch etwas beitragen und aber auch bestimmt ein paar Wissenslücken füllen. lg. Andi Am 13.05.2013 11:24:16, schrieb Martin Muzatko:
Hallo liebe Metalabber!
Ich würde sehr gerne einen Workshop für den 28.Mai 2013 um 19:00 ansetzen und vorbereiten. Allerdings bin ich mir noch nicht bewusst wie viele Interessenten es gibt, vorsichtshalber aber mal in die Bibliothek damit, es sei denn es finden sich weit aus mehr Interessenten, in dem Fall würde ich dann den Hauptraum beanspruchen.
Diesen Workshop würde ich dann auch je nach Interesse und Beteiligung der Teilnehmer regelmäßig stattfinden lassen.
Die Zielgruppe sind für den Anfang größtenteils Anfänger, generell bin ich aber für jeden der etwas beitragen kann und will dankbar.
Ich weiß nicht wie viele der Themenpunkte an diesem ersten Workshop abgearbeitet werden können. Ich plane jedoch auch Fragen und Diskussionen und Hinweise ein dass ich versuche nicht zu viel an einem Tag anzugehen. Allerdings ist Webentwicklung/Design ein Thema welches erst viel Vorwissen benötigt, jedoch werde ich weiters versuchen dass wir so schnell wie möglich zum Editor kommen und unser erstes Konstrukt schreiben :)
Themenpunkte:
Einleitung - etwa 45 Minuten
* Geschichte und Stand der heutigen Definition HTML5 & CSS3
* HTML ist keine Programmiersprache sondern eine "Markup" Sprache ähnlich wie SVG/SGML/XML etc * Herkömmliche Methoden (Ausflug in die Geschichte der TableLayouts, SpacerGIFs, Dos & Don'ts) * Natürlich im späteren Verlauf auch die modernen Methoden und Approaches
* HTML und CSS zu trennen bedeutet Trennung von Struktur und Aussehen.
* 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 * CSS/HTML Frameworks/Preprocessor gehn zu weit in die Materie
* WebKick - Marke Eigenbau - WebTemplate Kickstarter.
* Dinge die beachtet werden müssen
* Browserkompatibilität * Was man mit HTML und CSS alleine erreichen kann (ohne PHP also)
* 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)
Erklärung und Bedeutungen - etwa 45 Minuten
* Kleine Einleitung in die Bedeutung der wichtigsten HTML Elemente * CSS schreiben bedeutet sich selbst Werkzeuge zur Verfügung zu stellen. * W3C Boxmodell (Margin, Outline, Border, Padding, Content)
Aufbau eines ersten Layouts - Open End
* Erklärung der typischen Bereiche einer Seite
* Kopfbereich (Header) * Inhalt * Fußberich (Footer)
* Aufbau der Seite mit Unterstützung zusammen mit CSS. * Eigene Ideen umsetzen.
Bei Vorschlägen für den Aufbau des Workshops meldet euch bitte einfach :)
Liebe Grüße Martin "Misan" Muzatko
-----BEGIN PGP SIGNED MESSAGE----- Hash: SHA1 Ja, dem schließe ich mich auch an. Arbeite zwar schon seit Jahren im Web, aber habe HTML nie organisiert gelernt und dementsprechend sicher einige Lücken, verwende es auch eigentlich hauptsächlich, um die Ergebnisse, die ich durch meine PHP-Skcripts kriege, auszugeben ;) Bin jedenfalls sehr interessiert. Lg, Robert On 05/13/2013 01:26 PM, andreas.demmelbauer wrote:
Ich hätte interesse am Workshop! Da ich kein Anfänger mehr bin kann ich wahrscheinlich auch etwas beitragen und aber auch bestimmt ein paar Wissenslücken füllen.
lg. Andi
Am 13.05.2013 11:24:16, schrieb Martin Muzatko:
Hallo liebe Metalabber!
Ich würde sehr gerne einen Workshop für den 28.Mai 2013 um 19:00 ansetzen und vorbereiten. Allerdings bin ich mir noch nicht bewusst wie viele Interessenten es gibt, vorsichtshalber aber mal in die Bibliothek damit, es sei denn es finden sich weit aus mehr Interessenten, in dem Fall würde ich dann den Hauptraum beanspruchen.
Diesen Workshop würde ich dann auch je nach Interesse und Beteiligung der Teilnehmer regelmäßig stattfinden lassen.
Die Zielgruppe sind für den Anfang größtenteils Anfänger, generell bin ich aber für jeden der etwas beitragen kann und will dankbar.
Ich weiß nicht wie viele der Themenpunkte an diesem ersten Workshop abgearbeitet werden können. Ich plane jedoch auch Fragen und Diskussionen und Hinweise ein dass ich versuche nicht zu viel an einem Tag anzugehen. Allerdings ist Webentwicklung/Design ein Thema welches erst viel Vorwissen benötigt, jedoch werde ich weiters versuchen dass wir so schnell wie möglich zum Editor kommen und unser erstes Konstrukt schreiben :)
Themenpunkte:
Einleitung - etwa 45 Minuten
* Geschichte und Stand der heutigen Definition HTML5 & CSS3
* HTML ist keine Programmiersprache sondern eine "Markup" Sprache ähnlich wie SVG/SGML/XML etc * Herkömmliche Methoden (Ausflug in die Geschichte der TableLayouts, SpacerGIFs, Dos & Don'ts) * Natürlich im späteren Verlauf auch die modernen Methoden und Approaches
* HTML und CSS zu trennen bedeutet Trennung von Struktur und Aussehen.
* 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 * CSS/HTML Frameworks/Preprocessor gehn zu weit in die Materie
* WebKick - Marke Eigenbau - WebTemplate Kickstarter.
* Dinge die beachtet werden müssen
* Browserkompatibilität * Was man mit HTML und CSS alleine erreichen kann (ohne PHP also)
* 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)
Erklärung und Bedeutungen - etwa 45 Minuten
* Kleine Einleitung in die Bedeutung der wichtigsten HTML Elemente * CSS schreiben bedeutet sich selbst Werkzeuge zur Verfügung zu stellen. * W3C Boxmodell (Margin, Outline, Border, Padding, Content)
Aufbau eines ersten Layouts - Open End
* Erklärung der typischen Bereiche einer Seite
* Kopfbereich (Header) * Inhalt * Fußberich (Footer)
* Aufbau der Seite mit Unterstützung zusammen mit CSS. * Eigene Ideen umsetzen.
Bei Vorschlägen für den Aufbau des Workshops meldet euch bitte einfach :)
Liebe Grüße Martin "Misan" Muzatko
_______________________________________________ Metalab mailing list Metalab@lists.metalab.at https://lists.metalab.at/mailman/listinfo/metalab
-----BEGIN PGP SIGNATURE----- Version: GnuPG v1.4.12 (GNU/Linux) Comment: Using GnuPG with Thunderbird - http://www.enigmail.net/ iQEcBAEBAgAGBQJRkNEdAAoJEFVltf5F7MdtDUwH/1bSBGZ5Xanu9gJCl8R9fnTn XIFOpkA09/Z/cZJTFBsEp55vjsNdfWio/BZRT70R9h7O8ouoBW834ycr7PSW7ZaI IMZXf+3Ws0AQpsDTvESL5r8dIeHsK0INjZoCfgN44r9IJNseog1vg1I8K7eOmwB9 EoeZBd5oAHhGNZfWl6b1wX10117Mg/j5TrITuooIyf0Z2RvP+B0FJ955p6D9I/VU 1Gifhv7A7h3jiSSwiLa9L7pRDou4sASQSh+URK+lgjjTx79KVMhKxlGDf4fxrGiM RdtVecYP5OhcBIQc/F72eS/dVxwDMAJtZyGniziQ1t2sE1HouK3CmpHB4PY99JA= =O9sc -----END PGP SIGNATURE-----
So, Ich weiß es gibt das Wiki, aber ich habe ehrlich gesagt noch nicht so wirklich Erfahrung damit gemacht wie und wann ich wo was eintragen darf. Weswegen ich jetzt erstmal eine Infoseite zusammengehäckselt habe: http://legendarydreams.net/stuff/workshop/ Was den Termin angeht weiß ich auch noch nicht von wann der wie und wo eingetragen wird. Email an core ist auf jeden Fall draußen. Wenn sich Uhrzeit oder Datum ändert werde ich euch auch noch Bescheid geben. Liebe Grüße
Sow, nachdem ich mich mit dem Wiki auseinander gesetzt habe gibts auch nun einen Eintrag im Metalab OS Eventkalender und in der Wiki auch :) https://metalab.at/wiki/HTML/CSS_Workshop Bitte tragt euch rechtzeitig ein wenn ihr teilnehmen wollt damit ich einplanen kann ob wir den Hauptraum oder die Bibliothek benötigen. Ist aber nicht Pflicht und ihr könnt trotzdem vorbei schauen.
Teilnehmer (4)
-
andreas.demmelbauer -
Harald Schilly -
Martin Muzatko -
Robert Haas