DES351: Web Design 2 Week # 6

Challenge and Assignment Check

email them to: opatel@mtsierra.edu

Lecture

Alright, let's get right to the lecture videos. Again, all of the materials for this course were prepared by Mitch. Please thank him if you have a chance. His email was mgohman@mtsierra.edu

Here is the sixth Lecture: 

https://drive.google.com/file/d/0BzZc9xnaQ0vqbmRsUGRzNFFaM2M/view?usp=sharing

Here is the accompanying file to go with it: 

https://drive.google.com/file/d/0BzZc9xnaQ0vqQ29vb28yUWR1MGc/view?usp=sharing

Challenge

https://drive.google.com/file/d/0BzZc9xnaQ0vqLVlMbnVpSFJvcFk/view?usp=sharing

Here is the accompanying challenge material: 

https://drive.google.com/file/d/0BzZc9xnaQ0vqZXVTU1Z6TThoYlk/view?usp=sharing

What it should look like: 

Goal: 

https://drive.google.com/file/d/0BzZc9xnaQ0vqMjU5Ym9pTTkyQTg/view?usp=sharing

Assignment 5

Here's the homework for next week:

Create 3 slideshows where each slideshow demonstrates a different technique (e.g. fading, vertical slide, horizontal slide).

• Each slide must be 320px by 320px
• Each slide must support an image and title
  • You animate the div that contains all three pieces (e.g. image, title and description)
  • Title should be positioned over the image with semi-transparency
• Minimum 5 slides per slideshow (images can be found)
• Each slideshow must sit side-by-side (float or inline-block)
• All 3 slideshows must be centered in a 960 pixel container layout

Resources: https://drive.google.com/file/d/0BzZc9xnaQ0vqRHl3MU53NnItYVU/view?usp=sharing

Goal: https://drive.google.com/file/d/0BzZc9xnaQ0vqUEs2MFJRMi10MDQ/view?usp=sharing