On your main page, use an inline style to change CSS properties font-family, font-size, and text-align for all of your headings.
On your links page, use an inline style to italicize your links and remove the default underline.
Create a new page and name it images.html On that page do the following:
· Insert 5 images. You can save images from the Internet by right clicking on an image and choosing the Save option. We will discuss copyright issues at a later date. If you use a stock photo site that provides free images like pixabay.com, you will be in good shape.
· Make sure that all five images are accessible by including an alt attribute.
· On the same page, using an embedded stylesheet, create at least two CSS classes named border1 and border2 that define the width, style, and color of a border and assign your images to the classes you've just created.
Next, create an external stylesheet named mystyles.css
Define a background image using background-image for the body in this stylesheet. Also use two additional background properties from the following:
· background-position
· background-repeat
· background-attachment
· background-size
Link the style sheet to all of three of your pages so that they all have the same background appearance.
Use one of the icon generators listed at the bottom of page 161 in your textbook to create a Favorites Icon for your site. The use the code at the top of page 161 to link your icon to all three of your pages.
Finally, use three(3) of the following CSS3 properties somewhere on your site:
· text-shadow
· border-radius
· box-shadow
· opacity
· linear-gradient
· radial-gradient
When you submit your assignment, in addition to providing the files, also write a
ief note telling me where to find the additional CSS3 styles.
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 2
Lab 2
Criteria
Ratings
Pts
This criterion is linked to a Learning Outcome Inline style on headings
4.0 pts
This criterion is linked to a Learning Outcome Change font-family
4.0 pts
This criterion is linked to a Learning Outcome Change font-size
4.0 pts
This criterion is linked to a Learning Outcome Change text-align
4.0 pts
This criterion is linked to a Learning Outcome Change styles on all headings
2.0 pts
This criterion is linked to a Learning Outcome Inline style on
tag
4.0 pts
This criterion is linked to a Learning Outcome Change font-style
4.0 pts
This criterion is linked to a Learning Outcome Change text-decoration
4.0 pts
This criterion is linked to a Learning Outcome Page named images.html
4.0 pts
This criterion is linked to a Learning Outcome Insert 5 Images
10.0 pts
This criterion is linked to a Learning Outcome Alt attributes on each image
5.0 pts
This criterion is linked to a Learning Outcome Create Embedded stylesheet on images page
4.0 pts
This criterion is linked to a Learning Outcome Create two classes
8.0 pts
This criterion is linked to a Learning Outcome Define two borders
6.0 pts
This criterion is linked to a Learning Outcome Assign images to classes
5.0 pts
This criterion is linked to a Learning Outcome Create mystyles.css & link to all pages
5.0 pts
This criterion is linked to a Learning Outcome Change background-image
4.0 pts
This criterion is linked to a Learning Outcome Two additional background properties
6.0 pts
This criterion is linked to a Learning Outcome Add icon
4.0 pts
This criterion is linked to a Learning Outcome Three Additional CSS3 styles
6.0 pts
This criterion is linked to a Learning Outcome Note telling where to find CSS3 properties
3.0 pts
Total Points: 100.0