- Master a Skill / Learn for Life

MYSA 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



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

Meeting Information:

  • Days:    Thursday
  • Dates:    4/9/2020 - 6/12/2020
  • Number of Sessions:    8
  • Time:    1:30 PM - 3:00 PM
  • Location:    Online

Lesson Plan:

Session I

  • Course Overview Presentation
  • Introduction to Web Development
  • How to Design a Web Site

Session II

  • Part 1 - How to Setup a Development Environment
  • Part 2 - How to Use HTML5 Code

Session III

  • Part 3 - How to Create a Homepage
  • Part 4 - How to Format the Homepage

Session IV

  • Part 5 - How to Enhance the Homepage
  • Part 6 - How to Use 2-Column Page Layout

Session V

  • Part 7 - How to Add Navigation Menus
  • Part 8 - How to Create a Product Page

Session VI

  • Part 9 - How to Create a Page with a Table

Session VII

  • Part 10 - How to Create a Page with a Forms

Session VIII

  • Part 11- How to Create a Page with Audio and Video

Session IX

  • Part 12 - How to work with Fonts and Printing

Session X

  • Part 13 - How to Use CSS3 Transitions and Animation

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