Monday, December 3, 2018

CS Education Week 2018 - CS Discoveries Unit 2 - Lesson 3: Intro to HTML

In Unit 2, you’ll learn how to create and share the content on your own web pages. After deciding what content you want to share with the world, you’ll learn how to structure and style your pages using HTML and CSS. You’ll also practice valuable programming skills such as debugging and commenting. By the end of the unit, you’ll have a personal website that you can publish to the Internet.

Lesson 3: Intro to HTML

Web Lab

Overview

In this lesson students are introduced HTML as a solution to the problem of how to communicate both the content and structure of a website to a computer. The lesson begins with a brief unplugged activity demonstrating the challenges of effectively communicating the structure of a web page. Students then look at an exemplar HTML page in Web Lab and discuss with their classmates how HTML tags help solve this problem. Students then write their first HTML. A wrap-up discussion helps to solidify the understanding of content vs. structure that was developed throughout the lesson.

Purpose

This lesson introduces many new concepts and tools to students. They are introduced to HTML, the Web Lab tool, and how to navigate lesson resources on Code.org in general. While the understanding of HTML as a way to communicate the structure of a web page is a critical learning objective, this lesson has students do minimal programming since there are many other new ideas and tools to grasp. In the next lesson students will have more time to spend programming in HTML.

Agenda

Vocabulary

HTML - Hypertext Markup Language, a language used to create web pages
HTML Element - A piece of a website, marked by a start tag and often closed with an end tag
HTML Tag - The special set of characters that indicates the start and end of an HTML element and that element's type
Website Content - The raw text, images, and other elements included in a web page
Website Structure - The purpose of different pieces of content in a web page, used to help the computer determine how that content should be displayed

Introduced Code

Example Site:

https://codeprojects.org/t0CRT-85_y-VLFBO5RF3VQ/

Standards Alignment

View full course alignment

CSTA K-12 Computer Science Standards (2017)

AP - Algorithms & Programming

CMS-535 Technology Photography Contest

Click Here To See Contest Website (Under Construction)

Every two weeks there will be a new topic to submit a photograph for. All photographs will be collected, reviewed, and posted to a website. Once completed, voting will determine a winner! All photographs must conform to all standards for school appropriateness. You may interpret the weekly topics as you like, but the final decision to post the photographs will be up to Mr. S. There might be prizes awarded to the winners. There might even be some kind of Best Photo of the Year or something. Take your photographs using equipment from home, or borrow a camera from Mr. S.

Choose a topic (see below), take some pictures (NO PICTURES FROM THE INTERNET - Must Be Authentic, and Your Own Work! I will be checking - If I find your picture online, it will be disqualified.)

Once taken, save your image to a computer and email it to yourself. Make sure to save the largest format available, and click the link from the Theme below to upload your image to the appropriate DropBox Request. The photos will be delivered to me electronically, and I will post them on the voting website. Once the voting is done, winners will be announced! Good Luck!

Topic 01 (26AUG19 to 09SEP19):

Theme: "End Of Summer"

"End of Summer" Dropbox Link

Click here to learn more about Digital Photography Presentation (Basics)

Be Creative! Try Different Filters, Photoshop or Pixlr.com, and learn more about photography! Have Fun!

- Mr. S

Standards Analysis 17-18 (By Project)

Pennsylvania Career Education and Work (CEW) Standards

Self-Evaluation & Reflection Surveys

Students will be reviewing all class rules, syllabus, and requirements with their parent/guardian. During the next few days, students will take a battery of self-paced surveys designed to help them understand how they learn best, how they are motivated to complete work, and about some of the skills that make them unique and successful both in an out of the classroom. The following standards apply:

PA 13.1.8A Career Awareness and Preparation

Relate careers to individual interest, abilities, and aptitudes.

13.1.8G Create an individualized career plan including, but not limited to Assessments, Career Goals, individual interests and abilities, and Training/Education requirements.

General Computer-Based / Project Based Classroom Standards Met:

PA Common Core 8.5.6-8G: Integrate visual information (e.G. charts, graphs, maps, video, etc.) with other information in print or digital format.

ISTE 3.3A: Students plan and employ effective research strategies to locate information, and other resources, for intellectual and other pursuits.

ISTE 3.3D: Students build knowledge by actively exploring real world issues and problems, developingideas, and pursuing answers and solutions.

CSTA Collaboration 1: Apply productivity/multimedia tools, and peripherals, to a group collaboration and supportlearning throughout the curriculum.

CSTA CPP1: Use advanced tools to create digital artifacts.

CSTA 2017 / NGSS 2016 / ISTE 2017

PDESAS.Org / Common Core Ties

Code.Org CS Discoveries Curriculum

Introduction to Problem Solving (Unit 1)

EAE / MS-ETS 1.1

SWBAT Define the criteria and constraints of a design problem with sufficient precision to ensure a successful solution.

Click Here For Full Standards Analysis Plan

STEAM Enrichment (formerly EAE)