Home > Products > Dreamweaver > Support > Working with Studio MX
Dreamweaver Icon Macromedia Dreamweaver Support Center - Working with Studio MX
Wildlife Project 4: Creating site mock-ups

This tutorial illustrates how you can use Macromedia FreeHand 10 to create preliminary sketches of your site's page layouts, color schemes, and other assets. This tutorial is the fourth in a series of Macromedia Studio MX tutorials that teach you how to plan, design, create, and deploy a fully-functional website. To see all of the tutorials in the series, visit the Macromedia Studio MX page on the Macromedia Dreamweaver Support Center. A complete list of tutorials is also available at the Macromedia Designer and Developer Center.

This tutorial series uses a fictional organization, The Wildlife Project, to demonstrate website asset development. If you haven't already done so, be sure to read the Project overview in the first tutorial, Planning your Macromedia Studio MX website, and view the completed sample site.

Download the Windows source file (36K)
Download the Macintosh source file (36K)

When the file decompresses, a file named tiger_image.gif is created on your system.

If you have trouble downloading or decompressing the files, see TechNote 13686.

About page design planning
Create page mock-ups to determine your site's look and feel
Add an image to the mock-up
Present the plan in HTML

Article Information
Author: Jon Michael Varese

Jon Michael Varese is a technical writer for Instructional Media Design at Macromedia.

Last Updated: 20 December 2002

Keywords: FreeHand, image, import, HTML, mock-up, planning, website, Wildlife Project

Doc ID: 9946