- Master a Skill / Learn for Life

MYSA HTML5-CSS3 - Session II

Session Outline:

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

Class Presentations

Session, Chapter Presentation, Examples Zip, and Solution Set Zip
Session PowerPoint Presentation Exercise Files Solution Set Files
Session II Session II Presentation
MYSA Development Environment 2020

You can download the PowerPoint presentation and exercise PDF files.

Student Exercise

Student Exercise 1

  • Students will setup Adobe Dreamweaver development environment for local, testing and live website using Dreamweaver site server setup using their login credentials.
  • Download Testing Server index-html file to your local development folder.
  • Change the student name in the index.html file to your name.
  • Students will upload index.html file on local file folder to testing site (
  • Students will preview testing development files.
  • Students will upload files to live site (
  • Students will preview live files.

Support Links

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