Tables
Create a new file named contacts.html with the same column layout and external stylesheet as your previous site files.
Add a contact table with the contact information of three employees in the company. The table should have a header row with employee name, email, and phone. This info should be provided for each employee and the email addresses should have mailto links for each to make them clickable.
Style the table using a CSS3 pseudoclass so that every other row alternates background color to make the table easier to read and easier to update as new employees are added.
Forms
Create another page that gathers information from your user. Could be a request for information, a form to make a reservation, etc. Your form must have the following controls
equirements:
· At least one text input
· At least one HTML5 input (email, phone, url, etc.)
· At least one set of radio buttons
· At least one checkbox
· At least one textarea
· At least one select control
· A submit and a reset button
· Also, use the new HTML 5 attribute to verify that at least two required fields have been filled in.
· Your form should use a mailto as the action and have an appropriate method.
Multimedia
For the multimedia requirement, use one of the new HTML5 controls, either audio or video, to include a multimedia element on your main page (index.html). Again, you can get free video clips to include from sites likePixabay or use resources here in BB.
Extra Credit: Create a media query and style the table on contact us differently for smaller screens. Change at least three CSS properties for the smaller screen version. Try to include things that make sense for a smaller screen. There are examples in chapter 7 that might help out.
General
Update navigation on all pages by adding links to your new pages. Zip all of your files, including your html, css, and image files, and attach here in the assignment tool by the due date.
Ru
ic
Lab 4
Lab 4
Criteria
Ratings
Pts
This criterion is linked to a Learning Outcome New file named contacts.html
2.0 pts
This criterion is linked to a Learning Outcome Table tags
5.0 pts
This criterion is linked to a Learning Outcome Header row (th tags)
5.0 pts
This criterion is linked to a Learning Outcome Co
ect number of rows/columns
5.0 pts
This criterion is linked to a Learning Outcome Contact info including clickable email links
3.0 pts
This criterion is linked to a Learning Outcome Style alternating rows with :nth of type or similar
5.0 pts
This criterion is linked to a Learning Outcome Create new page for form
2.0 pts
This criterion is linked to a Learning Outcome Form tags
8.0 pts
This criterion is linked to a Learning Outcome Method for form
5.0 pts
This criterion is linked to a Learning Outcome Action for form
5.0 pts
This criterion is linked to a Learning Outcome Text input
5.0 pts
This criterion is linked to a Learning Outcome HTML 5 Input
5.0 pts
This criterion is linked to a Learning Outcome Radio button set
8.0 pts
This criterion is linked to a Learning Outcome Checkbox
5.0 pts
This criterion is linked to a Learning Outcome textarea
5.0 pts
This criterion is linked to a Learning Outcome Select (drop down list)
8.0 pts
This criterion is linked to a Learning Outcome Submit button
2.0 pts
This criterion is linked to a Learning Outcome Reset button
2.0 pts
This criterion is linked to a Learning Outcome Required attribute on two fields
5.0 pts
This criterion is linked to a Learning Outcome Audio/Video Requirement
10.0 pts
Total Points: 100.0