1. Which statement is wrong?
a) Adhering to web standards is not a good idea for usability
b) The user has to understand what he is expected to do on a webpage
c) The user friendly website has an interface that is easy to navigate, among other things
d) Navigation is a part of usability
2. Making web design coherent between pages and on the same page is called
a) Usability
b) Consistency
c) Spacing
d) None of the above
3. Which statement is correct?
a) Navigation buttons do not have to be positioned at the same place on each page of the website
b) If text is used as navigation, it should be as long as possible
c) Changing the color or image on rollover is good feedback for a user
d) All of the above
4. Which statement is wrong?
a) It is better to position the text in several columns, than to have the long lines of the text
b) It is a good idea to make text lines centered
c) The text color should have enough contrast to the background color
d) It is not a good idea to use all capitals in a big chunk of body text
5. Speaking about image adjusting files for web, which statement is wrong?
a) Image dimensions and sizes should not be big
b) Image names should not be long
c) There should not be spaces in the filenames
d) You can use PSD files as images for web.
6. What image format you should choose for good quality transparency?
a) GIF
b) JPG
c) PNG
d) All of the above
7. What does CSS stand for?
a) Creative Style Sheets
b) Computer Style Sheets
c) Cascading Style Sheets
d) Colorful Style Sheets
8. Which statement is wrong?
a) CSS is a style, which defines how to display HTML document
b) A website cannot be run without HTML
c) HTML website can be run without CSS
d) External Style Sheets are stored inside HTML files
9. Each CSS declaration should end with:
a) Colon
b) Semicolon
c) Dot
d) Exclamation mark
10.With this CSS rule #greenBox {background-color: green;} which HTML code will work?
a) <div class=”greenBox”>
b) <div id=”greenBox”>
c) <div style=”greenBox”>
d) None of the above
11. In the line: p {"color:blue;"}, what is a CSS property?
a) p
b) color
c) blue
d) color:blue
12. Which of the following is an inline element?
a) <div>
b) <p>
c) <img>
d) <h1>
13. Which of the following is a block element?
a) <img>
b) <p>
c) <span>
d) <a href>
14. What code represents a mouse over link?
a) a:link
b) a:visited
c) a:hover
d) a:active
15. ___________________ property is the the space around an element's border
a) Margin
b) Border
c) Padding
d) Content
16. ___________________ property defines the space between element’s border and its content
a) Margin
b) Border
c) Padding
d) Content
17. Which is the correct CSS syntax?
a) body {color: black;}
b) body:color=black;
c) {body:color=black;}
d) {body;color:black;}
18. Which CSS property is used to change the text color of an element?
a) text color:
b) text-color:
c) color:
d) None of the above
19. What is wrong with this code?
#myBox
{
width:500;
height:600;
margin:20px auto auto auto;
background-color:#cccccc;
text-align:center;
}
Your answer _________________________________________________
20. What is wrong with this code?
body {
background-color: CC9966;
}
Your answer _________________________________________________
21. What code should be used for the elements to have width and height, and be placed next to each other?
a) display: inline;
b) display: inline-block;
c) display: block;
d) display: none;
22. Which statement is correct?
a) Inline styles are inserted directly into an HTML tag
b) Internal styles are located in the style tags inside the head section
c) External CSS exists in a separate file called an external stylesheet
d) All of the above
23. Which statement is wrong?
a) Anchor-jump links serves to jump to a specific part of a page
b) Working with anchor-jump links you should use ID selector
c) Working with anchor-jump links you should use class selector
d) All of the above
24. Which statement is correct?
a) An element with position: relative is positioned relative to its normal position
b) An element with position: absolute is positioned relative to the nearest positioned ancestor
c) An element with position: fixed is positioned relative to the viewport
d) All of the above
25. If you want to hide an element, but it would still take up its space, the proper code is:
a) Visibility: hidden
b) Display: none
c) Display: hidden
d) None of the above
Extra point question
What is the total width of the box in the example below (without {box-sizing; border-box} code)?
#myBox{
width:250px;
padding:10px;
border:5px;
margin-top:10px;
}
a) 250
b) 270
c) 280
d) 300