- Master a Skill / Learn for Life

HTML5-CSS3 - Session I

Session Outline:

  • 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
  • Student Exercise 1 - Setting Up Development Environment

Class Presentations

Session, Chapter Presentation, Examples Zip, and Solution Set Zip
Session Chapter PowerPoint Presentation Exercise Files Solution Set Files
I Course Overview Presentation
Session I
Setting Up Development Environment
Front-End Web Development Certification Program

Class Exercise

Student Exercise 1

  • 1. Students will setup Adobe Dreamweaver development environment for local, testing and live website using Dreamweaver site server setup.
  • 2. Download Testing Server files and folders to your local development folder.
  • 3. Change the student name in the index.html file to your name.
  • 4. Upload local development site index.html file to testing development site.
  • 5. Preview testing development files.
  • 6. Upload testing development site to live site.
  • 7. Preview in browser live files.

Additional Support Exercises

LinkedIn Exercises

LinkedIn HTML5 & CSS3 Session I Exercises
Session Chapter Level Course
I 1 Beginner HTML Essential Training
I 2 Beginner HTML5: Structure, Syntax, and Semantics
I 18 Beginner Building HTML5 Forms with Dreamweaver
I 18 Beginner Designing a First Website with Dreamweaver CC
I 18 Beginner Dreamweaver CC Essential Training

Additional LinkedIn Beginner Exercises

LinkedIn HTML5 & CSS3 Beginner Exercises
Session Chapter Level Course
Beginner Learning Web Semantics
Beginner Web Development Foundations: Web Technologies
Beginner Coding Faster with Emmet
Beginner CSS Layouts: From Float to Flexbox and Grid
Beginner CSS: Frameworks & Grids

w3School Exercises

SoloLearn Exercises

Advanced and Master LinkedIn Exercises

Session I 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