
I took a designed page out of photoshop. After deciding where to make the header cut, I cropped the header to separate it from the text & images. After that, I saved the file as a jpeg and moved it into an "images" folder.
I then went into Dreamweaver to create three separate html pages entitled, The Elder, The Warrior, and the Healer. (Images have to be jpeg, Dreamweaver has to be html.) Background colors were changed to mimic the light brown background of the header.
I created hot spot buttons as well. Using the rectangular hotspot tool, I identified images, made a box around the text, gave it a link, then gave it a target.
After hot spots were added, I went back into each page and added new text (arial font) plus resized the photos to fit the space.