Setting Up: Free HTML Email Tutorial

Discover how to prepare your class files correctly with our comprehensive tutorial that guides you step-by-step, whether you're using a Mac or a Windows computer.

This exercise is excerpted from Noble Desktop’s HTML Email training materials and is compatible with updates through 2021. To continue learning HTML Email with hands-on training, check out our coding bootcamps in NYC and live online.

Complete the following setup prior to beginning any exercises.

Topics covered in this HTML Email 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.

Web Design Certificate: Live & Hands-on, In NYC or Online, 0% Financing, 1-on-1 Mentoring, Free Retake, Job Prep. Named a Top Bootcamp by Forbes, Fortune, & Time Out. Noble Desktop. Learn More.
  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 HTML Email Class folder to select it.
    • Press Cmd–D to duplicate it.
    • Rename the duplicate folder yourname–HTML Email Class.

    Windows:

    • Click once on the HTML Email 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 the file yourname-HTML Email Class.
  4. You now have your own set of class files to use throughout the class. Have fun!

photo of Dan Rodney

Dan Rodney

Dan Rodney has been a designer and web developer for over 20 years. He creates coursework for Noble Desktop and teaches classes. In his spare time Dan also writes scripts for InDesign (Make Book JacketProper Fraction Pro, and more). Dan teaches just about anything web, video, or print related: HTML, CSS, JavaScript, Figma, Adobe XD, After Effects, Premiere Pro, Photoshop, Illustrator, InDesign, and more.

More articles by Dan Rodney

How to Learn HTML Email

Master HTML email with hands-on training. Boost your email marketing campaigns by learning how to code emails that look good on different-sized devices.

Yelp Facebook LinkedIn YouTube Twitter Instagram