DIDA Unit 2 the ePortfolio 2

1
DIDA Unit 2the ePortfolio (2)
2
Objectives

• To have set up a new area for your web site
• To be able to use the necessary DreamWeaver
  functions to build your homepage
• To have started your ePortfolio home page
• To have chosen you home site wording carefully to
  suit your audience

3
Lets get techie!

• This page has rollovers, flash buttons, text
  links, hotspots, tables and Flash animations
• You need to think which you will use
• You need a rough design of your home page on
  paper
• Using the handout, spend 10 minutes drafting a
  plan for your home page layout

4
Setting up your web site

• We need to define a new site
• Lets all do it together!
• Now we can create the home page
• Demo of how to use tables to arrange the layout
  of your page
• All start on the layout of your home page

5
The key elements

• You must have
• Title
• Personal details
• SPB reference
• Welcome/explanatory text
• Links, email, important considerations
• Think about your audience
• Your candidate numbers
• The SPB is D202 SPB 0907
• Add these key elements onto your home page

6
Creating Rollovers

• A rollover is just two images which are the same
  size
• Demo of creating images using Fireworks
• Demo of using the images in a site
• Link can be added later
• Start to create your rollovers, or use standard
  flash buttons instead

7
What will the other pages look like?

• Your home page is a form of splash screen
• The other pages could be standard style pages for
  consistency and clarity (as detailed in the mark
  alert)
• You can use the same links/rollovers/buttons but
  in a different layout
• Diaries!