Jabari Basha COMPLETING A VISUAL RESUME WITH MEDIA AND SPECIAL EFFECTS

1

ITE-152 – Web Assignment

Purpose

The purpose of this assignment is to create, upload, validate a website, while learning basic

skills in web development. Website’s development, quality assurance and sight designers are

all positions available for those who desire to work for companies or for state/local

government. Web pages are viewed across several platforms including computers,

smartphones, smart televisions, and other devices. Because of the various platforms that

websites are viewed by it is essential that web design is considered with the end users in mind.

Every computer both Mac and the standard personal computer have a form of text editor

which allows students to create Hypertext Markup Language (HTML). The Mac uses “TextEdit”

and a PC uses “Notepad”. HTML is the standard language used for web creation.

Directions

The following Web page should be created using Notepad (PC users) or TextEdit (MAC users). DO NOT use Word or any other Web authoring tool to complete this assignment. When you edit your file in Notepad or TextEdit, open a new instance of Notepad or TextEdit to do so. Do not make the changes from the View/Source window in your browser. That does not work.

Create a Web page, on a topic of your choice, that includes:

1. Title your Web page - John Doe's Web Page but use your own name.

2. Include two heading levels - h1 and h2 somewhere on the page.

3. Include one ordered list which contains at least 5 of your favorite movies.

4. Include one unordered list which contains at least 5 of your favorite actors.

5. Add an image to the page. Make sure to include the alt tag with an appropriate description for the image. (Use an image file of your choice. Make sure it has a .jpg or .png extension). Also, make sure to copy the image file into same folder as the webpage file.

6. Add a video file to the page (Instructor provided file: VideoSample.mp4). Make sure to save the video file into the same folder as the webpage file.

Below is the html to use to add the audio file to your page: <video width="320" height="240" controls> <source src="VideoSample.mp4" type="video/mp4"> <p>Your browser does not support the video element.</p> </video>

2

7. Add an audio file to the page. (Instructor provided file: AudioSample.mp3). Make sure to save the audio file into the same folder as the webpage file.

Below is the html to use to add the audio file to your page:

<audio controls> <source src="AudioSample.mp3" type="audio/mp3"> <p>Your browser does not support the audio element.</p> </audio>

8. Place a paragraph below the video which describes what will be seen in the video.

9. Place a paragraph below the audio file which describes what will be heard in the audio.

10. Include at least one external link.

11. Organize the content on the page in a way that is easy to read.

12. Save the Web page as ite152.html

13. Validate the Web page using the World Wide Web Consortium validation site. Apply HTML5 validation.

14. Link the following CSS file to your web page: styles.css (You created this file in the ITE-152 HTML Tutorial)

15. Check your web page to make sure it renders as you intended and that the link, audio, video, and Cascading Style Sheet work properly.

16. Upload ite152.html, image file, AudioSample.mp3, VideoSample.mp4, styles.css to myDrive. Directions on how to upload your files to myDrive can be found in the ITE- 152 HTML Tutorial.

17. When you are ready to submit the assignment, click Start Assignment in the upper- right corner of this screen. Type (or copy and paste) your URL (http://mydrive.nvcc.edu/username/public/) into the text area. Username is the username you use to log into Canvas. Click “Submit Assignment”

Please note:

1. You MUST upload all required files to the correct location in MyDrive. If the files are not uploaded to the correct location in MyDrive I will not be able to view your Web page, and therefore will not be able to grade your web site. This will result in the grade of 0 for the assignment.

3

2. The URL that you submit in Canvas MUST use this exact format: http://mydrive.nvcc.edu/username/public/ The URL protocol must be http - do not use https.