Adobe® Dreamweaver® CS6: Part 1 | 33

ACTIVITY 2-1
Defining a Website Project

Scenario
The president of Emerald Epicure Ltd. asked you to plan the site before working on its
components. He asked you to take a few minutes to fill in the planning form with your preliminary
thoughts about the website. He wants the site to include everything about olives and olive products,
including growing, harvesting, processing, and global standards for olive oil.
He reminded you that the company sells olive oil and other products from sources around the
world, including Australia, France, Greece, Italy, Portugal, Spain, and the United States. He asked
you to be sure to include the olive-oriented vacations, events, and festivals held around the world.
He added that the products the company sells includes olive oil, cured olives, olive paste, olive
tapenade, flavored olive oil, olive oil soap, and olive oil–based cosmetics.

Let’s discuss completing the Web Project Planning Form for Emerald Epicure Ltd.
Planning a website is
a) Choose an item that needs completion and offer some comments about what needs to be critical. Engage the
considered to complete it. students in a discussion
b) Include in your suggestions if the work for that item can be done in house or must be done by of the important points of
contract professionals. some of the incomplete
items and whether they
Component Notes Resource (In- should be done in house
house, Contract) or by contract
professionals.
Target Audience Customers of olive products and olive- In-house
related events
Site Purpose Information and history of olives and In-house
olive products
Required Content
Number of Pages
Required Graphics
Image Map Include an image map for olive-oriented Contract
events worldwide. Link to specific events
Rollover Images?
Required Lists Types of olives, countries producing In-house
olives, and olive products
Colors Three main colors to be used. Any Contract
additional colors for emphasis and
highlighting.
Navigation Style Include a navigation bar and links in the In-house
footer on each page
Include Site Map? Yes, showing all pages and how they are In-house
linked

Lesson 2: Creating a Website | Topic A

34 | Adobe® Dreamweaver® CS6: Part 1

Component Notes Resource (In-

house, Contract)

Feedback Form?
Include Contact &
About Pages?

Marketing Plan?
Search Engine
Optimization?
Web Metrics?

Lesson 2: Creating a Website | Topic A

40 | Adobe® Dreamweaver® CS6: Part 1

ACTIVITY 2-2
Charting the Website

Scenario
The president of Emerald Epicure Ltd. asked you to prepare a preliminary site map for his review.
He wants to be sure you will include pages for the major products, events, and history. It’s essential
that you list as many page ideas as you can, as you can always combine pages if you need to reduce
the number of pages later. You will list only page subject/titles in outline form.
By using a word-processing application or creating the site map by hand, you would likely produce
something like:

1. Of all the planning tools discussed, which planning tool do you consider the most important?
A: Answers could include any or all of these elements: flow charts, wireframes, storyboards, site
maps, and project management.

2. What components of a website require the most planning?

A: Answers could include any or all of these elements: text, graphics, tables, navigation bars, side
bars, and pages.

Lesson 2: Creating a Website | Topic B

 Adobe® Dreamweaver® CS6: Part 1 | 43

ACTIVITY 2-3
Setting Up a Website in Dreamweaver

Before You Begin

Dreamweaver is open.

Scenario
You know you shouldn’t begin the construction of the website before setting up the site in
Dreamweaver. That requires identifying the location and name of the site root folder and the
graphics folder within the root folder. Dreamweaver will then begin maintaining your files and
folders as well as monitoring your links.

Note: The Local Site folder will be identified for each lesson as the folder with the same name
as the lesson in the 092001Data folder (see step 2).
You will be creating a
site name and identifying
the Local Site folder for
1. Name the new site. each lesson to keep
a) On the Application bar, select Site→New Site. Dreamweaver focused
on the pages, graphics,
b) In the Site Setup for Unnamed Site dialog box, in the Site Name text box, type the site name you will
and other objects used
use for this lesson: 2EE
for each lesson.
2. Identify the site root folder.

a) To the right of the Local Site Folder text box, select the Browse for folder icon. The form of the site
b) In the Choose Root Folder dialog box, navigate to the C:\092001Data\Creating a Website folder. name will be the lesson
c) Select Open and then select Select. number and then the
letters EE serving as an
3. Identify the graphics folder. abbreviation for Emerald
Epicure. Example: 2EE
a) In the Site Setup for 2EE dialog box, select Advanced Settings. (for this lesson).
b) To the right of the Default Images folder text box, select the Browse for folder icon.
c) In the Creating a Website folder, select the graphics folder.
d) Select the Open button.
e) Select the Select button.

4. Save the site and confirm the listing of the site folders.
a) In the Site Setup for 2EE dialog box, select the Save button.
b) In the Files panel, note the site root folder, Creating a Website and the graphics folder.

Lesson 2: Creating a Website | Topic C

44 | Adobe® Dreamweaver® CS6: Part 1

5. Dreamweaver needs to know where you will be keeping your files for the website. That folder is called:
○  Website folder
○  Remote server folder
◉  Local site folder
○  Site files folder
6. The graphics folder holds the images used on the web pages. This folder should be stored:
○  On the desktop.
◉  In the site folder.
○  Anywhere.
○  On the server.
7. All of the following are considered site planning tools except:
○  Storyboards
○  Wireframes
○  Flow charts
◉  Dreamweaver

Lesson 2: Creating a Website | Topic C