DW120 Tools of Web Design

Course Description

Building upon the foundations established earlier during the Web Development certificate program, this module 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