Loretta Kasper's Week 6 Review Questions
1. There are three errors in this statement. What are they?
BODY, TD {
font-family : Verdana, Arial, sans-serif ;
font-size : 9pt;
font-style: bold;
letter-spacing: 3%;
}
H1 {margin-left: 100 px;}
The first error is that bold is not a font-style value.
The second error is that 3% is not a letter-spacing value.
The third error is that there should be no space between 100 and px--100px
2. You have been asked to give a presentation at a conference. Your visual presentation is in the form of a website that is projected onto a screen. You are also quite sure that some of those present will want a printed copy of the document. You want to create a presentation that is projected with Arial font, colourful headings and a largish font size. But, for the print version, you would rather the material be optimized for black ink and in a serif (Times New Roman) font at a suitable size for print (10/12). Please create a stylesheet that would accomplish this. (This will only work in MSIE).
@media print {
h1, h2, h3 {
font-size: 10pt;
font-family: "Times New Roman", serif;
background-color: transparent;
color: #000000;
}
body, p {
font-size: 12pt;
font-family: "Times New Roman", serif;
background-color: transparent;
color: #000000;
}
}
@media projection {
h1 {
font-size: 24pt;
font-family: Arial, helvetica, sans-serif;
color: "#483D8B";
}
h2 {
font-size: 20pt;
font-family: Arial, helvetica, sans-serif;
color: "#C71585";
}
h3 {
font-size: 18pt;
font-family: Arial, helvetica, sans-serif;
color: "#A52A2A";
}
body, p {
font-size: 28pt;
font-family: Arial, helvetica, sans-serif;
color: "#FFF8DC";
}
}
3. You are creating an instructional website. There is a strong possibility that several people accessing your site are sight-impaired. What strategy could you use - assuming that they will be using a screen reader?
I would use an Aural style sheet for a screen reader to control the volume and rate of speech making sure that speech is loud and slow and also accentuating important content.
4. I have two images. One that is 60 pixels x 60 pixels and the other that is 200 pixels x 75 pixels. I would like to have a inset border that is 5 pixels wide, any color, that hugs the outside dimensions of each image. Please write a style that would accomplish this task (it may not work in every browser but give it a shot anyway).
Answer:
img.border {
border-width: 5px;
border-style: inset;
}
