DW120 Tools of Web Design

Course Description

Building upon the foundations established earlier during the program, this course will focus on some of the tools that are needed by a web designer. Students will become familiar with the professional web toolsets using Adobe Creative Suite and concentrate on preparing a design for presentation and development. Topics also include web graphic optimization and color principles.


  • Structure and trends in website design
  • HTML
  • CSS
  • Development Tools
  • Sublime Text
  • Cyberduck
  • Google Chrome
  • MAMP
  • Launching a site
  • Domains
  • Hosting
  • FTP

Learning Outcomes

  • Understand best practices for image optimization and asset management
  • Develop an awareness of visual and aesthetic trends on the web
  • Learn the process for mocking up a website with Adobe’s tools
  • Understand how visual components of a site correspond to the markup
  • Create a design that they will later have to implement