Comm 333 Web Design II

Skip to navigation

Week 8 3.21

Notes

Homework

JavaScript Exercises

Work through the three JavaScript notes pages posted above (intro, basics, and events). Use the linked exercise files to add the JavaScript.

  • Add the JavaScript show in the examples to your own demo pages
  • Complete each of the exercise sections
  • Upload all three of your exercise pages (with associated css and js) and link to them from your class page.

Responsive Navigation Exercise

(If you did not complete in class before break)

Practice creating a responsive menu system using a simple show/hide toggle. Use the following example files to create a working responsive navigation. At small sizes there should be a Menu button that toggles the menu on and off. At larger sizes the navigation should show in a bar across the top of the page.

Screenshots of the completed exercise

Project 2

Your second project will be a smaller website or single page with sections that will cover a "travel experience". The focus on this project is in incorporating beautiful and engaging web graphics using responsive image techniques including photographs, video, and vector graphics and animation. We'll be focusing on these topics for the next few weeks.