WinterSemester 2023/24
TH-Nürnberg: Technikjournalismus / PR
Konzeption
Konzeption von journalistischen Angeboten im Web (Grundlagen): Konzeption und Aufbau einer Website; zeitgemäßes Layout, Benutzerführung, Bildbearbeitung, Darstellungsformen auf Webseiten; Screenresponsiveness; Journalistische Webseiten optimieren: Wie optimiere ich journalistische Webseiten für Suchmaschinen? Wie lassen sich die aktuellen Ergebnisse der Forschung zu Bedienerfreundlichkeit in Webseiten umsetzen? Welche Ausgabekanäle sind zu bedenken?
Entwicklung
An praktischen Beispielen werden die Grundlagen der agilen Webentwicklung mit Hilfe moderner Web Frameworks erlernt. Schwerpunkt der Vorlesung ist das Anwenden aktueller Webtechnologien (HTML5, CSS3 [SASS/LESS] und JavaScript), das Einsetzen von Tools zur Versionsverwaltung (git) und zur Task-Automatisierung (gulp/grunt). Abschließend befassen wir uns mit den Grundprinzipien des maschinellen Lernens am Beispiel von IBM Watson und/oder Microsoft Cognitive-services.
Chat zur Vorlesung
Discord Channel "web_23/24"Kurs Inhalte
-
Immer Freitag von 14:00 - 17:15 Uhr in KI.201
-
1. Einführung: Internet, WWW, Browser (13.10.2023) send
-
2. Grundlagen: HTML & CSS (27.10.2023) send
-
3. Entwicklung: IDE & erste Website (03.11.2023) send
-
4. Konzeption: UX & IA (10.11.2023) send
-
5. Konzeption: Erstellung Website Konzepte (17.11.2023) send
-
6. UX Design: UX Gesetze (24.11.2023) send
-
7. Entwicklung: Umsetzung der Website (Teil 1) (01.12.2023) send
-
8. Entwicklung: Umsetzung der Website (Teil 2) (15.12.2023) send
-
9. SEO: Ranking Faktoren & Tools (22.12.2023) send
-
10. Entwicklung: Umsetzung der Website (12.01.2024) send
-
11. Abschluss: Umsetzung & Wiederholung (19.01.2024) send
-
12. Benotung: (26.01.2024)
11. Umsetzung und Wiederholung
10. Umsetzung und Wiederholung
9. SEO
Ranking Faktoren & Tools
-
Download Slides als PDF (4 Slides pro Seite) cloud_download
Wordpress
Block Theme Entwicklung
Wordpress
Lokales Entwickeln
Wordpress: mehr ...
open_in_newWordpress Theme Handbook - Block Theme open_in_newFull Site Editing
6. UX Gesetze
Gestaltung von benutzerfreundlichen Websites
Aufgabe
Erstellung Website-Konzepte
Das jeweilige Konzept ist die Basis für die Umsetzung der Website in den kommenden Wochen.
Inhalt:
- Zieldefinition (2-3 Sätze)
- Zielgruppe (1-2 Sätze)
- Low Fidelity (Wireframe oder Mock) Darstellung (1 Seite)
Bedenkt dabei die Rahmenbedingungen!
4. Konzeption
Web Projekt - Ablauf
-
Download Slides als PDF (4 Slides pro Seite) cloud_download
Web-Konzeption: mehr ...
3. IDE & Entwicklung
erste Website
-
Download Slides als PDF (4 Slides pro Seite) cloud_download
Aufgabe
IDE lokal installieren
Installiere den plattformübergreifenden Quelltext-Editor Visual Studio Code lokal auf Deinem Rechner. Mit Visual Studio Code werden wir in den kommenden Wochen unsere Website entwickeln.
Dir steht es auch frei andere Entwicklungsumgebungen zu benutzen.
2. HTML & CSS
Textauszeichnung & Textformatierung
-
Download HTML Slides als PDF cloud_download
-
Download CSS Slides als PDF cloud_download
Aufgabe
Textauszeichnung
Zeichne die Texte aus der Vorlage (vorlage.txt) mit entsprechenden HTML Tags aus. Das zu erwartende Ergebnis ist in "ergebnis.pdf" sichtbar. Nutze zur Erstellung Codepen.io.
1. Einführung
Internet, WWW, Browser
-
Download Slides als PDF (4 Slides pro Seite) cloud_download