CIS363 Web Interface Design With Lab
Lab 4: Navigation, Graphics and Slideshows Instructions
Upon completion of this step, upload your site to the web server and attach a copy of the zipped folder to the Dropbox.
Submit your lab to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read these step-by-step instructions or watch this Tutorial Dropbox Tutorial.
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.
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.
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
1. Download the CIS363 Lab Report document from Doc Sharing.
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.
1. Copy files from the Citrix server (if necessary).
2. Zip all of the files from Parts A, B, and C into a single zip file.
3. Submit your zip file to the Dropbox.
* You can also use 2CO option if you want to purchase through Credit Cards/Paypal but make sure you put the correct billing information otherwise you wont be able to receive any download link.
* Your paypal has to be pre-loaded in order to complete the purchase or otherwise please discuss it with us at email@example.com.
* As soon as the payment is received, download link of the solution will automatically be sent to the address used in selected payment method.
* Please check your junk mails as the download link email might go there and please be patient for the download link email. Sometimes, due to server congestion, you may receive download link with a delay.
* All the contents are compressed in one zip folder.
* In case if you get stuck at any point during the payment process, please immediately contact us at firstname.lastname@example.org and we will fix it with you.
* We try our best to reach back to you on immediate basis. However, please wait for atleast 8 hours for a response from our side. Afterall, we are humans.
* Comments/Feedbacks are truely welcomed and there might be some incentives for you for the next lab/quiz/assignment.
* In case of any query, please donot hesitate to contact us at email@example.com.
* MOST IMPORTANT Please use the tutorials as a guide and they need NOT to be used for any submission. Just take help from the material.
******************************************** Good Luck ***************************************************
Any personal information received will only be used to fill your order. We will not sell or redistribute your information to anyone.
We will try our best to resolve the issue and if still persists we can discuss for a refund in case its required.