Webdesign2013

63 Questions

Settings
Please wait...
Webdesign2013

This is the written/test portion of your Introduction to Web Design Final Exam. Please read through each question carefully. You may need a calculator and you'll need a pencil. If you have any questions, please do not hesitate to ask Ms. Baumann. When you are finished, you do not need to print your results. Good Luck!


Related Topics
Questions and Answers
  • 1. 
    In <a href> if I want to open a link in a new browser, I would have to code the following:
  • 2. 
    What does CSS stand for?
    • A. 

      Central Styling Sheet

    • B. 

      Cascading Style Sheet

    • C. 

      Cascading Stylizing Sequence

    • D. 

      Creative Style Sheet

    • E. 

      None of the Above

  • 3. 
    Which of the following statements is NOT true?
    • A. 

      Your site can be validated as "XHTML"

    • B. 

      Your site can be validated as "transitional" or "strict" HTML

    • C. 

      Your site must be validated before uploading

    • D. 

      All of the Above

    • E. 

      None of the Above

  • 4. 
    Liquid layout  or "jello" refers to web designs that:
    • A. 

      Are made out of liquid

    • B. 

      Lock elements down so they do not move at all when your browser is resized

    • C. 

      Are absolute and have one fixed position

    • D. 

      Expand to fill whatever width the browser is sized to

    • E. 

      Expand to a specified width based or size of browser and code

    • F. 

      None of the above

  • 5. 
    What is the "div" element used for?
    • A. 

      Creating visible colored rectangles on a web page

    • B. 

      Separating table elements in logical groupings

    • C. 

      Dividing sections into single assignments of attributes

    • D. 

      Creating special areas for graphics

    • E. 

      Creating logical sections throughout a web page

    • F. 

      None of the above

  • 6. 
    When would you utilize the "id" attribute in a CSS form?
    • A. 

      When you may be using the style more than once on similar items

    • B. 

      When you will be using the style for one element

    • C. 

      When you are creating a temporary assignment of attributes

    • D. 

      All of the above

    • E. 

      None of the above

  • 7. 
    I'm a list, but I don't have my affairs in order.  I'm the _________________ tag and I am a (block or in-line) __________________ element. Do NOT answer using and use the following format with a comma and NO SPACES: answer,answer
  • 8. 
    Use me to quote text that stands on its own.  I'm _________________ and I am a  (block or in-line) __________________ element.   Do NOT answer using and use the following format with a comma and NO SPACES  answer,answer
  • 9. 
    What does HTML stand for?
    • A. 

      Hypertext Machine Language

    • B. 

      High Technology Master Language

    • C. 

      Hypertext Markup Language

    • D. 

      High-speed Technical Machine Language

    • E. 

      None of the Above

  • 10. 
    Which of the following is an example of a "closing tag" for a paragraph?
    • A. 

      /br

    • B. 

      /body

    • C. 

      /p

    • D. 

      /text

    • E. 

      /closing

  • 11. 
    Which one of the following is NOT a "block" element? Meaning I can put this in a sentence and it does not stand alone.
    • A. 

      A

    • B. 

      H1

    • C. 

      Div

    • D. 

      Em

    • E. 

      None of the Above

  • 12. 
    In general, what is the order of the following tags in a website (top...to bottom)? p body html title head
    • A. 

      Html, body, title, head, p

    • B. 

      Html, head, title, body, p

    • C. 

      Html, title, head, p, body

    • D. 

      Html, p, head, body, title

    • E. 

      None of the Above

  • 13. 
    In the following element example: img __________ = "my_image.jpeg"What belongs in the blank?
    • A. 

      File

    • B. 

      Link

    • C. 

      Href

    • D. 

      Src

    • E. 

      None of the Above

  • 14. 
    Which of the following terms are used to describe parts of HTML?
    • A. 

      Attributes

    • B. 

      Properties

    • C. 

      Tags

    • D. 

      All of the Above

    • E. 

      None of the Above

  • 15. 
    Using the picture - which is the correct notation to hyperlink from "cats.html" to "pets.jpeg"?
    • A. 

      ../../images/pets.jpeg

    • B. 

      ../../my_page/images/pets.jpeg

    • C. 

      Http://my_page/images/pets.jpeg

    • D. 

      Images/pets.jpeg

    • E. 

      None of the Above

  • 16. 
    Using the picture - which is the correct notation to hyperlink from "index.html" to "family.html"?
    • A. 

      Family/home/index.html

    • B. 

      Family.html

    • C. 

      Home/family/family.html

    • D. 

      Family/home/my_page/index.html

    • E. 

      My_page/home/family/family.html

  • 17. 
    In the drawing below, identify/label A,B,C,D,E.  Answer using commas between your labels. Words/labels to choose from:  content area padding total width margins border
  • 18. 
    In the picture below, what is the width of the content area, if the total width is 300px, margins are 30px, the padding is 15px, and the border is 3px?
  • 19. 
    Use the diagram/"tree" below. If you wanted to change the background color to be green, you would in a CSS file code the following:
    • A. 

      Background-color: green;

    • B. 

      Color: green;

    • C. 

      Body{ color: green};

    • D. 

      Html{background: green;}

    • E. 

      Body{background-color: green;}

  • 20. 
    Use the diagram/"tree" below. If you wanted to change the headers in "YOU" to be the color red, you would in a CSS file code the following:
    • A. 

      Div id="YOU"{color: red;}

    • B. 

      #YOU H1, H2, H3{color:red;}

    • C. 

      .YOU H1, H2, H3{color:red;}

    • D. 

      P{color: red;}

    • E. 

      None of the Above

  • 21. 
    Use the diagram/"tree" below. If the following website had font color purple only for H2 elements inside the ME "div",  you would in a CSS file code the following:
    • A. 

      ME {color: purple;}

    • B. 

      ME H2 {color: purple;}

    • C. 

      #ME H2 {font: purple;}

    • D. 

      .ME H2 {color: purple;}

    • E. 

      Class_ME{ H2 color: purple;}

  • 22. 
    True or False. According to this "tree", my pets.jpeg would appear on my index.html if I coded the following:
    • A. 

      True

    • B. 

      False

  • 23. 
    HTML is primarily used to describe the structure of a web page. What is used to describe the style?
    • A. 

      Font

    • B. 

      CSS

    • C. 

      XHTML

    • D. 

      All of the Above

    • E. 

      None of the Above

  • 24. 
    Placing one element within another is called...?
    • A. 

      Nesting

    • B. 

      Merging

    • C. 

      Replicating

    • D. 

      Attributes

    • E. 

      Spawning

  • 25. 
    The "float" property is used within a CSS element in order to cause what to happen?
    • A. 

      Center text in the middle of an enclosing element

    • B. 

      To create a table of columns and rows

    • C. 

      Allow margins and padding to exist

    • D. 

      All of the Above

    • E. 

      None of the Above

  • 26. 
    When would you use a "class" attribute in a CSS form?
    • A. 

      When you are creating a special graphic box within a layout

    • B. 

      When you will be using the style more than once on similar items

    • C. 

      When you will be using the style for only one element

    • D. 

      When you will be using the "float" property

    • E. 

      When you are creating a temporary assignment of attributes

  • 27. 
    ____________ and ________________ are two types of lists in HTML.   Do not use spaces in your answer and do not use . Use the following format with a comma and NO SPACES: answer,answer
  • 28. 
    What is the total height of an area, if the content area is 256px high, the margins left and right are 20px, the padding is 3px, and the border is 1 px.
    • A. 

      304px

    • B. 

      280px

    • C. 

      264px

    • D. 

      260px

    • E. 

      None of the Above

  • 29. 
    What is the total width of the PetStore "div" , if: border-width: 4px; width: 360px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; margin-left: 25px;
  • 30. 
    Which elements are selected by these selectors:
    • A. 

      P, em{ font-family: arial; color: blue; }

    • B. 

      P, h2{ font-family: arial; color: blue; }

    • C. 

      H2 { font-family: arial; color: blue; }

    • D. 

      P, h2, em{ font-family: arial; color: blue; }

    • E. 

      P{ font-family: arial; color: blue; }

  • 31. 
    From the following code, what is missing... when you answer DO NOT USE 
  • 32. 
    From the following code, what is missing... when you answer DO NOT USE 
  • 33. 
    In the very beginning of every webpage you design, you need the following code:
    • A. 

      Head

    • B. 

      Meta

    • C. 

      Body

    • D. 

      !doctype

    • E. 

      P

  • 34. 
    In CSS, after every line of code that you want executed you need the following:
    • A. 

      ;

    • B. 

      !

    • C. 

      .

    • D. 

      :

    • E. 

      }

  • 35. 
    What does the following code do?
    • A. 

      It creates a data element reference

    • B. 

      It creates an "anchor" that links internally to a specific area in a page

    • C. 

      It creates a hyperlink to an external webpage

    • D. 

      None of the Above

  • 36. 
    If I want to have my links change color when my mouse hovers over them, I would code the following:
    • A. 

      A:hover{ color: orange;}

    • B. 

      Hover:link {color: orange;}

    • C. 

      A { color: orange;}

    • D. 

      Hover {color: orange;}

  • 37. 
    Which of the following file names correctly labels a file used to store your style rules?
    • A. 

      Rules.txt

    • B. 

      Rules.css

    • C. 

      Rules.html

    • D. 

      Rules.doc

    • E. 

      Rules

  • 38. 
    Below you will find the family tree of "body".  All the descendants that inherited the "body" elements were colored yellow.  What would you code to reflect the picture below:
    • A. 

      H1, h2 { color: yellow;}

    • B. 

      Body { color: yellow;}

    • C. 

      P, blockquote { color: black;}

    • D. 

      Body{ color: yellow;} p{ color: black;}

    • E. 

      Body{ color:yellow;} blockquote{ color: yellow;}

  • 39. 
    The diagram below, best illustrates the basic principle of:
    • A. 

      Drawing

    • B. 

      Using head and body tags

    • C. 

      Nesting

    • D. 

      Sharing information

    • E. 

      Using simple code

  • 40. 
    From the perspective of CSS, every element is in a _________________________.
    • A. 

      Circle

    • B. 

      Box

    • C. 

      Line

  • 41. 
    Creating a layout that can include content to be fixed in a specific place on the screen but allows magins to expand with the browser size, is called ___________  __________________.
    • A. 

      Frozen Layout

    • B. 

      Jello/Liquid Layout

    • C. 

      Baumann Layout

  • 42. 
    What three elements should your HTML always have?
    • A. 

      Html, head, body

    • B. 

      Html, title, body

    • C. 

      Meta, title, head

    • D. 

      None of the above

  • 43. 
    What are the three parts of an element?
    • A. 

      Html, head, body

    • B. 

      Name, date , time

    • C. 

      Opening tag, content, closing tag

    • D. 

      Open, information, end

  • 44. 
    What is JavaScript?
    • A. 

      The action of your site

    • B. 

      The structure of your site

    • C. 

      The appearance of your site

  • 45. 
    This sign is used with a  div id  in the CSS file:
    • A. 

      @

    • B. 

      .

    • C. 

      #

  • 46. 
    True or False: Using onclick will automatically produce a pop-up window when coded in your JavaScript?
    • A. 

      True

    • B. 

      False

  • 47. 
    In JavaScript, your functions need to be coded in:
    • A. 

      The body element

    • B. 

      The title element

    • C. 

      The head element

  • 48. 
    What does alert do in JavaScript?
    • A. 

      Creates a pop-up window with information

    • B. 

      Signals you to click on a picture

    • C. 

      None of the above

    • D. 

      All of the above

  • 49. 
    What are hex codes?
    • A. 

      Codes for magical spells

    • B. 

      Codes for colors

    • C. 

      Codes to program your HTML

  • 50. 
    In a table, td is used to:
    • A. 

      Create table data

    • B. 

      Create table rows

    • C. 

      Create a table

  • 51. 
    What is tag/element is used to create a table?
    • A. 

      T

    • B. 

      Tab

    • C. 

      Table

  • 52. 
    In my CSS file, I would call upon p class="more" by using the following:
    • A. 

      #more

    • B. 

      P-more

    • C. 

      .more

  • 53. 
    True or False: You should use spaces in names when you are choosing names for files and/or folders.
    • A. 

      True

    • B. 

      False

  • 54. 
    A basic HTML file, is basically any text edited file that has been saved as a .html format.
    • A. 

      True

    • B. 

      False

  • 55. 
    <iframe> allows me to:
    • A. 

      Import a video that stands on its own

    • B. 

      Create a frame around an item

    • C. 

      Embed a video from another link or site

    • D. 

      None of the above

  • 56. 
    <video src=></video> allows me to embed videos into my website by coding in what language?
  • 57. 
    There is no way to change the width and height of an image or video using code in my CSS
    • A. 

      True

    • B. 

      False

  • 58. 
    What does <td> stand for?
  • 59. 
    If I am going to have three columns on my web page, I will need to float left and right and middle.
    • A. 

      True

    • B. 

      False

  • 60. 
    I must have set widths to float a column.
    • A. 

      True

    • B. 

      False

  • 61. 
    To create jello/liquid sides, I must code the following in my #all...
    • A. 

      Width=1000px; margins: auto;

    • B. 

      Width=1000px; float: auto;

    • C. 

      Width=1000px; margin-left=auto; margin-right=auto;

    • D. 

      Width=1000px; margin-left: auto; margin-right: auto;

  • 62. 
    According to the code below and diagram below... which diagram/sketch best interprets the codes?
    • A. 

      Sketch A

    • B. 

      Sketch B

    • C. 

      Sketch C

    • D. 

      None of the above

  • 63. 
    From the code below, which sketch best interprets the codes?
    • A. 

      Sketch A

    • B. 

      Sketch B

    • C. 

      Sketch C

    • D. 

      None of the above