MEDIA DESIGN / HYPER MEDIA DESIGN

This course will provide a solid introduction into media design and hyper media design, including color, color theory, typography, multi media, and corporate identity design. The class will teach how to create basic Web pages using Hyper Text Markup Language (HTML), devise and develop basic multi media projects; understand and apply color theory, and use fonts, type and typography. The course will cover the basic HTML framework, font, type, and text formatting, images and graphics, as well as different color and perception models. Students will focus on design and aesthetic considerations but special attention will be devoted to readability, usability, coding syntax and implementation methods.

Students will apply the lessons from the class, and create and design several multi media projects, homepages, and portfolios. Projects assigned include a resume, a personal portfolio, logos, self created fonts, the application of type, corporate identities, hypermedia projects, and marketing campaigns.

• CLASS INFORMATION
  
• CLASS SCHEDULE
  • Week 1 - Introduction
  • Week 2 - HTML and WWW I
    Internet, World Wide Web And HTML
  • Week 3 - HTML and WWW II
    Organizing and Formatting of Text
  • Week 4 - HTML and WWW III
    Images and Tables
  • Week 5 - HTML and WWW IV
    Cross Compatibility, Usability Engineering, GUI
  • Week 6 - Color I
  • Week 7 - Color II
    Models and Systems
  • Week 8 - Font, Type, and Typography
  • Week 9 - Font, Type, and Typography II
  • Week 10 - Font, Type, and Typography III
  • Week 11 - Multi Media I
    Sound, Video, and Animation
  • Week 12 - Multi Media II
    Animation, Banner and Online Marketing
  • Week 13 - Branding, and Marketing I
  • Week 14 - Branding, and Marketing II
  • Week 15 - Final Presentation

• MATERIAL
  
• REQUIREMENTS

First Assignment. Resume Due for Presentation (Print Version) at Week 2 and Registration of/Application for Domain Name. It is assumed that the résumé’s objection will be a job application and this decision will influence the content, structure, and form of the document.

Resource
European Centre for the Development of Vocational Training
(Centre Européen pour le Développement de la Formation Professionnelle).
European Curriculum Vitae
European Commission. Employment and Social Affairs Directorate-General
EURES (European Employment Services)

(Students are required to register a personal domain following the format of: www.firstnamelastname.tld. The choice of the top-level domain is up to the student. The domain will provide the basis for the online resume, portfolio, and other assignments of the student. Emails and submitted assignments will only be accepted from this particular domain/email address.)

Required
DIN A4/8.5”x11” size printouts of the resumes have to be submitted in English, in a visually appealing form. The document has to follow international standards, norms, and regulations.

Resource
Domain Search.
WhoIsReport. Domain Name and WhoIs Search.
CentralNic. Domain Ferret.
SpeedNames.
DailyChanges. Domain Server and ISP Report.
Namezero. US Provider.
Godaddy. US Provider.
Powweb. US Provider.
Strato. EU Provider.
EinsundEins. EU Provider.
Schlund und Partner. EU Provider.
PHP Database.

Internet/ History/ WWW/ Email/ Newsgroups/ FTP/ TCP IP
Access: DialUp/ISDN/Cable/DSL/Ethernet/Wireless
WWW World Wide Web/ Domain Name System DNS/ Uniform Resource Locator URL
Browser/ PlugIns/ Programming Languages/ Script Languages/ Compiler
HTML Concept/ Basic HTML Framework
HTML Tags/ Page Syntax/ Tags And Attributes/ Page colors/ Page Structure

Reading
Holzschlag, Molly E. Special Edition Using HTML 4.
Charuhas, Christopher G. HTML and Javascript for Visual Learners.
Flanders, Vincent. Web Pages that Suck.

Book
Siegel, David. Creating Killer Web Sites.
Niederst, Jennifer and Richard Koman. Learning Web Design: A Beginner's Guide.
Niederst, Jennifer. Web Design in a Nutshell, Second Edition.

Resource
W3C Validator.
Netmechanic. Page Validator, Optimizer.
Alexa Internet. Site Report. Link Validation.
Way Back Machine.
W3Schools. Tutorials and Examples.
HTML Pretty Print

First Assignment
Resume Due for Presentation (Print Version)

Second Assignment
Online Resume Due for Presentation (Online Version) at Week 3
Prepare a HTML version of the resume and upload the complete code to your domain. All HTML code has to be created by using Wordpad/Notepad only – the usage of HTML editors, Wysiwyg programs, or converters is forbidden in this class and will result in a lower grade. Please validate the code with one of the resources given above.
Required. Registered Domain Name, Resume online, URL/Domain submitted to the teaching assistant.

Breaks/ Paragraphs/ Headings/ Horizontal Rules/ Center and Division Tags
Absolute Text Formatting/ Relative Text Formatting/ Font Formatting
HTML Editing/ Ordered and Unordered Lists/ Definition lists
Hyperlinks/ HREF and File Names
HTML and WWW: Graphics And Hyperlinks
URL/ Relative URL/ Absolute URL/ Referencing
Linking To Images or Other File Types/ External Links/ Linking to Named Targets
Embedding Targets And Links in Site Navigation

Resource
World Wide Web Consortium.
Web Standards Project. WASP: Fighting for Standards.

Reading
Rochmis, Jon. “ Wired News: A Site for Your Eyes.” Wired News. October 11, 2002

Second Assignment
Resume Due for Presentation (Online Version).

Third Assignment
Portfolio Due for Review with Instructor at Week 4
Based on the resume, expand your online presentation and create a personal portfolio. Research, identify, and realize a structure and form to represent yourself. Create several interlinked pages that include pictures.

Required
Upload of Portfolio.

Remark: The information presented on this website does not represent an offer to buy or sell anything, it is intended for educational purposes only. The European Graduate School is evaluating an Associate status with Amazon.com. Although it is advisable to use the aforementioned material for reading assigments and class studies, there are other publishers, editions and sources that might serve the same purpose.

Privacy Statement: The European Graduate School will not sell, lease or distribute any information, user names, addresses or any other information deemed private. The European Graduate School believes in users personal privacy and will not violate that trust.