MACROMEDIA DREAMWEAVER 8-EXTENDING DREAMWEAVER Bedienungsanleitung PDF herunterladen (Seite 8)

Creating a thorough outline of the site as well as a detailed ﬂowchart or storyboard is

an important step of the planning process.

More detailed individual page-level ﬂowcharts are often developed at this stage as well

to organize the content prior to the design stage in the Phase 3. You’ll work on this type

of page-level content organization in Lesson 2.

•

Setting up file and folder structure: It is important to set up a strategy for ﬁle

management at the beginning of the development process. Keeping different types of

media together in individual folders for each ﬁle type is a good way of doing this. You

might have an HTML folder, an images folder, a Cascading Style Sheets (CSS) folder

and a multimedia folder. Using a folder called html_docs to contain only HTML or

XHTML ﬁles, for instance, will help keep those ﬁles organized and easy to ﬁnd. If the

site is very large, you might want to break it down into more manageable portions

with a folder for each section and possibly subsections—in which case, there may be

folders for the same ﬁle types in each section and subsection folder. If you have elements

such as graphics that are used site-wide, you might want to create a common folder(s)

in the main folder for such ﬁles to avoid duplicating the same ﬁles in various locations

throughout the site. Creating a visual ﬂowchart of the different folder levels can help

you in the process of deﬁning the folder hierarchy. A clean, well-structured Website is

much easier and more efﬁcient to develop and maintain than one that is disorganized.

Yo u’ll learn more about site structure and folder hierarchy as they relate to links in

Lesson 3. In this book, the ﬁle organization is arranged by lesson.

In the next exercise, you’ll be able to see the structure of the Yoga Sangha

project site by looking at the folders and ﬁles within the DW8_YogaSangha/

Completed_YogaSangha_SampleSite folder.

Phase 3: Development—Designing the Site

When designing a Website, you can start by creating thumbnails that show general designs—

a quick brainstorming method of getting visual representations of your ideas on paper.

Throughout this process, you should continue to take into account the responses to the

questions asked in Phase 1 and the results of your research. The second step of developing

your design is to ﬁll out more detailed sketches from the best of your initial ideas. Finally,

full mockup(s) of how the pages will look can be created for the chosen design. During

this design process, there is usually a great deal of communication with the client—you

don’t want to complete a full mockup for design ideas that are nothing like what your

client is expecting. This is the stage at which many of the graphical elements for the site

are created—you’ll be working on creating page layouts in Lesson 4 and incorporating

graphics in your pages in Lesson 5.

8 LESSON 1

01_DW8 tfs(1-38).qxd 03/06/2006 12:20 PM Page 8

ISBN: 0-558-13856-X

Published by Peachpit Press, a Pearson Company.

1 2 3 4 5 6 7 8 9 10 11 12 13 ... 37 38

Keine Kommentare

MACROMEDIA DREAMWEAVER 8-EXTENDING DREAMWEAVER Bedienungsanleitung Seite 8