Web Smart Systems Logo

Instructional Design

Design to Code-How to Create Web Layouts

Presentation at Big Design 2017

This presentation was presented at Big Design 2017. #BigD17 Targeting graphic designers who wish to understand more about designing awesome web layouts using css. Also, included is a discussion of the 12 column grid and an introduction to Bootstrap.

Wireframes to code - making the journey - from Leslie Schulz

Web Accessibility-The Next Level in User Experience

Presentation at Big Design 2015

This presentation was presented at Big Design 2015 #BigD15. An introduction to the major concepts of web accessibility, including the WAI guidelines from the W3 and U.S. 508 Compliance. Support for accessibility is developed through the use of html5 tags and WAI roles.

Setting Up jQuery

Created in Adobe Captivate.

Set up jQuery by placing a link to the jquery.js file in the head of your web page. You can download the latest file from jquery.com or search for the jquery hosted by Google's Content Delivery Network.

Setting Up jQuery

Screen shot of the jquery.com home page.

The Importance of Reading

Created in Flash CS5 Using Action Scripting 2.0

Converted to a .mov file for uploading to Youtube.

I created this video to explain how important it is to teach your children to love reading!

The Importance of Reading-SWF (Flash) Local Version

All About the View- Outlook 2010

Presented at Fort Worth American Society for Training and Development-October 2012.

Created in Power Point 2010. Converted to Windows Media Video.

Customize the view for the email list, the folder names, the reading pane,

and received emails. You can even design your own stationery for new emails.

Create a custom style for printing.

All About the View-Outlook 2010-Flash Local Version

More?

Please let us know your training needs and new tutorials will be added.