- Master a Skill / Learn for Life

HTML5-CSS3 - Overview

Course Outline:

Learn the basic building blocks of designing and creating websites optimized for modern computers, tablets, and mobile phones using HTML5. Topics include basic HTML5 elements and attributes, including hyperlinks, images, and tables. Advanced techniques to effectively create multiple column layouts using new HTML5 structural elements. Advanced HTML5 Application Programming Interfaces (APS's) will also be covered.

Cascading Style Sheets (CSS3) styles are used to format and control placement of HTML5 elements such as rounded corners, shadow effects, and color gradients. Advanced CSS3 media queries are also covered to handle a variety of devices including screen, printer, tablet, and mobile phone; and integration of scripts into a web page. Syntactically Awesome Style Sheets (SASS) and Leaner Style Sheets (less) languages will also be covered.


MS Windows or equivalent experience.

Required Textbook & Materials


  • Title:    MURACH'S HTML5 and CSS3
  • Author:    Zak Ruvalcaba and Anne Boehm
  • ISBN:    978-1-943872-26-8
  • Edition/Copyright:    4th
  • Publisher:    MURACH
  • Published Date:    March 2018
  • Website:


Please bring a Flash Drive/Memory Stick 512MB or larger to class which will enable you to save your class work.

Meeting Information:

  • Days:    Monday & Wednesday
  • Dates:    1/27/2020 - 2/19/2020
  • Number of Sessions:    8
  • Time:    6:30 PM - 9:30 PM
  • Location:    HU 321

Lesson Plan:

Session I

  • Course Overview Presentation
  • Chapter 1 - Introduction to Web Development
  • Chapter 17 - How to Design a Web Site
  • Chapter 18 - How to Deploy a Web Site on a Web Server

Session II

  • Chapter 2 - How to Code, Test and Validate a web page
  • Chapter 3 - How to Use HTML to Structure a Web Page

Session III

  • Chapter 4 - How to use CSS to format the Elements of a Web Page
  • Chapter 5 - How to use the CSS Box Model

Session IV

  • Chapter 6 - How to Use CSS for Page Layout
  • Chapter 7 - How to Work with CSS to do Links, Lists, and Navigation Menus

Session V

  • Chapter 11 - How to Work with Images and Icons
  • Chapter 12 - How to Work with Tables

Session VI

  • Chapter 13 - How to Work with Forms
  • Chapter 14 - How to Add Audio and Video

Session VII

  • Chapter 15 - How to work with Fonts and Printing
  • Chapter 16 - How to Use CSS3 Transitions, Transforms, Animation and Filters

Session VIII

  • Chapter 20 - How to use SASS and Less

Web Support:

General Computer Files & Windows Skills

Keyboard Shorcuts

General Web Development Links

Wireframe Design Apps

Free Cloud Based


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

Colleges and Universities