Font size
Worksheets2020 Web Design Exam Review
Total questions: 113
Worksheet time: 57mins
Design is an example of a good web evaluation criterion.
True
False
Which of the following is not a useful or desirable criterion for evaluating a web site?
Ease of navigation
Use of multimedia
Blinking test
What are the three basic colors that monitors transmit?
yellow, red, blue
red, green, blue
cayenne, magenta, yellow
orange, purple, green
People who are color blind have the following shared characteristic:
They have no ability to perceive any color.
They are unable to perceive the difference between certain color combinations.
They perceive all visual stimuli in gray.
They are unable to distinguish (tell) the color red from other colors.
Which of the following statements is sound advice for designing sites that are accessible to people who are color blind?
Make your colors vibrant.
Choose only colors that compliment one another.
Make color the key to web site navigation, and make sure that colors are the primary method of conveying important information.
Make sure that colors are not your only method of conveying important information.
What does the HTML acronym stand for?
Hypertext Manual Linguistics
Hypertext Markup Language
High Tower Model Language
Hypertext Machine Language
What does the CSS acronym stand for?
Cross Synonym Simplistics
Cascading Super Sheet
Cascading Style Sheet
Classy Style Syndrome
CSS is used for content and structure and HTML is used for presentation.
True
False
Which of the following is required in order for websites to be accessible to users with disabilities?
Users with disabilities must have assistive technology such as a screen reader.
If a user is unable to access a website, they must ask for an alternative version in plain text.
The website must be designed according to accessibility standards.
The website must be designed without modern interactive features.
Which of the following are considered basic structural themes for a website?
Sequences
Hierarchies
Webs
All of the above
A hierarchical organization involves—
Creating categories for your information and ranking the importance of each piece of information by how general or specific that piece is relative to the whole.
Establishing levels of authority and enabling access to only a few visitors to the most sensitive information.
Placing information of the least importance toward the top level of the web site so that visitors can quickly navigate past it.
All of the above
Which of the following is a benefit of chunking information for web site visitors?
People generally find content to be more readable and easier to process if it's organized into chunks.
Organizing information into chunks helps with the design and layout of content so it fits well on the user's screen.
Visitors can more easily print and save small portions of information.
All of the above
Site diagrams have many benefits, one being–
They support communication among developers.
They provide a mental model of the site's organization for developers.
They provide a blueprint for the actual construction of the site.
All of the above
What is the purpose of your web portfolio?
To entertain visitors
To educate visitors
To inform visitors about the skills you are developing
To sell visitors goods and services
Which keyboard symbol is conventionally used to indicate (show) a space between words in file and folder names?
_ (underscore)
& (ampersand)
@ (at symbol)
# (pound)
Typically, when a web request includes a path but no filename (e.g., http://uw.edu/accessibility), servers look first for the file named—
default.htm
home.html
index.html
index.htm
Which symbols are used to enclose HTML tags?
<>
/\
()
{}
Which pair of tags marks the start and end of your HTML document?
<html></html>
<begin></end>
<start></end>
<head></body>
Which two elements contain the two main sections of an HTML document?
<head> and <content>
<head> and <body>
<top> and <body>
<top> and <content>
Which element serves as a container for all the visible content of a page?
<content>
<head>
<top>
<body>
Which element is used to identify the main heading on a page?
<head1>
<title>
<h1>
<h3>
Which element is used to add an image to a page?
<graphic>
<image>
<picture>
<img>
Which of the following is correct HTML for inserting an image?
<img href="image.gif" alt="Short description of image"/>
<img src="image.gif" alt="Short description of image"/>
<img path="image.gif" alt="Short description of image"/>
img src="image.gif" alt="Short description of image"/>
Which container tag is used to contain a block of content?
<strong></strong>
<em></em>
<a></a>
<div></div>
What two types of software do you need to create webpages & view them?
A text editor and a compiler
A text editor and a browser
A compiler and a web browser
A text editor and graphic software
Which element is used to create a paragraph?
<p>
<p />
<para>
<div>
Which of the following elements is displayed by browsers as a list of bulleted items?
<ul>
<dl>
<ol>
<bl>
Which of the following elements is displayed by browsers as a numbered list?
<ul>
<dl>
<ol>
<bl>
What file extension is typically associated with HTML files?
.web
.page
.html
.w3c
Regardless of whether a list is ordered or unordered, the items in an HTML list are marked up with the <li> element.
True
False
Which HTML element is the best choice for marking up a website's navigation menu?
<p>
<div>
<ul>
<menu>
When coding a hyperlink, which of the following HTML attributes is used to identify the destination of the link?
href
link
src
anchor
Which of the following is the correct HTML for linking to the Smithsonian Institute (www.si.edu)?
<a url="http://www.si.edu/">Smithsonian Institute</a>
<a name="http://www.si.edu/">Smithsonian Institute</a>
<a href="http://www.si.edu/">Smithsonian Institute</a>
<a href="http://www.si.edu/">Click here</a>
Which of the following statements about absolute URLs is false?
If you copy an absolute URL from an HTML attribute and paste it into a browser's address bar, the browser will open the website.
An absolute URL provides the full address to the target page, starting with "http://".
An absolute URL refers only to a portion of the web address, rather than to the full address.
Which of the following statements about relative URLs is false?
They give the full address to the target page, starting with "http://".
It refers only to a portion of the web address, rather than to the full address.
A relative address is an address that is relative to the location of the linking file.
A relative address for linking from one file to another in the same directory would simply be the file name.
Same-page hyperlinks are useful because they enable keyboard users to skip navigation links and get directly to the main content.
True
False
Which of the following HTML attributes must have a unique value (only used once per web page)?
class
id
href
src
Which of the following HTML elements are all related to data tables?
<table> <tr> <caption>
<table> <td> <tt>
<table> <th> <dt>
<table> <li> <th>
Which of the following HTML elements is for indicating a column or row header in a table?
<h>
<td>
<th>
<h1>
Which HTML element is used to define an internal style sheet?
<class>
<css>
<font>
<style>
Which HTML attribute is used to set inline styles for a particular element?
href
inline
style
css
The three parts of a CSS style are:
attribute, property, value
selector, property, value
selector, property, attribute
selector, attribute, value
Which of the following is the correct style declaration for setting the font size of the body element?
body ( font-size: 1em; )
body { font-size: 1em; }
body < font-size: 1em; >
None of the above
In the preceding question, if you were to change 1em to 2em, you would be changing the—
Attribute
Property
Selector
Value
Assuming your style sheet is named mystyle.css, which of the following is correct?
<css type="text/css" rel="stylesheet" href="styles/mystyle.css">
<href type="text/css" rel="stylesheet" href="styles/mystyle.css">
<link type="text/css" rel="stylesheet" href="styles/mystyle.css">
None of the above
Which of the following is an advantage to using an external style sheet?
Changes made in one place can affect the entire site.
It reduces the amount of code on various pages in the web site.
Both a and b
Neither a nor b
In CSS, "em", "%" and "px" are—
Relative units of measure
Absolute units of measure
Units of measure, but "em" and "%" are relative, and "px" is absolute.
Units of measure, but "%" is relative, and "em" and "px" are absolute.
The hex triplet is a six-digit number, where each pair of digits represents (in order) the value of—
red, yellow, blue
red, green, blue
green, blue, red
blue, red, green
How do you add a comment to your CSS code?
# this is a comment
// this is a comment
(this is a comment)
/* this is a comment */
Which property is used to change the background color in CSS?
color
bgcolor
bg-color
background-color
Which property is used to change the color of text in CSS?
color
text-color
foreground-color
All of the above
How do you set the background color for <h1> elements?
h1 { bgcolor: #FF0000 }
h1 { background-color: #FF0000 }
h1 { color: #FF0000 }
h1 ( background-color: #FF0000 )
Which of the following uses correct CSS syntax?
{body=color:black}
{body:color=black}
body {color: black}
body {color=black}
One of the best ways to differentiate content is to show hierarchy by varying font size.
True
False
Which of the following font families has small lines or strokes that extend from the ends of characters?
serif
sans-serif
cursive
fantasy
Which of the following font families is more simple and is without small lines or strokes that extend from the ends of characters?
serif
sans-serif
cursive
fantasy
When the "font-family" property has a list of fonts as its value—
One of the five generic font families should be the last in the list.
If the user’s browser does not have the first font in the list the browser will try to display the next font in the list.
Any time a font’s name is more than one word, it must be in quotation marks as in the example, "Times New Roman".
All of the above
What is the correct CSS syntax for making <p> elements bold?
p {font:b}
p {style:bold}
p {text:bold}
p {font-weight:bold}
The CSS property for positioning text either left, right, or center is—
text-align
font-align
text-position
font-position
Which CSS property is used to define the spacing between text characters?
word-spacing
white-spacing
letter-spacing
text-spacing
Which CSS property is used to define the space between words?
word-spacing
white-spacing
letter-spacing
text-spacing
How do you change the left margin of an element in CSS?
text-indent
indent
margin:left
margin-left
How do you display a margin with these settings?Top margin = 10 pixels Bottom margin = 5 pixels Left margin = 20 pixels Right margin = 1 pixel
margin: 10px 20px 5px 1px
margin: 10px 1px 5px 20px
margin: 5px 20px 10px 1px
margin: 10px 5px 20px 1px
Which is a valid reason for assigning an id attribute to an HTML element?
You want to stylize that element differently than other elements of the same type.
You want to be able to link to a particular element within a web page.
You want to be able to directly access that element using Javascript.
All of the above
To add style to an element with a class, you preface the class in CSS with which of the following symbols?
semicolon
colon
comma
period
The :hover pseudo-class makes it possible to stylize an element differently when a mouse user is hovering over that element. Which pseudo-class makes it possible to achieve the same effect for keyboard users as they tab to an element?
:focus
:visited
:link
:active
Which of the following is a valid reason to explain why it is generally better to let the content of a web page lead the graphics and not the other way around?
Good graphics don’t require an "alt" attribute.
Overly strong graphics can distract the visitor from the message of the web page.
A good navigation relies entirely on graphics.
Content should be a secondary concern to attractive graphics.
Which of the following is the correct syntax for the "alt" attribute?
<img src="lion.jpg" "alt=photo of a roaring lion">
<img src="lion.jpg" alt=photo of a roaring lion>
<img src="lion.jpg" "alt"=photo of a roaring lion>
<img src="lion.jpg" alt="photo of a roaring lion">
Which of the following is not good advice concerning the use of graphics on a web page?
Good graphics should fit in with the purpose, organization, and style of the page.
Large graphics are better than smaller ones because they reduce loading time.
Graphics should help to guide the viewers' focus to the important content on the page.
Graphics should complement, not replace, visual effects that are possible with CSS.
Which of the following is not a valid purpose for using graphics in web design?
Graphics add visual/aesthetic appeal to the information on the web page, helping to maintain viewer interest and attention.
Graphics cause rapid eye movement and force visitors to remain on the page longer.
Graphics help to create visual structure for content on the page.
Graphics help to communicate or explain ideas visually.
A work published on the World-Wide Web is not protected by copyright until the web developer petitions the US Copyright Office.
True
False
It is not required to add the familiar © symbol or a phrase such as "Copyright by author" to copyright content on your web page, but it does serve as notification to visitors.
True
False
If a website does not indicate that the material on that site is copyrighted that means—
The material may be taken and used on someone else's web site.
The material may be taken but be sure to credit the author
You will have to contact the author to find out what you can do with their material.
All content on the Web is considered "fair use" and "public domain", and therefore can be used for any purpose.
Which of the following is an accurate definition of pixels?
Tiny specs of glass that comprise the monitor screen.
Tiny lasers that cast color beams on a screen.
Tiny dots of color that combine together to make an image.
Tiny fairies that inhabit the magical glen.
When it comes to resizing a graphic which of the following is the best advice?
You can use a graphics program to enlarge the size of an image and no quality will be lost.
You can use a graphics program to reduce the size of an image and no quality will be lost.
You can use a graphics program to increase the resolution to improve the quality of an image.
All of the above.
An excessively (overly) large file size for an image will—
Cause the image to load too rapidly.
Cause the image to load as a negative.
Cause the image to overlap other images.
Cause the image to load too slowly.
Which statement is completely true when it comes to selecting the best image format (file type) to use?
JPEG image format is a good choice for images with many colors such as photographs. JPEGs will not lose their quality with repeated saving and compressing.
JPEG image format is a good choice for simpler graphics with a smaller number of solid colors. JPEGs lose their quality each time an image is saved or compressed.
JPEG image format is a good choice for images with many colors such as photographs. JPEGs lose their quality each time an image is saved or compressed.
JPEG image format is a good choice for simpler graphics with a smaller number of solid colors. JPEGs will not lose their quality each time an image is saved or compressed.
Which statement is completely true when it comes to selecting the best image format (file type) to use?
GIF image format is a good choice for images with many colors such as photographs. GIFs will not lose their quality with repeated saving and compressing.
GIF image format is a good choice for simpler graphics with a smaller number of solid colors. GIFs lose their quality each time an image is saved or compressed.
GIF image format is a good choice for images with many colors such as photographs. GIFs lose their quality each time an image is saved or compressed.
GIF image format is a good choice for simpler graphics with a smaller number of solid colors. GIFs will not lose their quality each time an image is saved or compressed.
Which of the following is correct HTML for an image that serves as a hyperlink?
<img src="home.gif" alt="Home"><a href="index.html"></a>
<a href="index.html"><img src="home.gif" alt="Home">
<a href="index.html"></a><img src="home.gif" alt="Home">
<a href="index.html"><img src="home.gif" alt="Home"></a>
The hexadecimal color system mixes three colors to attain colors. The three colors, in order, are:
green, red, blue
yellow, red, blue
red, green, blue
red, yellow, blue
Graphic software programs typically have which of the following tools that allow you to select colors from an existing image?
Cropping tools
Eyedropper tool
Color pallet
Gradient tool
Which common feature in graphics programs lets you fill objects or backgrounds with a combination of colors that fade into one another?
Cropping tools
Eyedropper tool
Color pallet
Gradient tool
Stacked sheets of glass is a useful analogy for thinking about layers for all of the following reasons except:
Each layer is transparent and can contain different images or text.
Layers can be added, deleted, have special effects applied, adjusted.
Any adjustment you do to one layer is automatically adjusted on all the layers.
Different components can be manipulated within one layer without affecting other layers.
Always be sure to check which layer you are working on because—
It is easy to lose track of which layer you are on and then inadvertently make changes to object on another layer.
Layers waste bandwidth.
You may only modify the top-most layer.
All of the above.
It is a good idea to name your layers and keep them organized in folders. This is especially true in larger projects where there can be a considerable number of layers to deal with.
True
False
The overall goal of optimizing graphic files is to—
achieve the best balance of high quality and low file size.
save files with sharper colors and a higher resolution.
achieve the best balance of high resolution and low file size.
save files with more colors and a higher resolution.
The favicon is—
short for "favorite icon"
found on the address bar of your browser, in your browser’s favorites list, and displayed on tabs.
an easily identified visual marker for visitors navigating to your site through their tabs and bookmarks.
All of the above
The inverse selection tool allows you to turn objects upside down.
True
False
The scale tool allows you to drag the corners to make the object larger or smaller while—
rotating the object.
maintaining the same aspect ratio, or drag the sides to elongate the object's width or height.
adjusting vertices (corners) independently of each other
adding a radius to the corners
By increasing the opacity of an object, you will be able to see through it better.
True
False
Which of the following is the correct CSS property for applying a background image to a page?
background-color
background-image
background-graphic
background-img
If you wanted to take a small-size image of a pattern and use it as a tile to fill the entire area of your web page, which of the following CSS properties would you use?
background-attachment
background-repeat
background-position
background-size
In general when using background images—
think about how it will impact the overall design of the page.
make sure the background image doesn't cause the page to look too busy or distract attention away from the main area of the page where you would like the viewer to focus their attention.
think about how a background image affects the performance and accessibility of a site.
All of the above
What determines whether a script is client-side or server-side is—
whether the code is positioned within the <script> tags or the <body> tags.
whether the code is executed from the external CSS page or internally.
whether the code is executed within the user’s web browser or on a web server.
whether the script is part of a website you're creating for a client.
Server-side scripts—
are executed before the page is sent.
reside on the server, not on the user’s web page.
cannot be read by the user.
All of the above
Most programming or scripting languages have a lot in common. The greatest difference is in the subtlety of their—
variable
attribute
syntax
tag
JavaScript functions are called in response to—
events
syntax
attributes
variables
A variable in a programming or scripting language is a symbolic name that represents—
a value
a field
an integer
a hexadecimal code
Which of the following is a common bug in programming?
missing punctuation
unclosed character string
misspelled variable name
All of the above
Assigning an id attribute to an HTML element enables you to—
link to specific targets within a web page.
stylize an element differently than other elements of the same type using CSS.
write JavaScript code to access the element by its id.
All of the above
Once you have created a JavaScript function, you need to call it to make it work. If you wish to have the script run automatically when visitors first visit your page, you should call it using which event?
onmouseover
onfocus
onload
onhover
A typical lifecycle for a software product consists of the following phases, in chronological order:
development, testing, design, release
design, development, testing, release
testing, release, design, development
release, testing, design, development
A common feature of programming languages that allows your script to perform a logic process is—
if/then/other loops
when/then/else loops
if/then/else loops
when/then/other loops
What is one reason for validating your web pages?
Valid HTML assures that all standards-compliant browsers will render the page reliably.
Valid HTML loads many times faster than non-standard code.
Valid HTML is the only form of code that by law may be published on the Internet.
Valid HTML is the only form of HTML that standards-compliant browsers will display.
When validating a web page, it is usually a good idea to fix the first error, then save and retest because correcting one error tends to—
take several days to process.
make the validator process the page more quickly.
ensure the validator will not freeze up as it will when multiple errors are corrected.
have an influence on subsequent validation errors, possibly fixing other errors in a domino fashion.
The W3C HTML validator (and most validation services) allow you to—
validate by entering the URL to your web page.
validate by uploading an HTML file from your local drive.
validate by pasting your HTML code directly into the validator.
All of the above
If you have an HTML file that has not been posted on the Internet and only resides in your local drive, by what means will you validate it
Validate by URL
Validate by file upload
Validate by direct input
Either b or c
All of the above
If you wish to test your site's accessibility with an online accessibility checker but your site only exists on your local drive and is not yet available on the Internet, you will need a validation tool that—
allows you to upload files.
allows you to input your code directly into the validation tool.
allows you to enter the URL of your web site.
All of the above
Either a or b
Usability testing is recommended because—
it helps to identify areas where your site isn't working as you intended it to.
it may reveal flaws in the site's design that result in users not interacting with the site in the way that you intended.
designers often mistakenly assume their needs and preferences are the same as others.
All of the above
A usability test involves the following steps:
File sharing
Voice over IP
All of the above
Computers running software specifically designed to transmit and store Web resources are called—
Web servers
Modems
Routers
USB Drives
URL stands for--
Unfiltered Resource Lending
Uniform Resource Locator
Unified Resource Localization
None of the above
To get your website on the Web, you need a web server.
True
False
