ProfBurnett.com

ITI 353 HTML5 - Session III

Session Outline:

  •  
  • Chapter 5 - How to use the CSS box model for spacing, borders, and backgrounds
  • Complete Exercise 2 - Chapter 5
  •  
  • Chapter 6 - How to use CSS for page layout
  • Complete Exercise 3 - Chapter 6

Student Exercises

Student Exercise 1

  • 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 2

  • 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 353: Spring 2018 CRN:35205

General Computer Files & Windows Skills

Keyboard Shorcuts

General Web Development Links

Wireframe Design Apps

Free Cloud Based

IDE's

Free Web Design IDEs

Free Web Development IDEs

Downloadable DesktopWeb Development Apps

Cloud Based Web Development

Cloud-Based Web Development Sites

Online Website Builder Sites

Learning Management Systems (LMS)

CSS Links

CSS Minifiers

CSS Precompilers

CSS Postprocessors

CSS Tools

jQuery Links

jQuery Forms

Slideshows, Carousels, Graphic Plugins & Components

Calendar & Datepicker jQuery Plugins

JavaScript Minifiers

RWD Testing Emulators

Browser Plugin Apps

Imaging Programs

WSDL, SOAP, REST, & ODATA Introduction and Resources

Chapter Presentation, Zip, and Solution Set Files
Session Chapter Presentation Exercise Zip File Solution Set Zip File
1 Course Introduction Presentation
Chapter 1 - Introduction to Web Development
Chapter 18 - How to Design a Web Site
Chapter 19 - How to Deploy a Web Site on a Web Server
2 Chapter 2 - How to Code, Test and Validate a web page
Chapter 3 - How to Use HTML to Structure a Web Page
Chapter 4 - How to Use CSS to Format the Elements of a Web Page
Chapter 3

Chapter 3

Chapter 4
3 Chapter 5 - How to Use the CSS Box Model for Spacing, Borders, and Backgrounds
Chapter 6 - How to Use CSS for Page Layout
Chapter 5

Chapter 6
4 Chapter 7 - How to Work with Links and Lists
Chapter 9 - How to Work with Images
Chapter 7

Chapter 9
5 Chapter 10 - How to work with Tables
Chapter 11 - How to work with forms
Chapter 10

Chapter 11
6 Chapter 8 - How to Use Responsive Web Design (RWD)
Course Review

Colleges and Universities