2. Improving the WebDevPros Website
Professional
Part 1:
In Chapter 8, you added a table and a form for webDevPros. In this exercise, you update the
site as follows:
1. Open the external style sheet you created in Chapter 8 and save it with the name
webdevstyles09.css in the styles folder within the your_turn_2 folder.
2. Add your name and the current date as a comment to the first line of the webdevstyles09.css file.
3. Open the files you created for webDevPros in Chapter 8 in your HTML editor and make sure
your name and the current date are added as a comment to the first line of all files.
4. Update the HTML files to:
a. Integrate a video element on the home page.
b. Set the video to play automatically and to display controls.
c. Set a width and height for the video element.
d. Specify two source elements. Video files are provided for this exercise in the your_turn_2\media folder in the Data Files for Students.
e. Include fallback text in case the user’s browser does not support the video element.
f. Wrap the video element within a div element with a class named ad.
5. Update the CSS file to:
a. Style the div element to center the video on the page and to apply a small amount of
padding.
b. Style the video element for responsive design and include a border, and rounded
corners.
c. Add comments to note all changes and updates.
6. Save and test your files.
7. Validate and correct your HTML and CSS files, and submit your assignment in the format specified by your instructor.
Part 2:
In this exercise, you integrated two video file formats, MP4 and WebM. Search the Internet for an Ogg converter,
create an Ogg file format, and add it as a third source file to the video element.
Identify the website source that you used to create the Ogg file.
Sorry the answer is not available at the moment…
If you are able to find the answer, please make sure to post it here. So that your Juniors have smile on their lips and feel happy.
Spread the 'tradition of sharing'.