Protected: GMD411 3D Model Design and Construction

This content is password protected. To view it please enter your password below:


WGD235 Week 1 HTML5 Web Animation Project Planning


Welcome to Web Animation class. Together we’ll explore the standards based approach to learning web animation techniques using HTML5, CSS, and javascript. This course is not dependent on any particular software tools to encourage you to learn foundation skills of how create basic web graphics and animation using common resources such as a text editor and basic graphics creation tools.

iLab Video Demonstration – HTML5 and CSS

Instructional Design Resources

Instructional design certificate programs provide insight into the in-demand skills such as how to develop e-learning courses.

This link provides a timeline view into significant updates in instructional design models and theories. Of particular note is the introduction of technology and its influence on learning options.

Lifelong learning and interdisciplinary capacity are in demand skills for effective instructional designers.

Saving the world from boring training is a collective effort. Seeing some examples of interactive learning can inspire new innovations in approaches to the student and instructor experience.

Simplifying Complexity

On the theme of breaking down complex learning challenges into simple and manageable solutions, some research on the topic provides innovative insight.

Show, Don’t Tell

The power of visual demonstrations such as infographics help convey complex ideas simpler visually organized ways.

Be The Experiment

On the topic of making learning fun and engaging, some tips from radio can bring stories to life with visual storytelling and the use of metaphors in addition to considering how different types of media can support learning. Recalling the age of wonder from early age science classes can advance the idea of how learning complex ideas can be fun when done with hands-on props. The value of learning through experimenting can be closely related to gaining experience rather than just theory research.

Narrow Down to the One Action 

Removing barriers to learning can be done by focusing on one real achievable goal. and editing out items that do not contribute to that objective. Many times the quest to convey many things at once contributes to clutter and adds complexity.


WGD229 Week 6 Learning HTML5 Basics for Visual Design


To support learning about interactivity in visual design, work for this week includes creating some basic web pages and interactive links using HTML5. See the interactive step by step instructions in the iGuide for deliverables and demonstrations. You will not be required to publish content to the Internet, but you will be able to preview how the content looks in a web browser and how the HTML code supports interactivity. Screen captures of your offline tests will be presented as part of your growing eBook. See the interactive step by step instructions in the iGuide for deliverables and demonstrations.


Week 6 iGuide HTML5


  • Introduction to Navigation
  • Descriptions of Search Engine Optmization
  • Outline of HTML5
  • File Structure and Site Plan
  • thumbnail.html Code
  • thumbnail.html in a Browser
  • fullsize.html Code
  • fullsize.html in a Browser
  • main.css Code
  • Updated References
  • Delivery in .pdf

One Example of the Deliverables

Screenshot 2015-02-08 at 11.11.39 AMScreenshot 2015-02-08 at 11.11.58 AMScreenshot 2015-02-08 at 11.12.20 AMScreenshot 2015-02-08 at 11.12.42 AMScreenshot 2015-02-08 at 11.13.44 AMScreenshot 2015-02-08 at 11.13.26 AMScreenshot 2015-02-08 at 11.13.03 AMScreenshot 2015-02-08 at 11.14.03 AMScreenshot 2015-02-08 at 11.14.21 AM Screenshot 2015-02-08 at 11.14.40 AM

Week 6 Examples

Video – HTML5 Introduction

Screenshot 2015-02-08 at 11.35.22 AM

Video – HTML5 File Structure

Video – HTML5 Graphics Prep

Video – HTML5 HTML Tags

Video – HTML5 Creating HTML with a Text Editor

Video – HTML5 Creating CSS with a Text Editor

Video – HTML5 Duplicating and Updating an HTML Page

A Primer on APA Style Citations and References

Screenshot 2015-02-01 at 3.19.06 PM