Skip to main content
Dan Rodney/1 min read

Setting Up

Class Files Setup

1

Open the Class Files Folder

Located on your Desktop.

2

Select Mobile and Responsive Class Folder

Single click to highlight.

3

Duplicate It

Mac: Cmd-D. Windows: Ctrl-C then Ctrl-V.

4

Rename to yourname-Mobile and Responsive Class

Keeps your edits separate from the original.

Master Web Design at Noble Desktop

Noble Desktop's Web Design Certificate teaches Figma, HTML, CSS, and responsive design.

This article provides a detailed tutorial on how to set up and use class files for a Mobile & Responsive Web Design course, including step-by-step instructions for both Mac and Windows users.

Complete the following setup prior to beginning any exercises.

Topics Covered in This Mobile & Responsive Web Design Tutorial:

Setting up Your Class Files

Creating Your Own Copy of Class Files

Throughout this workbook you will be editing class files that we have prepared for you. Instead of editing the originals, we’ll have you make a copy just for yourself to edit.

  1. If you have any windows open, minimize or hide them so you can see the Desktop.
  2. Open the Class Files folder.

  3. Follow the appropriate Mac or Windows instructions below:

    Mac:

    • Click once on the Mobile and Responsive Class folder to select it.
    • Press Cmd–D to duplicate it.
    • Rename the duplicate folder yourname-Mobile and Responsive Class.

    Windows:

    • Click once on the Mobile and Responsive Class folder to select it.
    • Press CTRL–C to copy it.
    • Press CTRL–V to paste it.
    • The new copy may be at the bottom of the list of folders. Rename it yourname-Mobile and Responsive Class.

  4. You now have your own set of class files to use throughout the class. Have fun!