1. Universität zu Köln. Historisch-Kulturwissenschaftliche Informationsverarbeitung
Jan G. Wieners // jan.wieners@uni-koeln.de
Advanced Web Basics
Wintersemester 2013 / 2014
14. Oktober 2013 – 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
 PHP, MySQL
 (Theorie: Internet, Protokolle, Technologien, etc.)
 Anforderungen (3 CP): Hausaufgaben / „Meilensteine“
III. Advanced Markup & Metadata
 XML, DTD, XSLT, TEI, etc.
IV. Digital Object Processing
 CMS, Repositories
Das IT-Zertifikat – Vier Veranstaltungen

4. Vorlesungsbeginn: 14.10.2013
Vorlesungsende: 07.02.2014
Ferien-/Feiertage:
 01.11.2013 (Allerheiligen)
 23.12.2013 - 07.01.2014 (Weihnachtsferien)
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 WS 13 / 14
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. Bitte zu jeder Kurssitzung mitbringen (wenn möglich):
 Notebook / Laptop / Netbook
(MS Windows >=XP oder Linux (Ubuntu, Fedora, Mint, etc.)
(oder Mac OS))
Software:
 Webbrowser
 Mozilla Firefox mit Plugin Firebug
(https://addons.mozilla.org/de/firefox/addon/1843/)
 Safari mit Entwicklermodus
 Internet Explorer, Google Chrome, Opera
 SFTP Client
(z.B. FileZilla  http://filezilla-project.org/download.php?type=client)
 HTML / CSS / PHP Editor
 Notepad++ (http://notepad-plus-plus.org)
 Geany (http://www.geany.org/Download/Releases)
 …
Seminarmaterial

8. /