CIS363 Lab 4

Scenario

This lab supports the following COs.

CO 5 - Given a Web page that requires images and advanced styles, create and edit graphics and incorporate them into the page.

CO 10 - Given a project, create a website that contains text, links, images, and any other content necessary to complete the website using HTML and External CSS.

1.Obtain 10 original photos.
2.Research on the Internet and find some code that will allow you to create a slideshow.
3.Create a page with your photos and the code that you find.

Lab Steps

Part A: Get Photos

• The photos can be obtained through http://quest.eb.com.proxy.devry.edu/ or from http://commons.wikimedia.org.
• If you have personal images that you wish to use for the assignment, be sure that you cite them correctly according to APA guidelines.
• All of the images that you use should be cited in the Sources document that accompanies this assignment.

Part B: Research Slideshow Code

Do some research on the Web to find code that will let you take your photos and build a slideshow on a page. Try to find code that is CSS based and doesn't require a lot of JavaScript.

One example is http://coding.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/

Part C: Build Page and Document Sources

• Create the slideshow according to your selected research, using the images that you located in step 1.
• The slideshow should run automatically and should contain a text-based title for each slide.
• Write a description of the process that the slideshow uses to cycle through the slides and cite the source of your code.

Part D: Complete the Lab Report

1.Download the CIS363 Lab Report document from Files.

2.The lab report must be completed for all labs. The key parts of the report include the following.

• Objectives: A one-paragraph explanation of the purpose of the lab.
• Results: Include a screenshot of the working website or page.
• Conclusions: A one-paragraph explanation of what you learned while completing the lab, any challenges you had to work through, and how you can use what you learned going forward.