1. Learning to be a good web designer means that you should
a) Learn from others, start with good examples and play around them.
b) Learn how to learn for yourself
c) Never stop developing your skills
d) All of the above
2. Which statement is wrong?
a) Wireframes depict the webpage layout and arrangement of the content
b) Wireframes focus on the relative priorities of the information and functions
c) High-fidelity wireframes are rough sketches without many details and are quick to produce
d) A web designer should make a wireframe for each page of the website
3. Mockups:
a) are realistic simulations of the web site interface.
b) are created to show the client the overall look and feel of their new website.
c) are usually a big part of the proposal
d) All of the above
4. Which statement is correct?
a) Empty space on a web page is wasteful.
b) White space means that the space has to be literally white
c) You cannot manage spacing with padding
d) Spacing makes design clearer
5. 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 a good feedback for a user
d) All of the above
6. 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
7. The 960 Grid System:
a) Provides commonly used dimensions, based on a width of 960 pixels
b) Has two variants: 12 and 16 columns
c) Enables you to build solid structure, consistency and alignment
d) All of the above
8. 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
9. Making web design coherent between pages and on the same page is called
a) Usability
b) Consistency
c) Spacing
d) None of the above
10. In the line: <span style="color:blue">Some words</span>, what is a property?
a) span
b) color
c) blue
d) < >
11. 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.
12. What image format you should choose for good quality transparency?
a) GIF
b) JPG
c) PNG
d) All of the above
13. What does CSS stand for?
a) Creative Style Sheets
b) Computer Style Sheets
c) Cascading Style Sheets
d) Colorful Style Sheets
14. Which statement is wrong?
a) CSS is a style, which defines how to display HTML document
b) CSS can work without HTML
c) HTML can work without CSS
d) External Style Sheets are stored in CSS files
15. Which of the following is an inline element?
a) <div>
b) <p>
c) <img>
d) <center>
16. Which of the following is a block element?
a) <img>
b) <p>
c) <span>
d) <a href>
17. Each CSS declaration should end with:
a) Colon
b) Semicolon
c) Dot
d) Exclamation mark
18. What code represents a mouse over link?
a) a:link
b) a:visited
c) a:hover
d) a:active
19. ___________________ properties clear an area around the box
a) Margin
b) Border
c) Padding
d) Content
20. ___________________ properties define the space between element’s border and its content
a) Margin
b) Border
c) Padding
d) Content
21. Which is the correct CSS syntax?
a) body {color: black;}
b) body:color=black;
c) {body:color=black;}
d) {body;color:black;}
22. 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
23. What is wrong with this code?
#myBox
{
width:500;
height:600;
margin:20px auto auto auto;
background-color:#cccccc;
text-align:center;
}
Your answer _________________________________________________
24. What is wrong with this code?
body {
background-color: CC9966;
}
Your answer _________________________________________________
25. 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;
Extra point question
What is the total width of the box in the example below?
#myBox{
width:250px;
padding:10px;
border:5px;
margin-top:10px;
}
a) 250
b) 270
c) 280
d) 300