From Medien Wiki

Title: Web Based Media: Introductory Web Development I
Lecturer: Brian Larson Clark
Credits/SWS: 6 ECTS, 4 SWS
Maximum Number of Participants: 15
Course Language: English
First meeting: October 16, 15:15, Marienstraße 7b, Room 104
Date: Tuesdays, 15:15 to 18:30
Venue: Marienstraße 7b, Room 104


Web-Based Media: Introductory Web Development I is a graduate-level investigation into the design and production of web-based media. Topics will include: web development (HTML5, CSS3, JavaScript), interaction design, and responsive design using web development frameworks (jQuery, Bootstrap). This is a student-driven course and topics will be determined by the interests/needs of the class. For students with basic, or no web development experience.

Admission requirements

For graduate students with little or no experience with HTML and CSS.

Registration procedure

Just show up to the first class or email me at brian.larson.clark@uni-weimar.de.


Evaluation will be determined by 3 projects, regular class participation, and attendance.

Eligible participants

For graduate students with little or no experience with HTML and CSS.


Course Syllabus


Project 1
Due November 6th

Project 2
Due December 18th

Class Files

Project 1 Demonstration, 23 October

Project 1 Demonstration (static), 30 October

Project 1 Demonstration (responsive), 30 October

Project 2 Demonstration, 6 November

YouTube Video Embed Example

Project 2 Demonstration, 13 November

Project 2 Demonstration, 20 November

Project 2 Demonstration, 27 November

Project 2 Demonstration, 4 December

Project 2 Demonstration, 11 December

Class Resources

Web Design Resources/References:
CSS Cheatsheet
Web Standards Checklist
Bootstrap Homepage
jQuery Homepage
HTML Codes Table
Unicode Character Table

Web Development Tools:
HTML Validator
CSS Validator
CSS3 Generator
Favicon Converter (.ico)
Grid Layout Generator
Bootstrap Template Examples
Google Fonts
Font Awesome
htaccess Generator

Other Useful Links:
Web Pages That Suck – Learning Good Design Through Bad Design
Principles of Graphic Design
SEO Starter Guide