iLab Video Demonstration – HTML5 and CSS
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.
Learning challenges are actually a benefit to exercising your brain and growing your understanding. Having a growth mindset supports embracing learning challenges to gain a deeper understanding of the subject matter.
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. http://www.learningsolutionsmag.com/articles/630/make-the-complex-understandable-show-dont-tell/page2
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.
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.
- 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