Die im Kurs gehaltenen Präsentationen finden sich zukünftig unter https://github.com/oelna/hsma-int-slides
Kursaufgaben für meinen Kurs INT an der Hochschule Mannheim
Der Kurs vermittelt einen Einstieg in die Umsetzung von Websites mit den Sprachen HTML und CSS. Die Kurszeit ist nach Möglichkeit aufgeteilt in zwei Hälften; die erste behandelt das aktuelle Thema, die zweite bietet Zeit, um an der dazugehörigen Aufgabe zu arbeiten. In vielen Fällen ist der praktische Aufgabenteil jedoch nicht im Unterricht durchführbar, da der Theorieteil durchaus die komplette Kursdauer in Anspruch nehmen kann, besonders wenn sich Fragen ergeben.
- Stunde 1: Verknüpfungen
- Stunde 2: Textstrukturierung
- Stunde 3: Tabellen
- Stunde 4: CSS
- Stunde 5: CSS
- Stunde 6: Band-Website
- Stunde 7: Flexbox-Galerie
- Stunde 8: Website-Hosting
- Stunde 9: CSS-Präsentation
- Stunde 10: position-Eigenschaft
- Vorletzte Stunde: Wiederholung aller testrelevanten Inhalte
- Letzte Stunde: Test
https://gist.github.com/oelna/74c8c565a8702f571cde904952f041bb
Anregungen für Verbesserungen, Tips und Themenideen nehme ich gerne als Issues entgegen (benötigt kostenlosen Github-Account)
https://forms.gle/APvoPJo7PZzCjzEK8 (SS 2024)
Bitte nehmt euch kurz Zeit für die Kursevaluation. Euer Feedback hilft mir, die Veranstaltungen zu verbessern.
Bitte denkt daran, ein VPN bei der Eingabe der Daten zu verwenden und ein Inkognito-Browserfenster, bei dem ihr nicht in euren Google-Account eingeloggt seid, um die Anonymität zu gewährleisten. Alternativ geht natürlich auch die Abgabe der Papierformulare im Sekretariat.
Es existiert ein weiterführender Kurs, das Wahlfach "Offenes Projekt: HTML" ("VSTG"), das im Hauptstudium ab dem 3. Semester jederzeit (auch mehrfach) belegt werden kann.
- Zusammenfassung der Inhalte aus INT
- Khan Academy: Einführung in HTML/CSS
- Merkblatt zu Dateikompression
- Liste aller wichtigen Metadaten im
<head> - Javascript Crash-Course (nur freiwillig!)
- serverprofis.de
- uberspace.de (30 Tage kostenlos testen, ohne Zahlmittel)
Das GitHub Student Developer Pack ist eine Sammlung kostenloser Software- und Onlinedienst-Angebote, die Studierenden, die einen Github-Account besitzen (oder erstellen!) kostenlos zur Verfügung gestellt wird.
Es beinhaltet unter anderen auch einen kostenlosen Domainnamen über name.com, sowie kostenlos-für-1-Jahr Domains von namecheap und .tech-domains. Ebenfalls enthalten sind viele Online-Kurse für HTML, CSS, Javascript und mehr.
Die Registrierung ist kostenlos und es gibt keinen Haken. Nebenbei erhält man nach der Verifikation einen Github Pro Account (normalerweise $85/Jahr) mit unbegrenzten öffentlichen und privaten Repositories.
Die genannten Bücher sind in keinster Weise für die Teilnahme am Kurs erforderlich, sind aber von mir auf Seriosität geprüft und funktionieren gut ergänzend zum Kurs. Eventuell lohnt sich vor der Anschaffung auch zu prüfen, ob spätere Semester eventuell Exemplare gebraucht verkaufen möchten (nachdem Sie die Inhalte gemeistert haben?)
- HTML & CSS (deutsch, €40, auch im OPAC ausleihbar)
- HTML & CSS (englisch, €22)
(Amazon Affiliate Links)
Ehrlich gesagt ist auch die komplette (englische) "A Book Apart"-Reihe richtig gut und kurzweilig zu lesen, aber wenn man nur die für den Kurs wichtigsten Bände lesen will:
- HTML5 for Web Designers (Taschenbuch €24, Ebook €14)
- CSS3 for Web Designers (Taschenbuch €24, Ebook €14)
Auch diese sind auch mit je einem Exemplar in der Bibliothek vetreten, online auffindbar im OPAC.
