Setting Up: Free HTML Email Tutorial

Before diving into HTML email development, you'll need to complete this essential setup process. Having your own dedicated workspace ensures you can experiment freely without affecting the original materials.

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. Rather than risk modifying the original templates—which could impact other users or future sessions—we'll create a personal copy for your exclusive use. This approach follows industry best practices for version control and ensures you have a clean backup if you need to start fresh.

1. Clear your desktop workspace by minimizing or closing any open windows. A clean workspace helps you focus and reduces the chance of accidentally modifying the wrong files.

2. Locate and open the Class Files folder on your desktop or in your designated course materials directory.

3. The duplication process varies slightly between operating systems. Follow the appropriate instructions below for your platform:

   Mac:

   • Click once on the HTML Email Class folder to select it.
   • Press Cmd–D to duplicate it instantly.
   • Rename the duplicate folder to yourname–HTML Email Class (replace "yourname" with your actual name for easy identification).

   Windows:

   • Click once on the HTML Email Class folder to select it.
   • Press Ctrl–C to copy the folder to your clipboard.
   • Press Ctrl–V to paste and create the duplicate.
   • The new copy may appear at the bottom of your folder list. Right-click and rename it to yourname-HTML Email Class for easy identification.

4. Congratulations! You now have your own isolated set of class files to use throughout this course. This personal workspace gives you the freedom to experiment, make mistakes, and learn without consequences. Let's begin building professional-grade HTML emails.