Code & MC Quiz for ART 152 Web Design

Tana Lehr

Read these instructions carefully!

All parts are worth one point except where noted.

Instructions

Place this html page at the root level in your coursework root folder.

Create a link to this page from your main index page as a list item in your global navigation with the word 'quiz' as the hyperlink.

Upload to ADA server. Check it to make sure your nav link works! If the link doesn't work, it will result in a grade of 0. Yikes.

Follow all instructions carefully. Keep all of the code & text given. Only delete the specific parts described (wrong answers).
It will be easier to read and not miss any parts, if you view it in the browser.

Complete all the required questions and elements.

DO NOT CENTER ALL TEXT OR MODIFY THE CODE TO REMOVE THE QUESTION NUMBERS.
IF YOU DO YOU WILL LOSE 10 POINTS FOR EACH.

This is an open textbook, open web quiz. All work must be your own. By completing and submitting this quiz, you agree that all work is your own, with no help or input from anyone else.

Use internal css styles, not an external stylesheet, for all of the css required in the quiz.

Code Section - 15 points

  1. ADD your name to the title element.
  2. Write a meta tag for this page to define a description of the page with name and content attributes. Put it in the correct part of the document.
  3. Write CSS to style the p elements on this page with a simple contained readable sans-serif Google webfont at 1.4em size and text color: rgb(35, 35, 35). Place those styles in the correct part of the page (use ONE internal stylesheet, not an external stylesheet). Check in the browser to be sure it is clearly readable.
  4. Apply the same styles to the all of the li elements by typing only 4 characters (including spaces). (3 pts)
  5. Write CSS to make all h3 headings red and put it in the internal stylesheet on this page.
  6. Write the HTML and CSS necessary to center all of the content in the browser window in an 800px width. Use of HTML <center> is not acceptable. Do NOT change the TEXT alignment from it's default FLUSH LEFT. (3 pts)
  7. Homepage

Multiple Choice Section - 15 points

To answer: Retain the question but delete all wrong answers, leaving just the correct one for each.
Retain the li tags, letter and the answer for each correct answer.

Fill in the blanks where indicated.

  1. A(n) _________ modifies or further describes the function of an HTML element.
    • a. attribute
  2. Which of these can be a CSS selector?
    • d. all of the above
  3. Which HTML tag is used to hyperlink html pages to each other?
    • b. < a >
  4. When do you need a domain name (URL) in a hyperlink?
    • c. when creating an absolute hyperlink to a page on an external site
  5. A(n) _______ website provides accommodations to individuals with visual, auditory, physical, and neurological disabilities.
    • b. accessible
  6. Which attribute can be applied to an <a> tag to open the link in a new browser window or tab?
    • d. target
  7. (Fill in the blanks.) HTML provides structure for page content and CSS is for styling and presentation for web pages.
  8. Choose the true statement below.
    • d. All of the above
  9. Every website must have a file named index . (dot) html and it must be on the root level in the website folder.
  10. If the file referred to in the previous question is not present or is in the wrong place the result when published to the web is:
    • c. the website will not display in the browser
  11. Which attribute is used to provide accessibility by providing a text alternative for an image that is available to browsers and screen readers that do not support graphics?
    • a. alt
  12. Select the best order for these stylesheets.
    • b. google fonts links, foundation.css, yourstyles.css
  13. When you configure BOTH a background color and background image for the body selector, the browser will:
    • a. display the background color while the background image is loading
  14. Which of the following, from innermost to outermost, are components of the CSS box model for HTML elements?
    • d. content, padding, border, margin
  15. When configuring the background color of an element, the background color is applied to both the content and _________ areas.
    • b. padding
  16. How do you remove underlines from hyperlinks?
    • d. a {text-decoration: none;}
  17. What does CSS stand for?
    • c. Cascading Style Sheets
  18. Which is the correct CSS syntax?
    • b. body { color: blue; }
  19. What is persistent and consistent navigation?
    • c. Navigation is the same on each page, in the same position and order and all links go to expected pages. It includes a link to the page you are currently on.
  20. How should you style paragraph text for readablity?
    • d. Do all of the above.