I am going to do day 3,4 and 5. When I taught the unit, I didn’t think I had enough content to give them the strong background they needed to make really strong webpages.
I am a beginner with this material so I am doing Days 3-4.An introduction to the use of basic html.
I am going to do the Unit 3 Final project lesson.
My lesson review for Unit 3: One Pager:U3
Students will combine their knowledge from unit three to create a multipage website. Students have worked through this tutorial and will use this source code to help them begin. Assessment will be their adherence to rubric.
I will be doing beginners also
I really enjoyed thinking of new ways to teach Days 22-25: Final Project. I was able to have my kids make their own fan website using HTML and incorporating what we learned through w3schools.com. I had a few kids assign themselves table design and graphic design. I even had a student use photoshop to get the desired picture in his code, but my favorite extension was taking all of these items and incorporating them into google sites. My students used a combo of tools to understand how to put together a site without having to reinvent everything. I felt that by marrying the two (there’s an html feature on google sites), my students were set up to better navigate through scratch.mit.when we got to that unit. I found a lot of success with it, and my kids were extremely happy with their work.
UNIT
3
Lesson 3-4,5: Basic HTML
Overview
Provide a general overview the lesson. Include teaching tips here, if any
.
We will create a storyboard, demo an html editor, the html page and it’s different parts. We will review tags learned and html pages that include emphasized text.
Lesson Summary
Provide an overview of the various parts of the lesson (especially important if you suggest changing the lesson sequence)
Then, list the lesson sequence. First activity - Second activity, etc.
Create a storyboard (15 minutes)
Demo html editor as students follow along (15 minutes)
Create html page with a title and a body (15 minutes)
Create html page with paragraph and headings (25 minutes)
Create html page with line breaks and horizontal ines (40 minutes)
CS Content
Provide a brief overview the CS content covered in this lesson.
In this lesson we were outlining design elements.
Objectives
Students will be able to:
Create a storyboard for a web page
Navigate a html editor
Create an html page with titl and body
Create an html page with paragraph tags and headings
Create html page line breaks and horizontal lines.
Create an html page that includes emphasized text
Resources
Student Documents
Code Studio
www.w3schools.com/html/
Video
Assessments
Notes
I will be working on day 6-7
I cannot make the link work. I guess i am not doing something right.
UNIT
3
Lesson 3-4,5: Basic HTML
Overview
Provide a general overview the lesson. Include teaching tips here, if any
.
We will create a storyboard, demo an html editor, the html page and it’s different parts. We will review tags learned and html pages that include emphasized text.
Lesson Summary
Provide an overview of the various parts of the lesson (especially important if you suggest changing the lesson sequence)
Then, list the lesson sequence. First activity - Second activity, etc.
Create a storyboard (15 minutes)
Demo html editor as students follow along (15 minutes)
Create html page with a title and a body (15 minutes)
Create html page with paragraph and headings (25 minutes)
Create html page with line breaks and horizontal ines (40 minutes)
CS Content
Provide a brief overview the CS content covered in this lesson.
In this lesson we were outlining design elements.
Objectives
Students will be able to:
Create a storyboard for a web page
Navigate a html editor
Create an html page with titl and body
Create an html page with paragraph tags and headings
Create html page line breaks and horizontal lines.
Create an html page that includes emphasized text
Resources
Student Documents
Code Studio
www.w3schools.com/html/
Video
Assessments
Notes
Day 6-7 Images
UNIT
3
Instructional Days 6-7 Images
Overview
Provide a general overview the lesson. Include teaching tips here, if any
.
We will identify and differentiate between various images formats, resolutions and why you would use certain types and different resolutions. We will also create a basic webpage that includes images.
Lesson Summary
Provide an overview of the various parts of the lesson (especially important if you suggest changing the lesson sequence)
Then, list the lesson sequence. First activity - Second activity, etc.
- Discussion of web image formats.
- Demo using Photoshop (Preview can also be used.)
- Practice selecting and cropping an image.
- Code for images
- Discussion regarding where images “live” They must be housed in the same place as the html or the student must create the appropriate path for the image and the html to follow.
CS Content
Provide a brief overview the CS content covered in this lesson.
Objectives
Students will be able to:
- Identify the standard image resolution for the web (72 dpi)
- Resize and crop images
- Identify image formats
- Creation of a webpage that includes working images.
Resources
Student Documents
Code Studio
www.w3schools.com/html/
http://photoshop.com/express
Video - YouTube on basic cropping/resizing
Assessments - web page with working images
I am going to work on the Day 14 HTML links lesson.Unit 3 - Challenge One Pager
I’m going to focus on Day 6-7 HTML - images.
And here’s my one-pager!
I felt that teaching the students HTML was easy and interesting because we finally had a chance to dive into some real programming. When it was time to transition into Day 8-10 Basic CSS, I found it to be the perfect opportunity to for a challenge, allowing certain groups of students to either apply their CSS inline, internal or external. Each student will get to the same end result but how they got their is unique, and they can share and compare their experiences.
I plan to work on html and css with my students as the main emphasis and will use the challenges that come with these areas.
Challenge- Unit 3 Day 3-4,5.docx (22.8 KB)
Unit 3 Challenge Docs:
Unit 3 Lesson Overview
HTML Basic Tags Handout
Cats or Dogs Storyboard
Cats or Dogs Recreated Storyboard Worksheet
Pilot/Co-Pilot Handout
Tag Description Chart
Recreating Biography Directions Handout
Finished Recreated Biography Screenshot Worksheet
De-bugging Code Directions Handout
De-bugging Code Level Easy
De-bugging Code Level Medium
De-bugging Code Level Hard
De-bugging Code Worksheet
-Angelina Dominguez
I am trying the Khan Academy HTML and CSS course with my class. I have never used Khan Academy before so this will be a great opportunity to try it.
While CSS is a streamlining method for web design using direct html coding, it is difficult to transition to CSS without slipping over to app-based drag-&-drop site creation and many of the basic html tag lessons (in W3 schools for instance) lead students to CSS before mastering the basic html. As a non-user, it is difficult for me to give strong instruction for CSS