Please enable JavaScript to use CodeHS

Texas Web Design

Description

In this lesson, students will be introduced to HTML: the language for building web pages. Students will discover why HTML is important and how it works in order to start building their own web pages.

Objective

Students will be able to:

  • Identify the purpose and applications of HTML
  • Create their first simple web page

Enduring Understandings

This lesson builds toward the following Enduring Understandings (EUs) and Learning Objectives (LOs). Students should understand that…

  • EU 1.1 Creative development can be an essential process for creating computational artifacts. (LO 1.1.1)
  • EU 1.2 Computing enables people to use creative development processes to create computational artifacts for creative expression or to solve a problem. (LOs 1.2.1, 1.2.3, 1.2.5)
  • EU 3.2 Computing facilitates exploration and the discovery of connections in information. (LO 3.2.1)
  • EU 5.1 Programs can be developed for creative expression, to satisfy personal curiosity, to create new knowledge, or to solve problems (to help people, organizations, or society). (LOs 5.1.1, 5.1.2)
Description

In this lesson, students will level up from learning about simple tags to full HTML documents. Students will discover some new tags that allow information to be placed in different areas of the web page. Students will also learn about the nested tree structure of an HTML document.

Objective

Students will be able to:

  • Discern the various parts of an HTML page
  • Create fully formed HTML pages

Enduring Understandings

This lesson builds toward the following Enduring Understandings (EUs) and Learning Objectives (LOs). Students should understand that…

  • EU 1.1 Creative development can be an essential process for creating computational artifacts. (LO 1.1.1)
  • EU 1.2 Computing enables people to use creative development processes to create computational artifacts for creative expression or to solve a problem. (LOs 1.2.1, 1.2.3, 1.2.5)
  • EU 5.1 Programs can be developed for creative expression, to satisfy personal curiosity, to create new knowledge, or to solve problems (to help people, organizations, or society). (LOs 5.1.1, 5.1.2)
Description

In this lesson, students learn about formatting tags that let them modify the appearance of text and make their web pages look clear and aesthetically pleasing.

Objective

Students will be able to:

  • Apply formatting tags in order to modify the appearance of text and make web pages look clear and aesthetically pleasing

Enduring Understandings

This lesson builds toward the following Enduring Understandings (EUs) and Learning Objectives (LOs). Students should understand that…

  • EU 1.1 Creative development can be an essential process for creating computational artifacts. (LO 1.1.1)
  • EU 1.2 Computing enables people to use creative development processes to create computational artifacts for creative expression or to solve a problem. (LOs 1.2.1, 1.2.3, 1.2.5)
  • EU 5.1 Programs can be developed for creative expression, to satisfy personal curiosity, to create new knowledge, or to solve problems (to help people, organizations, or society). (LOs 5.1.1, 5.1.2)
Description

In this lesson, students learn how to add hyperlinks to their web pages using the <a> tag.

Objective

Students will be able to:

  • Add and utilize hyperlinks on their webpages

Enduring Understandings

This lesson builds toward the following Enduring Understandings (EUs) and Learning Objectives (LOs). Students should understand that…

  • EU 1.1 Creative development can be an essential process for creating computational artifacts. (LO 1.1.1)
  • EU 1.2 Computing enables people to use creative development processes to create computational artifacts for creative expression or to solve a problem. (LOs 1.2.1, 1.2.3, 1.2.5)
  • EU 3.2 Computing facilitates exploration and the discovery of connections in information. (LO 3.2.1)
  • EU 5.1 Programs can be developed for creative expression, to satisfy personal curiosity, to create new knowledge, or to solve problems (to help people, organizations, or society). (LOs 5.1.1, 5.1.2)
Description

In this lesson, students learn how to add images to their own web pages using the <img> tag!

Objective

Students will be able to:

  • Embed an image in HTML

Enduring Understandings

This lesson builds toward the following Enduring Understandings (EUs) and Learning Objectives (LOs). Students should understand that…

  • EU 1.1 Creative development can be an essential process for creating computational artifacts. (LO 1.1.1)
  • EU 1.2 Computing enables people to use creative development processes to create computational artifacts for creative expression or to solve a problem. (LOs 1.2.1, 1.2.3, 1.2.5)
  • EU 5.1 Programs can be developed for creative expression, to satisfy personal curiosity, to create new knowledge, or to solve problems (to help people, organizations, or society). (LOs 5.1.1, 5.1.2)
Description

In this lesson, students learn how to add lists to their web pages and practice making different kinds of lists.

Objective

Students will be able to:

  • Incorporate different kinds of lists to their web pages

Enduring Understandings

This lesson builds toward the following Enduring Understandings (EUs) and Learning Objectives (LOs). Students should understand that…

  • EU 1.1 Creative development can be an essential process for creating computational artifacts. (LO 1.1.1)
  • EU 1.2 Computing enables people to use creative development processes to create computational artifacts for creative expression or to solve a problem. (LOs 1.2.1, 1.2.3, 1.2.5)
  • EU 3.2 Computing facilitates exploration and the discovery of connections in information. (LO 3.2.1)
  • EU 5.1 Programs can be developed for creative expression, to satisfy personal curiosity, to create new knowledge, or to solve problems (to help people, organizations, or society). (LOs 5.1.1, 5.1.2)
Description

In this lesson, students learn how to create and add tables to their web pages!

Objective

Students will be able to:

  • Create tables in their web pages
  • Explain the benefits of including tables on web pages
  • Compare various ways of displaying information and choose the appropriate format

Enduring Understandings

