Information Technology Reference
In-Depth Information
pages this way because I wanted to provide multiple techniques for assembling
Web pages. You will adopt the techniques which you feel most confident using.
Previously, you completed some storyboards that represent your Web pages
in very simple sketches. When you create your screens, you will refer to the
storyboards and begin to create the pages that you planned out during the visual
design process.
To review, the basic components that you should have included in your
storyboards are:
•
Image location
•
Text
•
Motion graphic and animation locations
•
List audio track or sounds to be played and explain how will be controlled
and positioned
•
Navigation, sub navigation (refer to your content outline and flowchart)
•
Sketch pop-up windows with sub-navigation, captions, and close but-
tons)
When designing screens, think about these elements and begin to design the
graphics and layout of your Web pages. For Web text and other Web
development items, simply leave a space for anticipated elements. For ex-
ample, you would leave space for a paragraph of HTML text in the body of the
page. Later, in Macromedia Dreamweaver, you would type in the text using a
Layer. Only graphical text will be designed into the screens in the image editing
application. Any text that needs to be edited or searched should be HTML-
based and inserted into the page after the screen design is created and
optimized for the Web. We add the text in Dreamweaver.
Pop-Up Windows
Pop-up windows are also screens, they are Web pages. If your pop-up
windows are simple in content, you can create them as Web pages in
Macromedia Dreamweaver. If they carry lots of graphics or graphical buttons,
then you may want to use an image editing program to create a Web page
