cit 151 midterm ink wash art gallery c file h1 h2 h h3 articl the ink
Search for question
Question
CIT 151 Midterm
☐
Ink Wash Art Gallery
C
→ File
H1
H2
H
H3
articl
×
+
The Ink Wash Art Gallery
Art Appreciation Society
Membership
embership in the Society has many privileges. You
Mwith be placed on our preferred mailing list so you
will know weeks in advance of any special upcoming
events. As a member, you also are invited to participate
in our monthly "Meet the Artist" socials. You can meet
and greet some of the finest artists in the region, the
nation, and the world. As a member, you will also
receive our free newsletter that includes artist profiles,
a schedule of upcoming events, discounts on admission
and local parking, and great dining deals at local
restaurants. We invite you to join today.
Special
une is Art Appreciation month in the area. Visitors
receive selected in
the area with membership in the art appreciation
society, such as the Ink Wash Art Appreciation Society.
Please speak to any one of our representatives here in
the Gallery about becoming a member of the Ink Wash
Art Appreciation Society.
Directions
From the North
Take Sallings River Drive to Grant Ave.
(Exit 42). Follow the signs to Lincoln
Avenue. Turn left on Grant Ave. The
Gallery is located right on the corner.
From the South
Take the Elizabeth Parkway to Exit 42. At
the traffic light, turn left onto Lincoln
Avenue. Turn left on Grant Ave. The
Gallery is located right on the corner.
Parking
Please park in our free parking lot.
Metered street parking is available. There
is a one-hour time limit on all meters.
Most lots charge of fee of $5 and up.
☆ ☑
Header
aside
Q
The Ink Wash Art Gallery
21 State Street Seattle, WA 24566
р
footer
Container
Instructions
1. (2 points) Download the data MidtermDataFile.txt. Save it as YourFirstInitital-YourLastInitial_Midterm.html
2. Add the following elements to your html page.
a. (4 points) DOCTYPE html, html, head, title, comment, body, header, footer. Use the image above for
suggestions on the elements.
b. (3 points) Comment should include your full name & Date.
c. (2 points) Add a meta element specifying the character encoding as utf-8.
d. (2 points) Add a meta element for the viewport.
e. (3 points) Add a title element containing the text "Ink Wash Art Gallery".
f.
(2 points) Add container element guided by the image above.
g. (6 points) Add h1, aside, h2, h3, p, aside, article.
h. (3 points) Use HTML Symbol Entity for the copyright symbol.
i.
(3 points) Add class accent to the first paragraph in the footer section.
j.
(4 points) Add a link tag for google font Calistoga.
k. (4 points) Add a link tag within the head section to link the css document styles.css
3. Open a new document in the Notepad ++ and name it styles.css and then follow these
steps. Points
element
1
html
2
Style rule
Set font size to 12px
Add reset styles that set margins, padding and the border to 0 for all elements
(article, body, div, footer, header, h1, h2, h3, p)
2
body
4
container
3
3
3
h1
h2
22
h1, h2
2
h3
Set color of background to #dee9f9
Set font family to Tahoma, Arial, Helvetica, sans-serif
Set maximum width to 700px.
Set border to 2px solid black.
Set shadow to box: 0 10px 6px-6px #777
Center container in the browser window.
Set size of font to 1.2em
Set line height to 1.4em
Set font color to white
Set font color to #6B4343.
Set color of background to #FFFFF0
Set size of font to 4em
Set text shadow to 3px -1px 2px grey
Set font color to orange.
Set size of font to 2em
Set font family to "Bree Serif", sans-serif;
Set padding to 0.4em
Align it to center.
Set font family to 'Calistoga', Cambria, Georgia, serif;
Set font color to Yellow.
Set size of font to 1.5em
Set color of background to #425b5f
Set padding to 3%
2
article
3
First letter of
Set size of font to 3em
article
7
aside
2
first letter of h3 in
aside
5
footer
2
Footer p
25
.accent
Add media query
for printed output
10
Set line height to 0.9em
Float it left
Set border-radius to 25px.
Set width to 38%
Set padding to 2%
Set margin to 2%
Float it to the right.
Set color of background to #6e8953
Set box-shadow to 2px 2px 2px rgb(52,24,15)
Set text-shadow to 2px -1px 0 orange:
Set padding to 0.6em
Set font color to #6B4343.
Set color of background to ivory
Align text to center.
Make sure that the footer is not overlapping any element
Set margin to 0.4em
Set font color to #6B4343
Font should be bold and underlined
body, .container, aside and article, the text color should be black, and the
background color should be white, and no element should have box shadow.
There should be 1inch margin on all sides
Upload the midterm and the css document to the server also, zip the folder to submit it.