Back to Previous Page

Digital Design: Foundations of Web Design

Syllabus Details
Digital Design: Foundations of Web Design is a project-based curriculum that teaches digital communication skills in the context of the professional web design and development process, using Adobe tools. Digital Design develops four key skill areas: project management and collaboration; design; research and communication; and professional web-authoring tools.
9 13,723
  • 5/5 | 6 Ratings
Syllabus Author
Adobe Education Our mission is to inspire and empower the next generation to be lifelong creators.
Syllabus Timing
Total Hour(s)
89
Syllabus Overview
Syllabus Units
16 hours

Unit 1: Web design basics

In this project, students will get an introduction to the basic principles of web design, HTML, and CSS as they create a webpage. Through analyzing websites, they will learn to identify purpose and audience to use design principles to emphasize purpose and audience. They will also learn about the phases of web production and about publishing web projects. 

Student product: Original webpage

Unit Overview

Unit Activities

  1. Lesson Plan Posted on 11/11/13 By {authorname}
  2. Lesson Plan Posted on 11/11/13 By {authorname}
  3. Lesson Plan Posted on 11/11/13 By {authorname}
  4. Lesson Plan Posted on 11/11/13 By {authorname}
  5. Lesson Plan Posted on 11/11/13 By {authorname}
  6. Lesson Plan Posted on 11/11/13 By {authorname}
  7. Lesson Plan Posted on 11/11/13 By {authorname}
  8. Lesson Plan Posted on 11/11/13 By {authorname}
  9. Lesson Plan Posted on 11/11/13 By {authorname}
  10. Lesson Plan Posted on 11/11/13 By {authorname}
  11. Lesson Plan Posted on 11/11/13 By {authorname}
  12. Lesson Plan Posted on 11/11/13 By {authorname}
  13. Lesson Plan Posted on 11/11/13 By {authorname}
  14. Lesson Plan Posted on 11/11/13 By {authorname}
  15. Lesson Plan Posted on 11/11/13 By {authorname}
  16. Lesson Plan Posted on 11/11/13 By {authorname}
18 hours

Unit 2: Web design & planning

In this project, student teams build a website for a client. The client selects the topic and specifies the content to be included. Each student team interprets client needs in proposing design solutions for the site's navigation, page layout, look & feel, and content flow. Students write design documents to help them communicate clearly with the client. 
Student products: Web production project plan and design solution document; website prototype, storyboard, wireframes, and design comps

Unit Overview

Unit Activities

  1. Lesson Plan Posted on 11/11/13 By {authorname}
  2. Lesson Plan Posted on 11/11/13 By {authorname}
  3. Lesson Plan Posted on 11/11/13 By {authorname}
  4. Lesson Plan Posted on 11/11/13 By {authorname}
  5. Lesson Plan Posted on 11/11/13 By {authorname}
  6. Lesson Plan Posted on 11/11/13 By {authorname}
  7. Lesson Plan Posted on 11/11/13 By {authorname}
  8. Lesson Plan Posted on 11/11/13 By {authorname}
  9. Lesson Plan Posted on 11/11/13 By {authorname}
  10. Lesson Plan Posted on 11/11/13 By {authorname}
  11. Lesson Plan Posted on 11/11/13 By {authorname}
  12. Lesson Plan Posted on 11/11/13 By {authorname}
  13. Lesson Plan Posted on 11/11/13 By {authorname}
35 hours

Unit 3: Web development & deployment

In this project, student teams use their client-approved design documents for the technical build of a website. Teams will learn about technical features to enhance the look and feel, consistency, and usability of their websites. They will also learn how to conduct technical and usability tests of their client websites. Teams will create a presentation for the clients explaining how the site accomplishes the client goals.
Student product: Client website

Unit Overview

Unit Activities

  1. Lesson Plan Posted on 11/11/13 By {authorname}
  2. Lesson Plan Posted on 11/11/13 By {authorname}
  3. Lesson Plan Posted on 11/11/13 By {authorname}
  4. Lesson Plan Posted on 11/11/13 By {authorname}
  5. Lesson Plan Posted on 11/11/13 By {authorname}
  6. Lesson Plan Posted on 11/11/13 By {authorname}
  7. Lesson Plan Posted on 11/11/13 By {authorname}
  8. Lesson Plan Posted on 11/11/13 By {authorname}
  9. Lesson Plan Posted on 11/11/13 By {authorname}
  10. Lesson Plan Posted on 11/11/13 By {authorname}
  11. Lesson Plan Posted on 11/11/13 By {authorname}
  12. Lesson Plan Posted on 11/11/13 By {authorname}
  13. Lesson Plan Posted on 11/11/13 By {authorname}
  14. Lesson Plan Posted on 11/11/13 By {authorname}
  15. Lesson Plan Posted on 11/11/13 By {authorname}
20 hours

Unit 4: Portfolios

In this project, students create the elements of a portfolio that features work they have completed and work to be completed, concentrating on a particular career area. As students create their portfolios, they plan, implement, and test their designs; students then reflect on and evaluate their work. 

Student product: Portfolio

Unit Overview

Unit Activities

  1. Lesson Plan Posted on 11/11/13 By {authorname}
  2. Lesson Plan Posted on 11/11/13 By {authorname}
  3. Lesson Plan Posted on 11/11/13 By {authorname}
  4. Lesson Plan Posted on 11/11/13 By {authorname}
  5. Lesson Plan Posted on 11/11/13 By {authorname}

All Syllabus Assets

You do not have access to download the files, please make sure you are logged in.

All Comments (9)

Mindy Hartley

Will this material be updated for Dreamweaver CC 2017?

Stephen Horvath

I'm starting a web design course in my high school next year. This solves most of my curriculum issues! I think I'll just call the class Foundations of Web Design and be done with it!

Stephanie Pendley

I am trying to follow this but when I downloaded the lesson for "How to lay out a web page with CSS" it is for CS6 and cannot be completed in CC following those instructions. Is there an updated one?

David Onyango

Amazing resource. thank you so much Adobe Education team

arnab roy

HI Team,

How to enroll for the this...

Adobe Education

This isn't an online course and no need to enroll. It is a syllabus that you can download, with lesson plans, activities, and technical guides. You can download just the individual lessons or activities you want or you can download the entire syllabus - select "Syllabus Bundle" in the upper right corner in the box called "Syllabus Assets"

Cheers,
The AEE Team

Yasar Butt

Adobe knows: everything

Christina MacLaughlin

OMG! Are you serious?? This is freaking phenomenal! This is the sort of thing I've been begging for since we introduced the Creative Suite in my classroom. I am truly excited that I don't have to recreate the wheel with every single lesson anymore!

jasmine suarez

Have you completed the program?

If there are threaded comments off of the comment you are deleting, those will be removed as well.