Codecademy

Mit den online-Kursen von codecademy können sie sich schnell die Grundlagen von HTML, CSS und PHP beibringen.
Bitte loggen sie sich immer mit ihrem (kostenlosen) Account ein, sonst wird ihr Fortschritt nicht protokolliert.
  • www.codecademy.com

Codecademy quizzes

Hier können sie eigenständig überprüfen, ob sie das Wichtigste aus den jeweiligen Kursen mitgenommen haben

HTML&CSS Materialien und Aufgaben




Webdesign Online-Ressourcen & Tools

  • W3School.com (Referenzen, Erklärungen, Beispiele zu HTML, CSS, PHP, JavaScript, ...; auf Englisch, Beispiele in Online-Editor ausprobierbar!)
  • SelfHTML (Referenzen, Erklärungen, Beispiele zu HTML, CSS, PHP, JavaScript, ...; auf Deutsch, inzwischen in Teilen leicht veraltet)
  • Mediaevent.de (Tutorials, Erklärungen und Beispiele zu HTML5, CSS3, JavaScript,...; auf Deutsch, modern)
  • HTML-Seminar (HTML & CSS, lehrgangartig aufgebaut, deutsch)
  • CSSPortal (Viele gute Ressourcen zu CSS, inkl. nützlicher Snippets, CSS-Validator, Generatoren für Layouts, einfache Menüs, aufklappbare Menus, ...)
  • Zen-Garden (The beauty of CSS Design)
  • Kochbar (Ausführliche Schritt-für-Schritt Anleitung zum Erstellen einer professionellen Webseite mit HTML & CSS, inkl. Übungsdateien)
  • Paletton (Colorscheme-Designer, hilft beim Zusammenstellen passender Farbtöne)
  • Atom (Sehr guter Editor (nicht nur) für HTML, CSS, PHP; alle OS, sehr customisierbar, open source)
  • CSS-StyleEditor (Interaktiver Editor mit Vorschau für (fast) alle CSS-Properties)
  • CSS3 (Interaktive Referenz, Englisch, ausgerichtet besonders auf die Neuerungen in CSS3 und Kompabilitäten)
  • CSS-Tricks (Gebräuchliche Code-Snippets für CSS & HTML)
  • HTML_Tidy (Online Tool zum Überprüfen/Säubern von HTML-Code)
  • TypeTester (Online Tool um die Wirkung verschiedener Fonts zu vergleichen)
  • Mockingbird (Online Tool zum schnellen Erstellen von Wireframe-Mockups, 1 Projekt kostenlos) Alternative: Moqups
  • Weitere Ressourcen unter: http://www.iraqtimeline.com/maxdesign/basicdesign/toolbox.html

Projekt 1: Statische Website - Bewerbung

Spätester Abgabetermin: So, 7. Mai 2017, um Mitternacht

Corporate Identity



Deutsche Übersetzung des PHP-Kurses:


PHP in WordPress



Datenbankabfragen

(Probenrelevant sind die Kapitel 1, 2 & 6)

Widgets


Projekt 2: Dynamische Website mit WordPress

Projektantrag: Fr., 2. Juni 2017
Abgabetermin: Fr., 23. Juni 2017