ProfBurnett.com - Master a Skill / Learn for Life

HTML5-CSS3 - Session VIII

Session Outline:

  • Chapter 20 - How to use SASS and Less

Class Presentations

Session, Chapter Presentation, Examples Zip, and Solution Set Zip
Session Chapter PowerPoint Presentation Exercise Files Solution Set Files
VIII Chapter 20 Chapter 20

Student Exercise

Student Exercise

(See Finished Site for completed exersice.)
  1. Add "Return to Homepage" link on Scott Sampson speaker page.
  2. Make Main navigation bar dropdowns for Jefffer Toobin, Andrew Ross Sorkin, Amy Chua, Scott Sampson, and Scott Sampson Video pages.
  3. Link "Speaker" dropdown on Main navigation bar to "#".
  4. Make speakers pages for Jefffer Toobin, Andrew Ross Sorkin, and Amy Chua using Scott Sampson speaker page as template.
  5. Link speakers pages to each speaker page and the Scott Sampson Video page.
  6. Link the Sampson Video page to the "or play video."
  7. Make all the page footers a JavaScript year update.
  8. Link "About Us" Main navigation bar link to actual San Joaquin Valley Town Hall - About Us page.
  9. Link "Our History" Main navigation bar link to actual San Joaquin Valley Town Hall - Our History page.
  10. Link "Board of Directors" Main navigation bar link to actual San Joaquin Valley Town Hall - Board of Directors page.
  11. Link "Past Speakers" Main navigation bar link to actual San Joaquin Valley Town Hall - Past Speakers page.
  12. Link "Contact Us" Main navigation bar link to actual San Joaquin Valley Town Hall - Contact Us page.
  13. Fix relative links on Luncheons and Tickets Ordering pages.
  14. Students will upload test files to live site.
  15. Students will preview in browser test files.

Additional Support Exercises

LinkedIn Exercises

Error processing SSI file

Additional LinkedIn Beginner Exercises

Error processing SSI file

w3School Exercises

SoloLearn Exercises

Advanced and Master LinkedIn Exercises

Error processing SSI file

Session I Support Links

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


Colleges and Universities