Dirk Fehses FHF-Blog http://fehse.fhf-online.de News aus der Klempnerabteilung Tue, 15 May 2012 10:04:41 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 3. Tag HTML-Workshop – 10.05.2012 http://fehse.fhf-online.de/2012/05/15/3-tag-html-workshop-10-05-2012/ http://fehse.fhf-online.de/2012/05/15/3-tag-html-workshop-10-05-2012/#comments Tue, 15 May 2012 10:04:41 +0000 Dirk Fehse http://fehse.fhf-online.de/?p=411 Heute haben wir uns mit folgendem beschäftigt:

  • Lightbox in einer Webseite integrieren (nur gestreift)
  • @FontFace – Wie bindet man “nicht-WebSafe-Fonts” in einer Webseite ein?
  • weitere CSS-Eigenschaften
  • Der DIV-Container, Floating und ein beispielhaftes Boxenmodell

Links begleitend zum Kurs:

Bitte setzt nun eine Portfolioseite für Euch um wie besprochen um. Abgabetermin für Eure Portfolioseite ist der 08.06.2012. Bitte bis dahin Eure Dateien auf den Server übertragen und mir per Mail kurz Bescheid geben. dirk.fehse@hkdm.de

Grüße,
Dirk

]]> http://fehse.fhf-online.de/2012/05/15/3-tag-html-workshop-10-05-2012/feed/ 0 2. Tag HTML-Workshop – 09.05.2012 http://fehse.fhf-online.de/2012/05/09/2-tag-html-workshop-09-05-2012/ http://fehse.fhf-online.de/2012/05/09/2-tag-html-workshop-09-05-2012/#comments Wed, 09 May 2012 16:19:27 +0000 Dirk Fehse http://fehse.fhf-online.de/?p=402 Heute haben wir uns mit folgendem beschäftigt:

  • Einbindung von CSS in HTML über Inline CSS, CSS im Head und einer externen CSS-Datei
  • diversen neuen Tags wie A, IMG, …
  • Ansprechen von HTML-Elementen aus CSS über TAG-Regeln, Klassen und IDs (und Pseudoklassen a:hover)
  • dem DIV-Tag

Also Vorbereitung für morgen, lest Euch bitte folgendes durch:

Und hier noch einige recht nützliche Links zur heutigen Vorlesung:

Grüße,
Dirk

]]> http://fehse.fhf-online.de/2012/05/09/2-tag-html-workshop-09-05-2012/feed/ 0 1. Tag HTML-Workshop – 07.05.2012 http://fehse.fhf-online.de/2012/05/07/1-tag-html-workshop-07-05-2012/ http://fehse.fhf-online.de/2012/05/07/1-tag-html-workshop-07-05-2012/#comments Mon, 07 May 2012 18:37:42 +0000 Dirk Fehse http://fehse.fhf-online.de/?p=396 Nach einer Einführung haben wir uns heute das HTML-Grundgerüst etwas genauer angeschaut und danach Tags zur Textformatierung verwendet.Hier gibt’s noch die restlichen Tags zum Thema: http://wiki.selfhtml.org/wiki/Doku:HTML/Textstrukturierung

Am Mittwoch geht es dann weiter mit CSS.

Dann noch der angekündigte Link zu einem interaktiven HTML-Kurs. Sehr nett gemacht: http://www.codecademy.com/tracks/web

Und hier noch ein auch recht allgemeiner Link mit coolem Stoff: http://t3n.de/news/30-kostenlose-e-books-whitepaper-384820/

Grüße,
Dirk

]]> http://fehse.fhf-online.de/2012/05/07/1-tag-html-workshop-07-05-2012/feed/ 0 TYPO3-Vorlesung – 17.04.2012 http://fehse.fhf-online.de/2012/04/17/typo3-vorlesung-17-04-2012/ http://fehse.fhf-online.de/2012/04/17/typo3-vorlesung-17-04-2012/#comments Tue, 17 Apr 2012 13:53:46 +0000 Dirk Fehse http://fehse.fhf-online.de/?p=386 Heute haben wir zum letzten Mal konzentriert an unserem YAML-Template programmiert. Bitte installiert Euch bis nächste Woche für alle PC-User die neuste Version des TYPO3-Winstaller (http://typo3winstaller.sourceforge.net/), nicht die 4.7 Beta RC1.0!

Alle Mac-User versuchen sich bitte mal damit: http://t3dmg.sourceforge.net/

Dann können wir nächste Woche endlich in TYPO3 einsteigen und werden nur noch partiell an dem Responsive Webdesign-Template arbeiten.

