Day Three

1
Day Three

• Designing a Global Learning Environment

2
Global Projects

• Review Three Tiers of Teacher Competencies
• Design a Global Project
• Skills Required
• Gif Animation
• HTML
• FrontPage
• Research Questioning Skills
• Rubric Generation Skills
• Management Skills

3
Global Project

• Criteria

4
HTML

• Sandwich Commands
• Tag open close
• lthtmlgt
• lt/htmlgt

5
HTML Template

• lthtmlgt
• ltheadgt
• lttitlegt JOEs Home Page lt/titlegt
• lt/headgt
• ltbodygt
• lt/bodygt
• lt/htmlgt

6
HTML 5 Modifiers

• lthtmlgt
• ltheadgt
• lttitlegt JOEs Home Page lt/titlegt
• lt/headgt
• ltbody textffffff link000000
  vlink800000 alink080000
  bgcoloref80dcgt
• This is my FIRST Web Page
• lt/bodygt
• lt/htmlgt

7
Browser View

• This is my FIRST Web page.

8
Hexadecimal Color Chart

• Colors
• Copying From the Web
• Use View Source
• Find Body Tag
• Find Color
• Highlight
• Copy Paste into your Web page
• Can copy entire Body Tag Modifiers into Web
  Page

9
Choosing A Theme Sticking with it.

• Theme
• 5 Body Tag Modifier Colors
• Background
• Buttons
• Navigation Design
• Font Type Size
• Graphics
• Sounds, Music
• Animation / Dynamics

10
Rules of Thumb

• All graphics, sounds, html pages in SAME folder
  or sub folder
• Using a background image instead of a background
  color.
• ltbody backgroundfilename.jpg textffffff
  link800000 vlink080000 alinkef80cdgt
• Still 5 Modifiers
• Must have background image in the folder with the
  html file
• Background images will TILE

11
HTML 5 Modifiers

• lthtmlgt
• ltheadgt
• lttitlegt JOEs Home Page lt/titlegt
• lt/headgt
• ltbody textffffff link000000
  vlink800000 alink080000
  bgcoloref80dcgt
• ltbgtThis is my FIRST Web Pagelt/bgt
• lt/bodygt
• lt/htmlgt

12
Common Tags
13
HTML Editors

• Dida -- Free
• Hotdog -- Free
• MS Notepad -- Free
• FrontPage -- Reasonable

14
FrontPage 3 Modes

• Three Modes
• Normal Editing Mode Like Word Document
• Html Mode Like HTML Editor mainly used to
  clean up HTML
• Preview Mode Like viewing your pages in a
  browser Hotlinks, Animated Gifs special java
  applets work, BUT you cannot edit in the mode.