140 likes | 333 Views
Day Three. Designing a Global Learning Environment. 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. Global Project. Criteria.
E N D
Day Three Designing a Global Learning Environment
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
Global Project • Criteria
HTML • “Sandwich” Commands • Tag– “open” & “close” • <html> • </html>
HTML Template • <html> • <head> • <title> JOE’s Home Page </title> • </head> • <body> • </body> • </html>
HTML 5 Modifiers <html> <head> <title> JOE’s Home Page </title> </head> <body text=“#ffffff” link=“#000000” vlink=“#800000” alink=“#080000” bgcolor=“#ef80dc”> This is my FIRST Web Page </body> </html>
Browser View This is my FIRST Web page.
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
Choosing A Theme & Sticking with it. • Theme: • 5 Body Tag Modifier Colors • Background • Buttons • Navigation Design • Font Type & Size • Graphics • Sounds, Music • Animation / Dynamics
Rules of Thumb • All graphics, sounds, html pages in SAME folder or sub folder • Using a background image instead of a background color. • <body background=“filename.jpg” text=“#ffffff” link=“#800000” vlink=“#080000” alink=“#ef80cd”> • Still 5 Modifiers • Must have background image in the folder with the html file • Background images will TILE
HTML 5 Modifiers <html> <head> <title> JOE’s Home Page </title> </head> <body text=“#ffffff” link=“#000000” vlink=“#800000” alink=“#080000” bgcolor=“#ef80dc”> <b>This is my FIRST Web Page</b> </body> </html>
HTML Editors • Dida -- Free • Hotdog -- Free • MS Notepad -- Free • FrontPage -- Reasonable
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.