Upon completion of this step, upload your site to the web server and attach a copy of the zipped folder to the Dropbox.
This lab supports the following TCOs.
TCO 5—Given a Web page that requires images and advanced styles, create and edit graphics and incorporate them into the page.
TCO 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.
- Obtain 10 original photos.
- Research on the Internet and find some code that will allow you to create a slideshow.
- Create a page with your photos and the code that you find.
Create a Word document showing the source for your slideshow code. Be sure to document your HTML code as well.
|Website – Includes slideshow code||10|
|Website – Text formatted using at least three different tags||6|
|Website – At least 10 images included and displaying correctly||10|
|Website – Document sources||8|
|Lab Report – All sections complete||6|
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.
- IMPORTANT! Make sure that the version of each image that you use for the slideshow is less than 500K. Ten images at 500K is 5 MB, and adding the document should total no more than 7 MB.
Part B: Research Slideshow Code
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
- Download the CIS363 Lab Report document from Doc Sharing.
- 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.
- Copy files from the Citrix server (if necessary).
- Zip all of the files from Parts A, B, and C into a single zip file.
- Submit your zip file to the Dropbox.