1. Universität zu Köln. Historisch-Kulturwissenschaftliche Informationsverarbeitung
Jan G. Wieners // jan.wieners@uni-koeln.de
Advanced Web Basics
Sommersemester 2014
07. April 2014 – Organisation und Seminarverlauf

2. Herzlich Willkommen!

3. I. Advanced IT Basics
 Open Source vs. Closed Source Anwendungen
 Betriebssysteme
 Webserverinstallation, etc.
II. Allgemeine Technologien II
 HTML, CSS
 JavaScript, jQuery
 JavaScript-Frameworks
 (PHP, MySQL)
 (Theorie: Internet, Protokolle, Technologien, etc.)
 Anforderungen (3 CP): Hausaufgaben / „Meilensteine“
III. Tools & Methods in Digital Humanities
 „Digitale Geisteswissenschaften“ – was ist das? Web- und Appentwicklung für mobile
Geräte
IV. Digital Object Processing
 CMS, Repositories
Das IT-Zertifikat – Vier Veranstaltungen

4. Vorlesungsbeginn: 07.04.2014
Vorlesungsende: 18.07.2014
Ferien-/Feiertage:
 21.04.2014 (Ostermontag)
 09.06.2014 (Pfingstferien)
Seminartermine:
 Heute:
 Organisatorisches
 Erste Schritte im Archäoinformatikpool:
Notepad++, TextWrangler, HTML5
 HTML5
 Gestaltung von Webseiten: CSS
 Clientseitige Webprogrammierung mit
JavaScript und jQuery
 (Serverseitige Webprogrammierung mit PHP
und MySQL (Datenbanken))
Seminarverlauf SoSem 2014
Auszeichnung
Gestaltung / Design
Programmierung

5. Erste Schritte mit HTML
 Inhalte auszeichnen / erste Websites erstellen
Websites gestalten mit HTML und CSS
 Inhalte visuell aufbereiten / strukturieren
Basale Layouts mit HTML und CSS
 Das Layout einer Website analysieren – und umsetzen
Erste Schritte in der Programmierung (JavaScript & jQuery)
 Websites um Interaktivität anreichern
PHP und MySQL
 Auf einem Server arbeiten; Zugriff auf eine MySQL-
Datenbank
Lernziele / Abschlussaufgaben „Meilensteine“

6. Wichtig: http://www.hki.uni-koeln.de
 Präsentationen der einzelnen Sitzungen
 Handouts & Co.
 Literaturhinweise
 Hausaufgaben
 Stellenangebote
Kursmaterialien

7. Software:
 Webbrowser
 Mozilla Firefox mit Plugin Firebug
(https://addons.mozilla.org/de/firefox/addon/firebug/)
 Google Chrome und Safari mit Entwicklermodus
 Internet Explorer, Opera, ...
 SFTP Client
(z.B. FileZilla  https://filezilla-
project.org/download.php?show_all=1)
 HTML / CSS / PHP Editor
 Notepad++ (http://notepad-plus-plus.org)
Seminarmaterial

8. /