Report about creating my Teach project.


The Choosing a Color Scheme lesson was built about 4 years ago to aid my teaching of the concept for non-artists. I revise the tutorial at least once per year. The newest format is easier to read and provides better resources.

The lesson is delivered online in a web page that resides on my personal web server. I wrote the text in an .HTML file within Adobe Dreamweaver, a web development application, and styled it with a Cascading Style Sheet (CSS) file. Images were created by taking a screenshot, cropping in Adobe Photoshop, and saving as a .jpg or .gif file (depending on the size and clarity needed). I placed the images in my .HTML file and set them to float left or right of the text (using the .CSS file).

The main challenge I had creating the lesson was align the picture and table with the bulleted lists. I set the left margin to a value wider than the floating elements to fix the problem.

I have a list of articles and tutorials I keep for teaching various courses and workshops, so I added a few with hyperlinks to the resources.

Once the page construction is complete, I transfered a copy of the file to my web server. This process is called File Transfer Protocol (FTP).

Lesson objectives
Objectives reside in the sidebar of the lesson.

Examples of how others have taught similar topics online, with citations/links. See links to student examples within the lesson.

Color Theory
Roger Mayer at Brown University teaches a module on Color Theory and explains electronic version pigment makeup of color. The course uses applets, which may need the proper browser plugin to work properly.
Color Matters
A comprehensive site dedicated to all maters color, including electronic color issues regarding inconsistency among browsers/platforms.

Intentions for future use of this technology

I’ve been using Photoshop since version 1 (1986 or so) and even though I’ve tried other tools, I feel it provides the level of quality, ease of use, and variety of tools I need for making web sites, logos, and enhanced photos. Other tools I’ve tried include Gimp, Paint, Paint.net, Picasa, MS Picture Manager, AppleWorks, and iPhoto.

I have used screen shot software, such as Snapit, to help improve the screenshot process, but for still images, I prefer to use the Mac OSX command-shift-4 option; it allows me to crop during capture and since the file is .png and resides in the desktop, it is easy to find and manipulate.


Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s