Web Page Design

1
Web Page Design

• Mrs. Carmen Herea
• International Academy LEAP

2
Class Activities

• Web page design - Introduction
• HTML
• Photoshop, digital camera, scanner, Internet,
  video camera
• Collect assets that will be posted on your
  website
• Pictures
• Logo
• Artwork
• Animation
• movie
• Front Page - Level1
• Project - Personal Web Page
• Planning your website
• Final Presentation

3
Photoshop

• Take pictures for your projects ( ask me when you
  need the digital camera)
• Design a logo, a banner
• Artwork
• Scan pictures for your personal web page
• Search Internet for free pictures only for your
  projects

4
Web Page Design - Introduction

• Web site a collection of individual web pages
  linked to one another
• Browser - a program used to view Web pages on
  the Internet
• Microsoft Internet Explorer
• Mozilla Firefox
• HTML - Hypertext Markup Language is a
  scripting language used to create web pages
• Set of tags (e.g. ltheadgt lt/headgt)
• Front Page desktop application used to create,
  edit, save, and publish webs

5
HTML Page

• Write the HTML code using NotePad
• Use comments
• All components must appear on one page
• Text
• Link
• Image
• Table
• Div

6
Personal Web Project

• Design a Home page
• Design at least three pages linked to home page
• Photo gallery
• Art gallery
• My world
• My favorite music albums, music lyrics
• My favorite movies, computer games
• My goals
• Colleges, Jobs, Trips
• Resume and other
• Navigation

7
Making Movie Process

• Plan the movie
• Fill in the storyboards with scenes and narration
  for the movie
• Use schools video camera to record the movie
  assets
• Use iMovie to edit the movie
• Upload the movie on a server
• Present the movie to your classmates

8
Art Gallery
Take pictures of your artwork
9
Personal Web Page Sample

• Minimum requirement
• http//www.geocities.com/mrsherea/

10
Final Presentation

• Advertise your website in a 5 min presentation
• If youd like use PowerPoint slides to deliver
  your presentation
• Include the following
• Purpose of the site
• Audience Analysis
• who are the users of your site
• Site Plan
• List of files
• List of hyperlinks
• Website Demo

11
Enjoy the class!