v5 Week 07 The Web and HTML

Week	Topic	Learning Objectives
7	How the Web Works	Students will be able to explain what a browser, URL, domain, and IP address are; describe the difference between HTTP and HTTPS.
7	HTML and Accessibility	Students will be able to write basic HTML to format content into headers, sections, images, forms, etc.; understand file structure for the purpose of referencing other files within the same repository; explain the importance of using accessibility features when building a site.

Overview

After this week, students should be able to:

• Describe what the internet is.
• Describe what packets are and how they are used to transfer data.
• Understand the differences between a web page, web server, web browser and search engine.
• Briefly explain what a client is.
• Briefly explain what a server is.
• Explain what IP addresses are.
• Explain what DNS servers are.

• Intro to HTML and CSS
  • HTML for content, CSS for styling
  • HTML vs CSS vs JavaScript
• Basic HTML Syntax
  • Elements and Tags
  • HTML Boilerplate
    • Write basic HTML boilerplate
    • Open an HTML file in your browser
  • Working with text - paragraphs, headings, nesting, comments
  • Lists
  • Links and Images
  • Forms
  • Semantic HTML
  • Intro to core accessibility principles

Outline:

• The history of the internet
• How the world wide web works
  • Differences between a web page, web server, and web browser
  • Overview of web browsers
• DNS requests

Guidance for Mentors

This week is light on content because students are still practicing Git in the assignment. Make sure students feel confident with the GitHub workflow as the week wraps up - all of their future assignments will be submitted via GitHub.

Assignment Rubric

Students will get started on their personal portfolio this week! Their assignment submission should contain:

• Student's name
• About header
• A paragraph about the student
• Experience header
• List of experiences
• Connect header
• At least three links under the index.html file.

HTML code is optional this week - students will dive into HTML more next week.

Here's an example of a student submission:

<h1>NAME</h1>
<h2>ABOUT</h2>
<p>PARAGRAPH</p>
<h2>EXPERIENCE</h2>
<ul>
    <li>ONE</li>
    <li>TWO</li>
    <li>THREE</li>
</ul>
<h2>CONNECT</h2>
<a LINK ONE</a>
<a LINK TWO</a>
<a LINK THREE</a>

The main goal of this week's assignment is wrapping the content in last week's index.html file in boilerplate HTML. Check to see that the student has added:

• Head element, including title element and at least two additional elements from this W3 Schools resource
• Body element, properly opened and closed
• Appropriate heading and paragraph elements
• Section elements around the About, Experience, and Connect sections
• Completed pull request with new content