CodeEd

Curriculum

Advanced HTML and Intro to CSS

Block 2: Advanced HTML and Intro to CSS

Block 2 Overall Goals

  1. Review basic HTML learned in Course Block 1
  2. Learn to make new web pages using unix commands
  3. Create basic navigation from and to homepage from new pages
  4. Learn some advanced formatting tags
  5. Introduce a CSS style sheet

Methodology

Students will build upon their websites created in Course Block 1 and continue to add more complex HTML and CSS into their web pages. Each week, the lessons taught in class will be incorporated into their project.

Lesson 1: Review of Course Block 1 and Making a New Page

Students will do a thorough review of all the concepts learned in the previous course block and learn how to make a new web pages.

Topics Covered:
  1. Creating a New Directory: mkdir [name of new page.html]
  2. Emacs Commands: cd, ls

Lesson 2: Simple Navigation

Students will learn how to link their new pages together and create a simple navigation bar to allow easy navigation to and from their new web pages.

Topics Covered:
  1. Linking New Page Back and Forth From Homepage./li>
  2. Creating Simple Nav Bar Using HTML
  3. Inline Link Formatting

Lesson 3: Lines, Lists, and Tables

Students will learn to add lines, lists (both ordered and unordered), and make tables.

Topics Covered:
  1. Making Lists (ordered and unordered)
  2. Making Tables to Put Text and Photos In
  3. Making a Line

Lesson 4: Setting up a CSS internal style sheet

Topics Covered:
  1. Using Headers
  2. What is CSS?
  3. Setting Up an Internal Style Sheet

Lesson 5: Defining styles for an element and CSS comments

Topics Covered:
  1. Defining Styles for An Element
  2. Defining Header Styles
  3. Moving Background and Font color into Style Sheet
  4. HTML Comments