Lesson Plan - WebWork 101
Semester 1 WebWork 101 Week 5 & 6:

                   

ESLR's Targeted


_x_ Consciousness
_x_ Reason
__ Synergy
__ Action

DOK Level Targeted

_x_ Level 1 Recall
_x_ Level 2 Skill/ Concept
_x_ Level 3 Strategic Thinking
_x_ Level 4 Extended Thinking

Thinking Maps Utilized

Flow charts
relational diagrams

Essential Question(s):

Due to recent changes in the Schema, ~150 html tags have been depricated and functionality moved to "style". How are styles implemented?

Learning Target:

Creating styles and style sheets.

Targeted Vocabulary:

head, body, styles, stylesheets

SDAIE (Specially Designed Academic Instruction in English) Features:

Preparation


_x_ Adaptation of Content
__ Links to Background
_x_ Links to Past Learning
__ Strategies Incorporated

Scaffolding


_x_ Modeling
_x_ Questioning
_x_ Guided Practice
_x_ Comprehensible Input

Grouping Options


_x_ Whole Class
__ Small Groups
_x_ Partners
__ Independent

Integration of Process


_x_ Reading
_x_ Writing
_x_ Speaking
_x_ Listening

Reinforcement


__ Hands-on
__ Meaningful
_x_ Linked to Objectives
__ Promotes Engagement

CFU/Assessment


_x_ Individual
_x_ Group
__ Written
_x_ Oral

CFU (Checking for Understanding) Techniques: Refer to the CFU Techniques Index Handout

Individual


__ Half-statement
__ What's Next
__ Unbundling
__ Feign Ignorance
__ Why and How
__ Rollback
_x_ If/Then
__ Framework
_x_ Steering Hint

Whole Group


__ Call-and-Response
_x_ Write it Down
__ Visible Thinking
__ Forced Choice

Combined (Individual & Whole Group)


_x_ Think-Pair-Share
__ The Combo Meal

Response(s) to CFU: Refer to the CFU Techniques Index Handout

General


__ Take a Stand
__ I Need More Hands
__ Repeat

Stretch It (Correct)


_x_ Why and How
__ Another Way to Answer
__ A Better Word
__ Evidence
__ Integrate a Related Skill
__ Same Skill; New Setting

Right is Right (Partially Correct)


__ Hold out for All the Way
__ Answer My Question
__ Right Answer; Right Time
_x_ Technical Vocabulary

Break it Down (Incorrect)


_x_ Provide an Example
_x_ Provide Context
__ Provide a Rule
_x_ Refer to Steps
__ Rollback
__ Eliminate False Choices

No Opt Out (IDK's)


_x_ Hint and Return
__ Answer and Repeat

Subject: Physics

Component

W5 Tu Date:2/3/15

W5 Th Date:2/5/15

W6 M Date:2/9/15

W6 W Date:2/11/15

W6 F Date:2/13/15

Learning Target image links, image sizing and scaling (usemap, usemask) What is a style? Why would you move styles to the head section? Cascading styles. Cascading Style Sheets (CSS) Creating style id's
CC Strand or CA standard no state standard no state standard no state standard no state standard no state standard
Technology
Materials
Computers,
Chromebooks
internet
Computers,
Chromebooks
internet
Computers,
Chromebooks
internet
Computers,
Chromebooks
internet
Computers,
Chromebooks
internet
Warm Up {FM}What is a comparison matrix? How would you implement a comparison matrix on a webpage? {FM}What is the form of an image link? How would you size, scale or crop an image? {FM}What is the style attribute? What is the syntax for a style statement? Describe cascading styles. What is a style sheet? How do you define a style sheet?
Presentation image tag, attributes, alt tags, sizing, usemap Styles in your head! Decribe use of style statement in the head section as compared to putting styles in html elements. Cascading styles - example
Guided Practice finding free images, uploading and linking, creating an image tag< w3schools exercises./td> cascading styles - create webage with cascading styles
Independent Practice w3schools exercises - images, including images in a web page - c9 w3schools exercises / work on cascading styles webpage w3schools exercises / publish a simple webpage using c9.io w3schools exercises / debug webpage and ftp on c9.io
Closure Summarize lesson Summarize lesson Summarize lesson Summarize lesson Discuss strudent progress on individual projects
Exit
Assessment
show webpage with images, image tag, sizing and map Show webpage with cascading styles
Lesson
Modifications
         
Anticipated
Misunderstandings