IFD:GrundlagenWeb2011/Kursplan

Kursplan

1. Veranstaltung 17. Okt. 2011 (Einführung, Kursziele/Angebote, Workflow)

2. Veranstaltung 24. Okt. 2011 (HTML Basis Elemente (Tags, Parameter, Werte), Erste HTML Seite)

• Media:Erste Website.zip
• Vertikale Navigation youzee.com
• Vertikale Navigation nikebetterworld.com
• Vertikale Navigation fashion-horses.blogspot.com
• Media:Html basic 1.pdf
• Media:Html basic 2.pdf

3. Veranstaltung 7. Nov. 2011 (HTML Basis Elemente II, Einstieg CSS)

• Media:Wikipedia Interface.zip
• Media:Einstiegcss.pdf

4. Veranstaltung 14. Nov. 2011 (CSS Selektoren, Interface Illustrator)

• Media:Quiz material.zip
• Media:Quiz 20111114.zip

5. Veranstaltung 21. Nov. 2011 (CSS III, Beispiel Vertikales Layout, Navigationsleiste)

• Media:Website vertikal II material 20111121.zip
• Media:20111121 zwischenstand.zip
• Media:20111121_zwischenstand_2.zip

6. Veranstaltung 28. Nov. 2011 (Konzeptpräsentation, CSS IV, Beispiel Vertikales Layout, Positionierung, Ausrichtung usw.)

7. Veranstaltung 5. Dez. 2011 (Stationsarbeit HTML und CSS)

• >>Arbeitsblätter<<
• Eigene Fonts
• Formular
• Galerie und Lightbox
• Hintergründe und Muster
• Positionieren und Animieren
• Positioneren und Ausrichten
• Positionierung, Hover und Klassen
• Spaltenlayout
• Youtube und Co
• Animationselemente Positionieren
• Sound abspielen

8. Veranstaltung 12. Dez. 2011 (Stationsarbeit II HTML und CSS)

9. Veranstaltung 2. Jan. 2011 (Theorie: Server, Protokolle und Netzwerke. Praxis: FTP-Upload. "Content-Management-Systeme": CMS auf dem eigenen Computer einrichten, Wordpress I)

• Wordpress Starter Paket

10. Veranstaltung 9. Jan. 2011 (Wordpress II: Interface mit HTML + CSS anpassen. Weitere CMS-Frameworks: Tumbr, Joomla...)

• Media:NppFTP_0.24.1_20120109.zip

11. Veranstaltung 16. Jan. 2011 (Einstieg Javascript: Variablen, Funktionen und Events)

• Media:Wordpress_template_vorlage_gabriel_20120116.zip
• Wordpress Codeschnipsel
• Material Galerie
• Zwischenstand Galerie JavaScript

12. Veranstaltung 23. Jan. 2011 (Javascript II: Script-Vorlagen für Praxisbeispiele und kleinere Anwendungsfälle)

• Vorlage JavaScript Galerie
• Vorlage JavaScript Formular

Fertige Projekte:

• Media:20120123_javascript_body_background.zip
• Media:20120123_javascript_formularinfo_final.zip
• Media:20120123_javascript_Galerie_final.zip
• Media:20120129_wordpress_final_template.zip

13. Veranstaltung 30. Jan. 2011 (Zusammenfassung)

• Kursinterne Zwischenpräsentation

>> Endpräsentation 3. Feb. 2011 Audimax <<