Year 12

1
Year 12
1

• Activity 4Starting your web page

2
Today you will
2

• Continue to plan and design your web site
  structure
• Decide on the software you will use to create
  your web page
• Begin to design the elements you will use to
  create your web page

3
Task 1a - Planning
3

• You need to have finalised your idea for a web
  page
• You need to make sure you have completed a
  planning sheet before you go on the computer
• Once you have a clear idea of what you are doing
  you need to think again about your navigation and
  at what resolution you are going to design your
  site

4
Task 1b - Navigation
4

• Navigation can be in three directions
• Horizontal
• Vertical
• Both
• Navigation can take two forms
• Text
• Images (or icons)
• Both

5
Navigation - Vertical
5
6
Task 2 - Horizontal
5
7
Navigation - Both
6
8
Task 1c - Links
8

• When creating a series of links for you main
  sections you have to consider
• The words and fonts you will use for the links
• Large numbers of words will mean they take up a
  lot of room on the page
• You should also make sure your links are of the
  same length
• You must also consider whether you are going to
  use buttons, images or text

9
Task 1c - Links
9
Home
Downloads
Home
10
Software
10

• There are three different pieces of software you
  could use
• FrontPage
• Mediator
• Dreamweaver

11
Comparison
4
12
Designing elements
12

• FrontPage layout in-built elements on the page
  create some of your own in Photoshop
• Mediator layout in-built elements on the page
  and experiment
• Dreamweaver create a page from scratch possibly
  in Photoshop or Fireworks

13
Finally screen resolution
13

• Screen resolution the amount of pixels on a
  page
• FrontPage design close to 800600
• Mediator design 640 480
• Dreamweaver design close to 800600

14
A good size
Not too small
Easy to read
Not too many
Suitable Font type
Suitable for audience
Suitablecolour
Fonts
Not too Much
Not too big
Images
Writing(Content)
Suitable for audience
Web sites (quick to load)
Obvious
Colours (Backgrounds)
Navigation
Not clashwith font colour
Easy to use
Suitable for audience
Shouldnt distract
Easy to find
Images
Not too busy
Shouldnt distract
Text