Introduction to Web Design
AVT 217
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
Project Evaluation Criteria
Participation/Process
Contributing to class discussions and critiques; improving work through research and iteration
Concept
Responding to problem statement innovatively; thinking critically based on critiques, readings, and discussions
Formal Resolution
Creating aesthetically sophisticated and effective work appropriate to concept and context
Craft
Taking care in manufacture; showing technical ability
Projects
Project 1: Single Page Website
3 WeeksWe 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 BreakCreate 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 WeeksIntroduction 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
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.