Description
In this exercise, you will be provided with fairly simple HTML and CSS templates to start with (similar to
what you have used in previous exercises); however, you should expand on the starter templates in
terms of content and styling to meet the following requirements:
Step 1. Download the IT-270 Supplement Exercise Files zip file if you have not already done so.
Step 2. Navigate to the Mod5-Act1 folder and open the index.html and style.css (in the css subfolder)
files in Sublime Text, and make appropriate changes to each to meet the following requirements:
A. Integrate at least two different types of images (e.g., .jpg, .png, .gif).
B. Integrate at least two different audio/sound formats (e.g., .wav, .ogg, .mp3).
C. Integrate at least two different video formats (e.g., YouTube video, Vimeo video, Flash player,
etc.).
D. Use CSS3 to display an object on your page (e.g., one of your images, a text headline, an
embedded video, etc.) with a drop shadow on your page.
E. Use CSS3 to rotate an object on your page (e.g., a text headline, one of your images, etc.).
F. Finally, use CSS3 to apply a background image to your webpage, paying special attention to
legibility of the content that will lie atop the image.
Step 3. Proof your finished website in a blank browser tab or window before submitting the assignment.
If you are confident that you completed the assignment according to the requirements outlined above,
save your work, zip the complete “Mod5” subfolder in which you have been working on this exercise,
and submit it using the assignment link in Blackboard.
IT 270 Module Five Web Activity Guidelines and Rubric
Overview: Multimedia elements, including images, audio, and video, are a great way to add engaging visual content to a website. These elements allow you to
bring in a wide variety of content that will energize and excite your audience. In this activity, you will add multimedia elements to a webpage to create visual
interest and engagement for the user. These elements will include images, audio, and video.
Prompt: For the purposes of this exercise, you will be provided with simple HTML and CSS templates to start. You will be provided a list of changes to make to
this file so that you meet the objectives of the assignment. You may feel free to use your final project site and the elements you want to add to that site as the
basis of this activity! This will provide you the opportunity to receive direct feedback from your instructor on this activity that is specific to your own final
project!
1. Reference the Module Five Incorporating Multimedia tutorial to add multimedia elements to your website.
2. Zip and submit the completed Mod5 subfolder to Blackboard.
Specifically, the following critical elements must be addressed:
I. Integrate images into the website.
II. Integrate audio/sound files into the website.
III. Integrate video files into the website.
IV. Utilize CSS3 to manipulate elements on a webpage.
a) Use CSS3 to display an object with a drop shadow.
b) Use CSS3 to rotate an object on the page.
c) Use CSS3 to apply a background image to the webpage