This lesson builds toward the following Enduring Understandings (EUs) and Learning Objectives (LOs). Students should understand that…

  • EU 1.1 Creative development can be an essential process for creating computational artifacts. (LO 1.1.1)
  • EU 1.2 Computing enables people to use creative development processes to create computational artifacts for creative expression or to solve a problem. (LOs 1.2.1, 1.2.3, 1.2.5)
  • EU 3.2 Computing facilitates exploration and the discovery of connections in information. (LO 3.2.1)
  • EU 5.1 Programs can be developed for creative expression, to satisfy personal curiosity, to create new knowledge, or to solve problems (to help people, organizations, or society). (LOs 5.1.1, 5.1.2)
Description

In this lesson, students will use HTML styling to make their pages visually appealing and unique.

Objective

Students will be able to:

  • Apply HTML styling to make their web pages more visually appealing and unique

Enduring Understandings

This lesson builds toward the following Enduring Understandings (EUs) and Learning Objectives (LOs). Students should understand that…

  • EU 1.1 Creative development can be an essential process for creating computational artifacts. (LO 1.1.1)
  • EU 1.2 Computing enables people to use creative development processes to create computational artifacts for creative expression or to solve a problem. (LOs 1.2.1, 1.2.3, 1.2.5)
  • EU 5.1 Programs can be developed for creative expression, to satisfy personal curiosity, to create new knowledge, or to solve problems (to help people, organizations, or society). (LOs 5.1.1, 5.1.2)
Description

In this lesson, students will begin using CSS to add styling to their HTML pages.

Objective

Students will be able to:

  • Describe how CSS adds styling to HTML pages

Enduring Understandings

This lesson builds toward the following Enduring Understandings (EUs) and Learning Objectives (LOs). Students should understand that…

  • EU 1.1 Creative development can be an essential process for creating computational artifacts. (LO 1.1.1)
  • EU 1.2 Computing enables people to use creative development processes to create computational artifacts for creative expression or to solve a problem. (LOs 1.2.1, 1.2.3, 1.2.5)
  • EU 5.1 Programs can be developed for creative expression, to satisfy personal curiosity, to create new knowledge, or to solve problems (to help people, organizations, or society). (LOs 5.1.1, 5.1.2)
Description

In this lesson, students use CSS tag selectors to select all elements of the same kind (<table>, or <h1> for example) and give them all the same style.

Objective

Students will be able to:

  • Use CSS tag selectors to select all elements of the same kind and give them all the same style

Enduring Understandings

This lesson builds toward the following Enduring Understandings (EUs) and Learning Objectives (LOs). Students should understand that…

  • EU 1.1 Creative development can be an essential process for creating computational artifacts. (LO 1.1.1)
  • EU 1.2 Computing enables people to use creative development processes to create computational artifacts for creative expression or to solve a problem. (LOs 1.2.1, 1.2.3, 1.2.5)
  • EU 5.1 Programs can be developed for creative expression, to satisfy personal curiosity, to create new knowledge, or to solve problems (to help people, organizations, or society). (LOs 5.1.1, 5.1.2)
Description

In this lesson, students learn to use CSS class selectors to apply CSS styling to all HTML elements that share a specified class which allows students to be more specific when applying their styling.

Objective

Students will be able to:

  • Use CSS class selectors to apply CSS styling to all HTML units that share a specified class

Enduring Understandings

This lesson builds toward the following Enduring Understandings (EUs) and Learning Objectives (LOs). Students should understand that…

  • EU 1.1 Creative development can be an essential process for creating computational artifacts. (LO 1.1.1)
  • EU 1.2 Computing enables people to use creative development processes to create computational artifacts for creative expression or to solve a problem. (LOs 1.2.1, 1.2.3, 1.2.5)
  • EU 5.1 Programs can be developed for creative expression, to satisfy personal curiosity, to create new knowledge, or to solve problems (to help people, organizations, or society). (LOs 5.1.1, 5.1.2)
Description

In this lesson, students will use CSS Selectors by ID to select a single element to format on a webpage.

Objective

Students will be able to:

  • Use CSS Selectors by ID to select a single element to format on a webpage

Enduring Understandings

This lesson builds toward the following Enduring Understandings (EUs) and Learning Objectives (LOs). Students should understand that…

  • EU 1.1 Creative development can be an essential process for creating computational artifacts. (LO 1.1.1)
  • EU 1.2 Computing enables people to use creative development processes to create computational artifacts for creative expression or to solve a problem. (LOs 1.2.1, 1.2.3, 1.2.5)
  • EU 5.1 Programs can be developed for creative expression, to satisfy personal curiosity, to create new knowledge, or to solve problems (to help people, organizations, or society). (LOs 5.1.1, 5.1.2)
Description

In this lesson, students complete a summative assessment of the unit’s learning objectives.

Objective

Students will be able to:

  • Prove their knowledge of HTML structure and CSS styling through a multiple choice quiz
Description

As part of the AP Test, students are required to complete two Performance Tasks (PTs). Performance tasks are meant to be project-based challenges that touch multiple concepts from the course that produce a digital artifact. In this Practice PT, students will be developing their first digital artifact: their very own website! This website will start off as their own personal homepage and as students progress through the course, they will keep adding links to their favorite projects. By the end of the course, this homepage will serve as their own personal portfolio website showcasing their work!

Objective

Students will be able to:

  • Create their own website from scratch, hosted at their own custom domain

Enduring Understandings

This lesson builds toward the following Enduring Understandings (EUs) and Learning Objectives (LOs). Students should understand that…

  • EU 1.1 Creative development can be an essential process for creating computational artifacts. (LO 1.1.1)
  • EU 1.2 Computing enables people to use creative development processes to create computational artifacts for creative expression or to solve a problem. (LOs 1.2.1, 1.2.3, 1.2.5)
  • EU 5.1 Programs can be developed for creative expression, to satisfy personal curiosity, to create new knowledge, or to solve problems (to help people, organizations, or society). (LOs 5.1.1, 5.1.2)