Create and save a new page 165
You’ll notice that the graphic designer has provided you with a web page
comp that includes a number of content areas, as well as some graphic
ideas. In the next sections, you’ll use Dreamweaver to lay out this design.
You can also open the original comp file that you created in Chapter 5,
“Tutorial: Creating Page Mock-ups” if you want to see it on the computer
screen. If you haven’t created the comp, you can go back and complete the
tutorial, or you can look at a finished version of the tutorial in the
cafe_townsend/completed_files/fireworks folder.
Create and save a new page
After you set up a site and examine any comps, you are ready to begin
building web pages. You’ll start by creating a new page, and saving it in the
cafe_townsend local root folder of your website. The page eventually
becomes the home page for Cafe Townsend, a fictional restaurant.
If you haven’t created the cafe_townsend local root folder, you must do so
before you proceed. For instructions, see
Chapter 4, “Tutorial: Setting Up
Your Site and Project Files.”
1.
In Dreamweaver, select File > New.
2.
On the General tab of the New Document dialog box, select Basic Page
from the Category list, select HTML from the Basic Page list, and
click Create.
3.
Select File > Save As.
4.
In the Save As dialog box, browse to and open the cafe_townsend folder
that you defined as the site’s local root folder.
In
Chapter 4, “Tutorial: Setting Up Your Site and Project Files”
, you
created this folder within a folder called local_sites.
5.
Enter
index.html
in the File Name text box and click Save.
The filename now appears in the title bar at the top of the
application window.
000_ExploringStudio.book Page 165 Tuesday, August 30, 2005 9:30 AM
Summary of Contents for STUDIO 8-EXPLORING STUDIO 8
Page 1: ...Exploring Studio 8...
Page 8: ......
Page 42: ...42 Learning Studio...
Page 134: ...134 Web Development Workflow...
Page 136: ......
Page 162: ...162 Tutorial Creating Page Mock ups...
Page 182: ......
Page 194: ...194 Tutorial Handling Photographs...
Page 254: ...254 Tutorial Building Your First Flash Application...
Page 266: ...266 Tutorial Building a Video Player Flash Professional only...
Page 268: ......
Page 294: ...294 Tutorial Adding Content to Pages...
Page 324: ...324 Tutorial Formatting Your Page with CSS...
Page 332: ...332 Tutorial Publishing Your Site...
Page 342: ...342 Tutorial Setting Up Your Website for Contribute Users...
Page 350: ...350 Index...