Practice using Photoshop to create website design mockups. Follow the template to create 4 pages. Use your own fonts, colors, photos, and content to customize the site for yourself.


assignment website template

  • Create 4 photoshop documents 1024x768. Save them as home.psd, about.psd, assignments.psd, and gallery.psd

  • Follow the template as pictured to add your content. Keep the layout the same.

  • Choose your own fonts, colors, photos

  • Save a PNG version of each mockup. File > Save for web and devices. Be change the image format to png-24

  • Create a new project in InVision. Name it A1-1: Assginment Website

  • Upload your PNG's to InVision
  • Click the share link. Copy/paste the link into the Turn-in speadsheet

Submission Guidelines

  • Due at start of Class 2
  • Upload the image to InVision
  • Add the Shared link to the Turn-in Spreadsheet