TEST REVIEW INFO!

WEBSITE PRODUCTION PHASES:
DEFINE:

• Interview the client to understand goals, audience, content, design, and delivery requirements.
• Organize and outline interview information to help define the site.

STRUCTURE:

• Develop and communicate structure and organization of site based on interview and content.
• Use a flowchart to organize information across site.
• Use screen views with simple shapes for buttons and graphics to show location of information on pages.
• Show how site information will flow without providing too many details about each page.

DESIGN:

• Create visual comps to present the site brand or visual expression through colors, fonts, and images.
• Leave comps rough, with room for change—enable client to participate in the design process.
• Validate design choices against client goals and target audience.
• Present at least two visual comps and describe how they meet audience, goals, style, and delivery needs.
• Incorporate client feedback, adding more content as client approves design elements.

BUILD AND TEST:

• Create production storyboards to help define content and navigation.
• Use page templates, library items, and styles to help teams build pages efficiently and with a consistent look.
• Check files in and out to coordinate work.
• Conduct a technical test to validate content, links, and graphics against production storyboards.
• Conduct a usability test to make sure the site is easy to use.
• After testing, revise the site to fix technical errors and incorporate feedback from usability testers.

LAUNCH:

• Use effective page titles to help search engines that look for content.
• Use alternative text for images to help search engines that look for images.
• Submit to topic-specific search engines to promote the site.

STORY BOARD:

• A storyboard is a scene-by-scene drawing of the sequence of action.
• Storyboards tell the story visually with enough detail for developers to know what to build.
• The anatomy of the storyboard can change by the specific usage. 
• The notes are at the bottom and indicate the audience and purpose.
• Note that the scale is indicated. 

Static – No action elements indicated. Used for a graphical design such as a logo or page banner.
Animatic – Indicating action, movement, camera angles, or the passage of time. Typically used in making movies.
Why storyboard?

• Easier and cheaper to produce and test ideas on paper before production.
• Easier to generate alternate ideas as you think of them.
• Effective tool to check that the finished product is what it should be!

Dreamweaver:
Document window: displays the current document as you create and edit it.
Insert bar contains buttons for creating and inserting objects such as images, tables, layers, and frames you might want to add to your web pages.
Property inspector: displays properties for the selected object or text and lets you modify those properties. The right side of the window, by default, displays panels you can expand or collapse as you need them.
Files panel: displays the organization of your site and lets you open files for editing, publish files to a server, or delete files.Assets panel provides two ways to view site assets. Site assets are elements used in a site, such as images, colors, or movies.
Setting up a Local Root Folder
The first thing to do when creating a new website with Dreamweaver  is to define a site and identify a root folder where you will save all files, images, and other elements for the web pages.

• 1. Create a folder on your computer to serve as the main folder for your website. Give the folder a name that identifies the website. This folder is called the local root folder.

Aim: How to define a site with DreamWeaver?

Welcome to the third and last Marking Period.!!!!!!

Defining a site

1. Start Dreamweaver CS3. The Start page will open automatically.

Use the Dreamweaver Welcome Screen to start a new website.

2. To start a new web page, choose Dreamweaver Site under the Create New heading in the Welcomejavascript:void(0) Screen. You could choose HTML, but that would be inefficient, especially if your site will have more than just a few pages.

The Site Definition dialog box appears.

The Site Definition dialog box has options for setting up your site.

Both the Site Definition Wizard (the Basic tab) and the Advanced tab in the Site Definition dialog box let you set up your site in exactly the same way. The wizard gives you a lot more information about each field and leads you step-by-step through the process. The Advanced tab lets you choose setup options from menus. All the information required to set up your site is in the Local and Remote view areas of the dialog box.

3. Select the Advanced tab and the Local Info category . In this tutorial, you'll concern yourself only with the Local Info.

The Advanced part of the Site Definition dialog box has Local and Remote setup options.

4. For the Site Name, type Aquo Site. The Site Name is a name of your choice that's like a nickname for your site. It's an internal reference and won't appear anywhere within the site itself.

5. Next to the Local Root Folder text box, click the folder icon. The Local Root folder is the most important information in the Site Definition dialog box. Selecting the folder defines your site.

6. In Windows, choose the folder of yor site without opening any subfolders, and click the Select button.

Now you've supplied Dreamweaver with the bare minimum amount of information you need to get started working on your site.

7. Click OK to close the dialog box. Dreamweaver scans the local root folder and creates an index of its subfolders, web pages, and assets; then it displays the subfolders and files in the Files panel (see Figure 4). Choose Window > Files to open the panel if it is hidden.

The files for the defined site appear in the Files panel.

8. In the Files panel, notice the site name displayed in the top pop-up menu. As you create more sites in Dreamweaver, they will appear in this menu. Other locations on your computer also appear in this list, in case you need to access files stored elsewhere.

9. Use the Files panel to do any file management for the site that you have defined in Dreamweaver. Don't move files using operating system tools: Dreamweaver cannot track changes made to your site folders if you make them outside the Dreamweaver interface.

Aim: What Language would you use to create your Site?

Now that you have experience working with HTML and Flash What do you think?

Post a Blog entry on your blog of about a paragraph or two answering the following question.

whether is it better to design a website using Flash rather than using just HTML?

Base your response on you own expirience and the Article that was handed out yesterday during class.

This is due Today by the end of the period!

AIM:How to read dreamweaver interface

Dreamweaver Interface

Document window displays the current document as you create and edit it.

Insert bar contains buttons for creating and inserting objects such as images, tables, layers, and frames you might want to add to your web pages.

Property inspector displays properties for the selected object or text and lets you modify those properties. The right side of the window, by default, displays panels you can expand or collapse as you need them.

Files panel displays the organization of your site and lets you open files for editing, publish files to a server, or delete files.

Assets panel provides two ways to view site assets. Site assets are elements used in a site, such as images, colors, or movies.