Grüße,
Dirk

]]> http://fehse.fhf-online.de/2012/04/17/typo3-vorlesung-17-04-2012/feed/ 0 interaktiv programmieren-vorlesung – 17.04.2012 http://fehse.fhf-online.de/2012/04/17/interaktiv-programmieren-vorlesung-17-04-2012/ http://fehse.fhf-online.de/2012/04/17/interaktiv-programmieren-vorlesung-17-04-2012/#comments Tue, 17 Apr 2012 13:47:10 +0000 Dirk Fehse http://fehse.fhf-online.de/?p=381 Heute haben wir den Einstieg in jQuery gemacht, es ging mit einem recht einfach Skript los. Einfach mal jQuery einbinden und eine Infobox mit Text ausgeben, nach dem das Dokument komplett geladen ist.

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Demo</title>
</head>
<body>
Aus einem CDN: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Super HTML-Seite!
<script>
  $(document).ready(
    function(){
      alert("Hallo Welt");
    }
  );
</script>
</body>
</html>

Zudem hab ich kurz Adobes Shadow vorgestellt, dass wir zum Testen demnächst mal ausprobieren werden. Ist aktuell noch kostenlos, da Beta: http://labs.adobe.com/technologies/shadow/. Einfach mal ausprobieren.

Hier könnt Ihr Euch auch mal ein paar Cheat Sheets besorgen: http://t3n.de/news/hilfreiche-cheat-sheets-html5-374435/ Wäre cool, wenn wir ein paar schön groß ausdrucken könnten für unseren Unterrichtsraum. Und hier noch eine spannende Sammlung von Tutorials zum Thema CSS & jQuery: http://t3n.de/news/15-kostenlose-jquery-css3-382186/

Bitte macht bis nächste Woche doch mal folgendes Tutorial: http://design-creators.net/tutorials/jquery-fur-einsteiger-teil-1-die-erste-animation/

Grüße,
Dirk

]]> http://fehse.fhf-online.de/2012/04/17/interaktiv-programmieren-vorlesung-17-04-2012/feed/ 0 Kewle RSS-Feeds http://fehse.fhf-online.de/2012/04/17/kewle-rss-feeds/ http://fehse.fhf-online.de/2012/04/17/kewle-rss-feeds/#comments Tue, 17 Apr 2012 12:38:44 +0000 Dirk Fehse http://fehse.fhf-online.de/?p=375 Für alle die in der Branche nicht komplett und permanent informationstechnisch abgehängt werden wollen, empfehle ich RSS-Feeds zu abonnieren. Das ganze kann in einem Mailprogramm wie Outlook oder Thunderbird einfach integriert oder mit einem webbasierten Dienst wie http://www.google.de/reader/ abonniert werden. Ich war zuerst bei Google, da ich mein Notebook allerdings immer bei mir habe, bin ich vor einiger Zeit dazu übergegangen, alles mit dem integrierten RSS-Reader des Thunderbird zu organisieren. Nette Sache das.

Hier mal eine Sammlung von Feeds:

Webtec: 

  • http://technikload.de/podcastfeed/hd/ – Videopodcast des t3n
  • http://technikwuerze.de/feed/ – Feine Podcasts
  • http://stadt-bremerhaven.de/feed – Super cooler technisch orientierter Blog
  • http://blogs.adobe.com/labs/index.xml – Alles aus der Adobe Labs! Spannend!
Unity & Games:
  • http://www.unity-news.de/feed – Unity News
  • http://blogs.unity3d.com/feed/ – off. Unity-News
  • http://www.unity-insider.de/component/ninjarsssyndicator/?feed_id=1&format=raw – Unity Insider
  • http://penny-arcade.com/feed/show/extra-credits – Cooler gamesrelevanter Stuff
FHF & hKDM:
  • http://fehse.fhf-online.de/?feed=rss2 – meiner
  • http://www.hkdm.de/?type=103 – hKDM-News-Feed
  • http://screenz-blog.fhf-online.de/feed/ – der gute alte Screenz Blog
  • http://ruempler.hkdm.de/?feed=rss2 – Steffen Blog
  • http://hegewald.hkdm.de/?feed=rss2 – GameLab
Studies:
  • http://www.cos-play.eu/Daniel/Daniel/feed/ - RECENTLY SEEN – Blog – Daniel Hellweg
  • http://spieleecke.blogspot.com/feeds/posts/default - DIE SPIELE-ECKE – Blog – Malte Thiele
  • http://blog.david-arndt.de/feed/ – Davids Blog
Misc:
  • http://feeds.feedburner.com/DilbertDailyStrip – Daily Dilbert! Cult!
  • http://feeds.feedburner.com/AusgefalleneGeschenkideen - Ausgefallene Geschenkideen

Was meint Ihr? Wie abonniert Ihr Eure Feeds? Habt Ihr welche die Ihr empfehlen könnt?

