create, upload, validate a website, while learning basic skills in web development.

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:

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: 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 ITE152 HTML Tutorial. 17. When you are ready to submit the assignment, click Start Assignment in the upperright 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.