~/Introduction to Web Design — AVT 217
❯
15 Weeks
Intro Level
GMU Spring 2016

Introduction to Web Design

AVT 217

Schedule: Monday & Wednesday 7:20pm - 10:00pm
Location: Art and Design Building 1021
Instructor: Abraham Garcia
Download PDF Syllabus

Introduction to Web Design

An introduction to web design, in particular to standards as a successful tool in design communication. Students gain hands-on experience on design issues specific to web based presentations, learn web page layout and effective navigation, and delve into the design process.

Learning Objectives

Upon completion of the course, students will be able to:

  • Apply basic design concepts and principles of web delivery
  • Demonstrate a basic understanding of the components and mechanics of a website
  • Acquire a web host, practice web file management and version control and launch a web site
  • Utilize web software tools at an introductory level

Course Format & Grading

The semester will consist of workshops, seminars, exercises and projects. Workshops will be in-class lessons about specific techniques with code or processes. Seminars present opportunities to discuss and debate critical issues regarding web culture. Projects will happen largely outside of class and should be thoughtful investigations based on a given problem statement.

Grade Distribution

Total Points: 400

75 pts Project 1
75 pts Project 2
125 pts Project 3
50 pts Weekly Assignments
55 pts Class Participation
20 pts Exercises

Project Evaluation Criteria

25%

Participation/Process

Contributing to class discussions and critiques; improving work through research and iteration

25%

Concept

Responding to problem statement innovatively; thinking critically based on critiques, readings, and discussions

25%

Formal Resolution

Creating aesthetically sophisticated and effective work appropriate to concept and context

25%

Craft

Taking care in manufacture; showing technical ability

Projects

Project 1: Single Page Website

3 Weeks

We will begin the semester with the very basics which include low-fidelity sketching/wireframing and iterative design in the browser.

Learning Objectives

  • Learn image size, format, and optimization for web use
  • Implement knowledge of design principles into website design
  • Familiarize yourself with the web design process

Project 2: You've Probably Never Heard of This Band

3 Weeks + Spring Break

Create a multimedia website for a fictitious cover band. Design album covers, implement track listings, tour schedules, press photos and audio clips.

Learning Objectives

  • Learn web page structure through the use of grid and CSS
  • Learn the basics of HTML & CSS authoring
  • Learn the basics of web navigation
  • Implement knowledge of design principles into website design
  • Practice web file management and publishing

Final Project: Portfolio Web Site

4 Weeks

Introduction to the Bootstrap framework. Create a dynamic portfolio that will serve as a tool to showcase your voice as a designer and display your body of work.

Learning Objectives

  • Learn the website design and development process
  • Learn the basics of information structure and usability
  • Learn the basics of web prototyping

Resources

Design Portfolio

Examples of web design work

View Portfolio →

Writing

Articles on web design and development

Read Articles →

Full Syllabus PDF

Complete course details

Download PDF →

Course Materials

This course emphasizes hands-on learning with modern web technologies including HTML5, CSS3, responsive design principles, and contemporary frameworks.

Interested in a Similar Course?

This syllabus can be customized for your program or organization. Let's discuss how we can create a tailored curriculum for your team.

Get in Touch Back to Teaching