Grüße,
Dirk

]]> http://fehse.fhf-online.de/2012/04/17/kewle-rss-feeds/feed/ 1 interaktiv Programmieren-Vorlesung – 10.04.2012 http://fehse.fhf-online.de/2012/04/10/interaktiv-programmieren-vorlesung-10-04-2012/ http://fehse.fhf-online.de/2012/04/10/interaktiv-programmieren-vorlesung-10-04-2012/#comments Tue, 10 Apr 2012 13:18:09 +0000 Dirk Fehse http://fehse.fhf-online.de/?p=370 So, wie geht es weiter im Programm? Für dieses Semester ist ganz grob folgendes vorgesehen:

  1. Programmiersprachen
  2. konzeptionelle Elemente eines Spiels
  3. jQuery vs. Unity
  4. OOP – http://www.gskinner.com/talks/thingseveryflash/
  5. MVC
  6. Design Pattern
  7. Arbeiten im Team – Dropbox, SVN & GIT
  8. Tools und Frameworks
  9. Projektmanagement
  10. vll. Referate parallel zur Vorlesung

Grundsätzlich kommen beide Teams gut voran. Team1 hat bereits begonnen zu programmieren, vll. etwas verfrüht und ein recht kompaktes Konzept vorgelegt, Team2 arbeitet noch am Feinschliff, ist aber auch schon auf einem guten Stand.

Ab nächster Woche werden wir die Vorlesung mit jQuery beginnen, DEM JavaScript-Framework und uns danach um unsere Unity-Projekte kümmern. Die oben erwähnten Themen werde ich peux á peux “einstreuen”…

Grüße,
Dirk

]]> http://fehse.fhf-online.de/2012/04/10/interaktiv-programmieren-vorlesung-10-04-2012/feed/ 0 TYPO3-Vorlesung – 10.04.2012 http://fehse.fhf-online.de/2012/04/10/typo3-vorlesung-10-04-2012/ http://fehse.fhf-online.de/2012/04/10/typo3-vorlesung-10-04-2012/#comments Tue, 10 Apr 2012 08:33:28 +0000 Dirk Fehse http://fehse.fhf-online.de/?p=363 Also, weiter geht es mit der neuen YAML-Version und dem damit verbundenen Thema “Responsive Webdesign”. Es geht mit der neue Aufgabe darum, diese Seite http://luiszuno.com/themes/modus/index.html mit YAML umzusetzen. Sobald wir hiermit fertig sind, werden wir uns der Thematik “PHP & MySQL” widmen und erst dann stürzen wir uns auf TYPO3.

Anmerkungen zur Template-Programmierung:

  1. Möglichst pixelgenau Umsetzung
  2. YAML muss zum Einsatz kommen (V4), wir verwenden die Vorlage Flexible Grid: http://www.yaml.de/demos/flexible-grid.html
  3. der Slider auf der Startseite kann vorerst als Bild umgesetzt werden (später dann mit jQuery)
  4. Responsive!!! Auch das Menü.
  5. JS-basierte Übergänge beim Verändern der Browserfensterbreite (nicht wirklich wichtig, netter Gimmick)

Wir werden dieses Template ab nächste Woche nur noch als “Sideproject” weiter bearbeiten, sonst erreichen wir die Kursziele nicht.

Grüße,
Dirk

]]> http://fehse.fhf-online.de/2012/04/10/typo3-vorlesung-10-04-2012/feed/ 0 Codecademy: Spielend HTML und CSS lernen http://fehse.fhf-online.de/2012/04/06/codecademy-spielend-html-und-css-lernen/ http://fehse.fhf-online.de/2012/04/06/codecademy-spielend-html-und-css-lernen/#comments Fri, 06 Apr 2012 15:04:40 +0000 Dirk Fehse http://fehse.fhf-online.de/?p=358 Für alle die endlich mal wissen möchten, was sich hinter HTML und CSS so verbirgt, die endlich mal selbst eine Webseite gestalten möchten, denen kann ich nur den Kurs von Codecademy empfehlen. Sehr gut gemacht, step by step bekommt man die ganze Grundlagen schön beigebracht.

http://t3n.de/news/codecademy-spielend-html-css-379889/

Grüße,
Dirk

]]> http://fehse.fhf-online.de/2012/04/06/codecademy-spielend-html-und-css-lernen/feed/ 0 Level-Editor http://fehse.fhf-online.de/2012/04/03/level-editor/ http://fehse.fhf-online.de/2012/04/03/level-editor/#comments Tue, 03 Apr 2012 12:12:02 +0000 Dirk Fehse http://fehse.fhf-online.de/?p=355 Hallo Leute,

neues Semester neues Glück! Wie gerade in der Vorlesung erwähnt ist mir vor kurzem ein recht cooler Leveleditor über den Weg gelaufen. Es sollte machbar sein, die Leveldaten auch in Unity verfügbar zu machen und dann muss es kein 2D-Level sein. Es ist durchaus denkbar, dass die 2D-Tiles aus dem Editor als 3D-Objekte in Unity erzeugt werden…

Hier gefunden: http://kode80.com/2012/03/30/1-bit-ninja-level-modding/

Und hier geht’s direkt zum Level-Editor Tiled: http://www.mapeditor.org/

Grüße,
Dirk

]]> http://fehse.fhf-online.de/2012/04/03/level-editor/feed/ 0