• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Web Design Lesson 1

Web Design Lesson 1



Intro Lesson

Intro Lesson



Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Web Design Lesson 1 Web Design Lesson 1 Presentation Transcript

    • Web Design M6/12 English Program – Satree Phuket Aj. Jamie
    • Web Design
      • For this course we will be using Macromedia Dreamweaver.
      • Dreamweaver is a WYSIWYG Web authoring tool.
      • WYSIWYG stands for What You See Is What You Get.
    • Web Design
      • This semester you will create a portfolio of your work which you will display online.
      • We will also take a look at different types of recent web technology.
    • Web Design
      • Last school year you used Adobe Flash (Graphic Animation) and Adobe Photoshop (Graphic Design).
      • We will be using these tools to improve and enhance your Web Pages.
    • Web Design
      • What makes a well designed website?
      • We’ll look today at 7 important web design features:
        • Easy Navigation
        • Images
        • Graphics
        • Colour
        • Interesting Content
        • Concise
        • Animations
    • Easy Navigation
      • How easy is it to move from one page of a website to another?
      • Does it fit nicely on the screen?
      • Does it have a clear menu on every page?
      • Drop down menu?
      • Search Box?
      • Link to Help?
      • Example:
        • www.flickr.com
    • Images
      • A high quality photo related to your website can improve the overall look.
      • Simple and clear.
      • Interesting.
      • Introduces the
      • website
      • Example:
        • www.pizzahut.com
    • Graphics
      • A logo is an important graphic for your website or company.
      • Graphics can also be used for navigation.
      • Can include your
      • website or company
      • name.
      • Example:
        • www.funkypool.com
    • Colours
      • The colours you choose to use for your
        • website are also important. Using a colour or
        • set of colours for your menus, text and images
        • can give your website a neat and tidy look.
      • But be careful,
        • bright colours or
        • too much of one
        • colour can make
        • your website
        • look untidy and
        • difficult to read….
      • www.facebook.com
    • Interesting Content
      • Is the information on the website interesting for people using the site?
      • A good website will always be changing and evolving to serve the needs of it’s customers.
      • Example:
        • www.hi5.com
    • Concise
      • Concise - expressing or covering much in few words.
      • Pages and pages of long boring text will scare web surfers away.
      • Example:
        • www.phuketgazette.com
    • Animations
      • Animations can add humour and life to a web page.
      • Be careful, too many animations can make a page look untidy and childish!
      • Example:
      • http://coraline.com/
    • Web Design
      • Task today:
        • Work in Groups of 3 or 4 to create a PowerPoint presentation.
        • Find 1 website that displays a good example of each of the 7 important web design features.
        • Find 1 website that displays a bad example of each of the 7 important web design features.
        • (Total 14 websites = 14 slides plus title, introduction and conclusion)
    • Example
      • In my opinion www.wibblywobbly.com has an excellent example of really easy navigation. I think it is easy because .....