HTML 2 & CSS 2

Learning Outcomes:

Students learn how to link two files together to apply their CSS code to their HTML files.

Topics covered:

CSS Files

Connecting Files

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16

Learning Outcomes:

Students are introduced to an external library called Bootstrap and practice importing it into their HTML and CSS files.

Topics covered:

Bootstrap Introduction

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16

Learning Outcomes:

Students learn how to access pre-made classes in the Bootstrap library and how to apply them to their own websites.

Topics covered:

Bootstrap Classes

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16

Learning Outcomes:

Students learn how to access pre-made grids in the Bootstrap library and how to apply them to their own websites.

Topics covered:

Bootstrap Grid

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16

Learning Outcomes:

Students dive deeper into Bootstrap grids and learn how to further customize the grid to fit their needs by using the twelve-column organization structure.

Topics covered:

Twelve Column Grid.

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16

Learning Outcomes:

Students learn how to create a jumbotron on their websites.

Topics covered:

Jumbotron

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16

Learning Outcomes:

Students learn how to organize their websites using Bootstrap cards.

Topics covered:

Cards

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16

Learning Outcomes:

Students learn how to build a carousel on their website and add meaningful content.

Topics covered:

Carousels

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16

Learning Outcomes:

Students learn how to leverage bootstrap in order to build a navigation bar on their website.

Topics covered:

Bootstrap Nav Bar

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16

Learning Outcomes:

Students learn how to add animations to various parts of their website. They also learn to dictate where animations go and their behavior.

Topics covered:

Animations

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16

Learning Outcomes:

Students learn how to build a dropdown and add it to their website.

Topics covered:

Bootstrap Dropdown

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23, 3B-AP-16

Learning Outcomes:

Students learn what it means to transform parts of their website. They practice adding transformation to their page.

Topics covered:

Transform

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23

Learning Outcomes:

Students learn what it means to transition parts of their website and how that's different from tranforming. They will practice adding transitions to their transformations.

Topics covered:

Transition

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23

Learning Outcomes:

Students are introduced to how tables work in HTML and practice implementing the basics of tables on their website.

Topics covered:

Tables Introduction

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23

Learning Outcomes:

Students dive deeper into the possibilities of what tables can do in HTML and CSS. They will further polish the tables on their websites.

Topics covered:

Tables Continued

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23

Learning Outcomes:

Students learn how to style their tables to make them look professional.

Topics covered:

Table Styles

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23

Learning Outcomes:

Students learn how to create forms and apply them to their websites.

Topics covered:

Forms

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23

Learning Outcomes:

Students learn how to add text inputs to their forms and add them to their code page.

Topics covered:

Text Input

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23

Learning Outcomes:

Students learn how to add radio inputs to their forms and add options for users to select on their code page.

Topics covered:

Radio Input

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23

Learning Outcomes:

Students learn how to build forms on their websites to submit input.

Topics covered:

Submit Input

Standard alignment:

2-DA-07, 2-AP-11, 3A-AP-18, 3A-AP-23