3. Improving the Design of the Dog Hall of Fame Website
Research and Collaboration
Part 1:
In Chapter 7, integrated additional HTML5 semantic elements for the Dog Hall of Fame.
In this exercise, you create and style a form to accept dog nominations. Do the following activities
as a group:
1. Open the external style sheet you created in Chapter 7 and save it with the name
dogstyles08.css in the styles folder within the your_turn_3 folder.
2. Add your names and the current date as a comment to the first line of the dogstyles08.css file.
3. Open the files you created for the Dog Hall of Fame in Chapter 7 in your HTML editor and
make sure your names and the current date are added as a comment to the first line of all files.
4. Modify the link to the external style sheet to reference dogstyles08.css.
5. Create a form on the nominations page. Decide what input controls you will use and how you
will style the form elements for mobile, tablet, and desktop viewports. At a minimum, update
the HTML and CSS files to do the following:
a. Update the nominations.html document to include a form.
b. Integrate text input controls, include appropriate attributes and determine which fields should be required.
c. Integrate a select and textarea element.
d. Integrate a form element not used within the chapter project.
e. Integrate submit and reset buttons.
f. Style the form elements for mobile, tablet, and desktop viewports.
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:
Research the mailto action and discuss the pros and cons of using the mailto action.
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'.