ProfBurnett.com

ITI 239 HTML5 Level I - Session III

Session Outline:

  • Chapter 4 - How to use CSS to format the elements of a web page
  • Complete Exercise 1 - Normalizer.css
  • Complete Exercise 2 - Modernizer.js
  • Complete Exercise 3 - Chapter 4
  •  
  • Chapter 5 - How to use the CSS box model for spacing, borders, and backgrounds
  • Complete Exercise 4 - Chapter 5
  •  
  • Chapter 6 - How to use CSS for page layout
  • Complete Exercise 5 - Chapter 6

Class Presentations

Presentatons & Videos for Session II - Chapters 4, 5 and 6
Session Chapter PowerPoint Presentation Screencast Video
3 Chapter 4 - How to use CSS to format the elements of a web page
3 Chapter 5 - How to use the CSS box model for spacing, borders, and backgrounds
3 Chapter 6 - How to use CSS for page layout

Student Exercises

Student Exercise 1

Student Exercise 2

  • Create a Specialized Modernizr File.
  • 1. Select some functions.
  • 2. Generate Minified version.
  • 3. Download and place in your test site.
  •  
  • Create a Specialized Non-Minified Modernizr File.
  • 1. Convert to non-minified version.
  • 2. Download and place in your test site.
  • 3. Link to Modernizer file.

Student Exercise 3

  • 1. Complete Exercise 4-1, page 164 using Dreamweaver.
  • 2. The basic.html file listed in Exercise 4-1 is located in the templates folder on your developmental site.
  • 3. Students will upload files to live site.
  • 4. Students will preview in browser website files.

Student Exercise 4

  • 1. Complete Exercise 5-1 and 5-2, page 197 using Dreamweaver.
  • 2. Synchronize development files with live site.
  • 3. Preview site in web browser.

    • Student Exercise 5

    • 1. Complete Exercise 6-1, 6-2 and 6-3, page 233 using Dreamweaver.
    • 2. The c6_content.txt and c6_sampson.txt files listed in Exercises 6-2 and 6-3 are located in the txt folder on your developmental site.
    • 3. Synchronize development files with live site.
    • 4. Preview site in web browser.

    Session 3 Support Links

    MC Web for Students Site: ITI 239: Fall 2015 CRN:25634

    Error processing SSI file
    Chapter Zip Files and Solution Sets
    Session Chapter Exercise Instructions Exercise Zip File Solution Set Zip File
    1 Course Overview Presentation
    1 Chapter 19 - How to Deploy a Web Site on a Web Server
    1 Chapter 18 - How to Design a Web Site
    2 Chapter 2 - How to Code, Test and Validate a web page
    2 Chapter 3 - How to Use HTML to Structure a Web Page
    2 Chapter 4 - How to Use CSS to Format the Elements of a Web Page
    3 Chapter 5 - How to Use the CSS Box Model for Spacing, Borders, and Backgrounds
    3 Chapter 6 - How to Use CSS for Page Layout
    4 Chapter 7 - How to Work with Links and Lists
    5 Chapter 9 - How to Work with Images