Dreamweaver is an XHTML editor that allows you to:

Create a siteCreate external Cascading Style Sheets

(CSS) to store the styles used in your pagesCreate templates to give your site a

consistent designImport a wide range of media e.g. Flash

animations & graphics created in PhotoShopManage your sitePublish your site to a Web Server

Three things you must consider first

The creative briefAn idea for the site

Decide on a Navigation ModelHow will users get around the site?

Create a paper based design Plan out your design – PowerPoint is a good

tool for this.Create your “Wireframe”

Used as a quick and effective means of testing the navigation of the site

The Creative BriefSo the first question is what shall we make

our site about?

You have this week and next to decide on a topic for your site

In this example we shall make a site about this module (Boring I know but it at least makes the point)

The Navigation Model (Examples)Linear Navigation Model (Slide show)

• Hub and Spoke Navigation Model

“Paper” Based Design

Welcome to CTEC2608

Unit 1 – Web Development

Unit 2 – Digital Imaging

Unit 3 – Animation

Unit 4 – Sound and vision

The Next Page

Unit 1

Week 1

Week 2

Week 3

Back to index.

CTEC2608 Multimedia and Internet Technology.

Week 4

Week 5

Week 6

And the nextUnit 2

Week 7

Week 8

Week 9

Back to index.

CTEC2608 Multimedia and Internet Technology.

Week 10

Week 11

Week 12

Compare these pages…

Unit 1

Week 1

Week 2

Week 3

Back to index.

CTEC2608 Multimedia and Internet Technology.

Week 4

Week 5

Week 6

Unit 2

Week 7

Week 8

Week 9

Back to index.

CTEC2608 Multimedia and Internet Technology.

Week 10

Week 11

Week 12

Two Tools for Creating PagesTemplates

Cascading Style SheetsInternal Style Sheets

External Style Sheets (This is the one we care about!)

Gives us …

By helping us to control the CSS

Selecting a Directory Structure The next step is to decide on a directory structure for the site, we will need

…

A main folder for the site.

e.g.

h:\public_html\ctec2608

CTEC2608

Unit 1 Unit 2 Unit 3 Unit 4

Once you have done all the prep!You may now open Dreamweaver!