Share
Adobe Education
Educators and Professional Development Specialists

Web design basics

Project Published 11/12/13 Last updated on 5/16/18
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 and to use design principles to emphasize purpose and audience. They will also learn about the phases of web production and about publishing web projects.

The main focus of this project is for students to learn and understand how CSS is used to create consistency and allow for easy site-wide changes. The emphasis is on employing their understanding of design principles to inform the modifications and customizations they make to the page’s Cascading Style Sheet.

Student product: Original webpage

Products
  • Dreamweaver

    Design and develop modern, responsive websites.

  • Photoshop

    Editing and compositing for photos, web and mobile app designs, 3D artwork, videos, and more.

  • Illustrator

    Create beautiful vector art and illustrations.

Subjects
Web
Age Levels
Duration
1+ Week
Custom Standards
ACA Dreamweaver
ISTE NETS-S
Communication and Collaboration, Research and Information Fluency, Digital Citizenship, Creativity and Innovation, Technology Operations and Concepts, Critical Thinking Problem Solving and Decision Making
Materials
Adobe Dreamweaver CC, Adobe Photoshop CC, Adobe Illustrator CC
CC License
Attribution Non-Commercial Share Alike
Keywords
Ratings
5 / 5 • 2 Ratings

Comments (15)

Write a reply...
or Join for free to view all comments and participate in the discussion.

Ali Mohammad

Posted on 10/29/17 7:18:36 AM Permalink

​I just got a curriculum PDF where are the tutorials ????

Adobe Education

Posted on 10/30/17 4:52:59 PM Permalink

All of the activities with the downloadable technical guides can be accessed here: https://edex.adobe.com/digital-design

Using this document open the link to the referenced activity and you will then see all the materials needed.

Cheers,
The AEE Team

Jon Hoff

Posted on 5/5/16 1:23:28 AM Permalink

Is this curriculum transferable to CS6? I'm presuming it is....

Adobe Education

Posted on 5/5/16 2:18:03 PM Permalink

Jerrad Gleim

Posted on 1/13/16 4:54:31 PM Permalink

The Design Principles link is no longer working. Can you please check?

Adobe Education

Posted on 1/13/16 6:10:03 PM Permalink

Hi Jerrad,

Can you be a bit more specific? There is no Design Principles link so do you mean the downloadble PDF link or the links above to the Digital Design and Digital Career curriculums? I was able to download the PDF and go to the links. Is is a link within the PDF? The more information we have the better we can solve it.

Cheers,
The AEE Team

Jerrad Gleim

Posted on 1/13/16 6:33:29 PM Permalink

Adobe Education

Posted on 1/14/16 8:47:12 PM Permalink

I see now. Thanks so much for letting us know. We really appreciate community members helping us out and letting us know when things aren't working! We'll work on getting this back up. And until that link is back up and running you can access Design Principles here: https://edex.adobe.com/resource/23191da5/.

Cheers,
The AEE Team

Jaime Ball

Posted on 3/9/14 6:28:20 PM Permalink

One more question...I can not open any of the presentations. I have PowerPoint for Mac and PowerPoint 2010 both and neither would open up any of the presentations in this unit. I notice the file extension is .ppt.dot what exactly is that? When I try to open on my Mac it tells me that the file is a Word file, but when I let open in Word it is just garble. I really need these presentations ASAP so I would appreciate any help in getting these files open.

Thank you,

Jaime

Adobe Education

Posted on 3/12/14 6:58:05 AM Permalink

Hi Jaime,

Indeed there is a problem with the presentations. Thank you very much for bringing that to our attention. We will work on fixing the files ASAP. In the meantime if you click on the downloaded file and remove the .doc file extension (leave the .ppt file extension) it should work. I just tried it and the file opened in PowerPoint with no problem.

Cheers,

~Adobe Education

Jaime Ball

Posted on 3/7/14 9:51:53 PM Permalink

This version of curriculum for CC version of Creative Suite is such an improvement over past curriculums. I do not have the CC versions of software yet in my classroom. But I like this version of curriculum so much better, I am willing to put in the work of translating sections back to CS4. Suggestion...it would be helpful for me if next to updated material, tools, and options from past versions ( or at least most recent version) that way as I teach it I can mention the changes to my students, and be able to use with past versions.

Another suggestion...have an option for downloading the entire full curriculum in one file. Or at least by Unit like you have done in the past. It took me 2 hours to download everything and then import into Acrobat and create one file. I like to keep this curriculum on my iPad, and having 50 different files isn't ideal. If any teachers out there agree and would like the combined file to be offered please comment so that Adobe understands the need for this. I don't understand why this is a big deal to offer...all it takes is using Acrobat to combine the file...come on Adobe..you created Acrobat...use it please.

I don't mean to sound harsh...I am very thankful that Adobe is willing to offer this great curriculum and resources for free. I greatly appreciate it! And job VERY WELL DONE! With this new curriculum. I especially love the resources and links you provide at the end of each lesson for teachers to use to broaden understand. BRAVO!

-Mrs. Ball

Koshkonong High School

Adobe Education

Posted on 3/9/14 2:05:57 PM Permalink

Hi Jamie - we're working on a new feature, to be released in the next few months, that will give you the ability to customize and bundle together content. It will save you a lot of the time you spent on that PDF file and put it in a format that is user friendly. Stay tuned...

Jessica Kemnitz

Posted on 8/16/14 1:02:07 AM Permalink

Is this feature available yet? I'm seeing this one: http://edex.adobe.com/digital-design but I'd also love to see each project as one package download, rather than 10-16 links and additional files within each link.

Adobe Education

Posted on 8/18/14 2:55:08 PM Permalink

Hi Jessica,

Yes - we have released it. To download the curriculum as a whole go to: http://edex.adobe.com/syllabus/561c8d0-/ and click on Syllabus Bundle in the right upper corner.

Cheers,
The AEE Team

Rajesh Krishnan

Posted on 11/27/13 5:45:39 AM Permalink

Awesome, makes training easier!