Name:
Class:
Date:
True / False
1. A budget should be included as part of a website’s project plan.
a.
True
b.
False
True
1
2
2. In the web design industry, there is a set hourly project fee.
a.
True
b.
False
False
1
3
3. Any time you’re creating a website or a single web page with links to other websites, it’s helpful to map out the
relationships between pages.
a.
True
b.
False
True
1
4
4. Common mobile user agents are Safari and Chrome.
a.
True
b.
False
True
1
18
5. The website budget should always include who is responsible for what task.
a.
True
b.
False
False
1
2
6. The W3C is an organization that helps build consensus around changes and additions to the HTML language.
a.
True
b.
False
True
1
15
Name:
Class:
Date:
Page 2
7. One way to customize your browser is to install a wireframe.
a.
True
b.
False
8. A wireframe and a storyboard are the same and can be used interchangeably when planning a website.
a.
True
b.
False
False
1
4
9. Most web page designs use columns that are about one-half the width of the page to approximate traditional aesthetic
proportions.
a.
True
b.
False
False
1
4
10. A storyboard, which contains a placeholder text and images, can be used to create a layout for a website.
a.
True
b.
False
False
1
2, 5
Modified True / False
11. The budget should be included in the project storyboard, which becomes part of the contract.
_________________________
False – plan
1
2
12. Web developers often maintain a separate testing server for their projects, which is a location available on a local
network or on the web that is non-publicized and may even require a password for access. _________________________
True
1
13. HTML has a companion language, XHTML, which is designed for describing the appearance of items.
_________________________
False
1
4, 14
Name:
Class:
Date:
Page 3
14. The h1 element represents the highest-level heading on the page._________________________
True
1
10
15. The title element is part of the document’s body section because the text does not appear in the main browser
window._________________________
1
8
16. You can add the appropriate HTML tags to specify the element type for each text item on a web
page. _________________________
True
1
10
17. You must test your web page on different servers because rendering engines translate web page elements differently.
_________________________
False – browsers
1
15
Multiple Choice
18. Many options are available for creating web pages, but no matter which method you use, the first step involves a
thoughtful ____ process.
a.
building
b.
planning
c.
publishing
d.
developing
b
1
2
19. Whether you’re brainstorming for a personal site or meeting with a client regarding a site you’ve been hired to create,
you sum up your work with a project plan, which is also known as a ____ document.
a.
detail
b.
design
c.
systems
d.
Web
b
1
2
20. Listing exclusions in the project plan will help reduce the potential for scope ____, which is the expansion of a project
False – Cascading Style Sheets (CSS), CSS, Cascading Style Sheets
1
10
Name:
Class:
Date:
beyond the original goals and objectives.
a.
crawl
b.
sneak
c.
slither
d.
creep
d
1
2
21. Which of the following is NOT a potential questions to ask about the target audience?
a.
What is the average education level?
b.
What is the mix of genders?
c.
Why will people visit the website?
d.
What are the short-term goals of the website?
d
1
2
22. You should always provide the website owner with a __________ that includes the delivery date of the final website,
implementation milestones along the way, and who is responsible for which tasks.
a.
budget
b.
storyboard
c.
accessibility document
d.
timeline
d
1
2
23. Many common web page designs use columns that are about ____ of the width of the page to approximate traditional
aesthetic proportions.
a.
one half
b.
a third
c.
a fourth
d.
a fifth
b
1
4
24. Most multipage websites need a standardized ____ section that provides links to each of the pages.
a.
header
b.
navigation
c.
hyperlink
d.
footer
b
1
4
25. Placing the elements in a website layout that’s functional, usable, and, ideally, aesthetically pleasing is often the job of
a ___________.
a.
software engineer
b.
graphic engineer
c.
software designer
d.
graphic designer
d
Name:
Class:
Date:
Page 5
26. Any time you’re creating a website or a single web page with links to other websites, it’s helpful to map out the ____
between pages.
a.
security links
b.
title tags
c.
keyboard shortcuts
d.
relationships
d
1
4
27. To make your site available to anyone with access to the web, you need to copy the files to a web ____, which is a
computer optimized to store and share web documents and that has an extremely high-speed Internet connection.
a.
portal
b.
server
c.
publisher
d.
client
b
1
16
1
4
Name:
Class:
Date:
Page 6
28. The figure above shows a project plan that includes a section for the budget. In general, it is recommended that a
budget be included ____.
a.
if the project is coming in over budget
b.
if the project is more than $10,000
c.
in every website design project
d.
if the client asks for one
29. Identifying the type of website is an important part of a project plan; and the figure above lists this site type as
“Billboard.” Usually websites have one of a small number of main functions that do NOT include: ____.
a.
online informational brochure
b.
site that converts HTML into XML
c.
site that sells products and services
d.
site that extracts information from databases
Name:
Class:
Date:
b
1
3, 7
30. You plan to do some research on the types of web browsers your users will use. Referring to the figure above, this
information fits in the ____ section of the project plan.
a.
Site type
b.
Target Audience
c.
Timeline
d.
Client contact info
b
1
2
31. The figure above shows a timeline that includes milestones, the date the project will be completed, and who is
responsible for each task. Normally, you do NOT need to include ____ in the timeline.
a.
milestones
b.
completion date
c.
person responsible for each task
d.
None of the above, all of these items should be included
d
1
2
32. The owner of your company said he primarily wants to know one thing: “Why do you want a website?” Referring to
the figure above, the answer to this question is in the ____ section of the project plan.
a.
Objectives
b.
Target Audience
c.
Site type
d.
Budget
1
2
Case-Based Critical Thinking Question
Scott is the website administrator for a large pet food manufacturer. It plans to sell its products online and wants to test its
retail website.
33. Scott hires an intern to help with the project, and realizes that the new intern has uploaded all of the testing pages to
the final upload location on the web server. Scott tells the intern the following: ____.
a.
“Good job. That is exactly where they go.”
b.
“That is not a good location because all the pages are now available to the public.”
c.
“That is not a good location because ‘testing’ pages should never be put on a server.”
d.
“The pages will not appear on the server because the pages should have been downloaded, not uploaded.”
b
1
16
Critical Thinking
Name:
Class:
Date:
Page 8
34. Scott recommends that the website be tested using _____ .
a.
Google Chrome
b.
Mozilla Firefox
c.
Microsoft Internet Explorer
d.
All of the above.
35. Scott also emphasizes that it is important to add ______ so that as the website is developed and maintained others will
understand more about the website.
a.
extensions
b.
rendering agents
c.
comments
d.
code editors
1
12
Critical Thinking
36. While most tags occur in pairs, some tags, known as ____, are used by themselves.
a.
solo tags
b.
single tags
c.
lone tags
d.
one-sided tags
d
1
6
37. <!DOCTYPE html> creates an element known as the DOCTYPE ____, which lets user agents know that the
document contents are written in HTML.
a.
property
b.
setting
c.
declaration
d.
announcement
1
6
38. A tag pair assigns meaning to a web page ____, which is a specific component of the page, such as a paragraph or a
heading.
a.
property
b.
element
c.
object
d.
attribute
b
1
6
39. You place the ____ tag at the start of the element you are marking and the closing tag at the end.
a.
go
b.
opening
d
1
14
Critical Thinking
Name:
Class:
Date:
Page 9
c.
start
d.
beginning
40. When creating a closing tag the opening angle bracket is followed by a(n) ____.
a.
? (question mark)
b.
/ (slash)
c.
! (exclamation point)
d.
# (number symbol)
b
1
30
41. Both the head and body tag pairs are located within the html tag pair. This situation is known as ____.
a.
tagging
b.
pairing
c.
nesting
d.
joining
1
8
42. The ____ is located within the html tag pair.
a.
head tag pair
b.
body tag pair
c.
Both A and B.
d.
Neither A nor B.
1
8
43. It is important to test your code ____.
a.
in a variety of popular browsers
b.
on multiple operating systems
c.
Both A and B.
d.
Neither A nor B.
1
15
44. User agents are built around software known as ____ engines that translate web page elements into visual, auditory, or
tactile representations based on these standards.
a.
server
b.
rendering
c.
sensing
d.
creation
b
1
15
45. The display of web pages in HTML5 starts with the standards created by the W3C. The standards list and describe
____.
a.
all the available elements
b
1
6
Name:
Class:
Date:
Page 10
b.
the parameters for how user agents should use available elements
c.
Both A and B.
d.
Neither A nor B.
46. In the figure above, the head element is ____.
a.
a child of the html element
b.
the parent of the meta element
c.
Both A and B.
d.
Neither A nor B.
1
9
47. In the figure above, the html element is the ____ element of the meta element.
a.
child
b.
sibling
c.
cousin
d.
grandparent
d
9
48. In the figure above, the meta element can be referred to as a ____ element of the html element.
a.
grandparent
b.
grandchild
c.
sibling
d.
cousin
b
1
9
1
15
Name:
Class:
Date:
Page 11
49. In the figure above, the application “Notepad++” is a(n) ____.
a.
HTML program
b.
text editor
c.
word processor
d.
web editor
50. In the figure above, item #1 tells the user agent that the code is written in ____.
a.
XHTML
b.
HTML
c.
XML
d.
CSS
b
1
6, 7
51. In the figure above, item #2 shows a(n) ____.
a.
html code pair
b.
html tag pair
c.
two-sided codes
d.
two-sided pairs
b
1
6, 7
52. In the figure above, item #3 shows a(n) ____ tag.
b
1
6, 7
Name:
Class:
Date:
a.
beginning
b.
closing
c.
ending
d.
opening
d
1
6, 7
53. In the figure above, item #4 shows a(n) ____ tag.
a.
beginning
b.
closing
c.
ending
d.
opening
b
1
6, 7
Case-Based Critical Thinking Question
Mary is creating a website to document her adoption of a 1-year old little girl from Kazakhstan. Her friend Shauna makes
the following recommendations and suggests that Mary follow them.
54. Shauna tells Mary that she should consider using ______ to enter her code.
a.
a code editor
b.
hand coding
c.
her favorite browser
d.
wireframe
1
6
Critical Thinking
55. Shauna explains to Mary that within her web page there will be two main sections, the _____section and the body
section.
a.
head
b.
parent
c.
nested
d.
DOCTYPE
1
8
Critical Thinking
Completion
56. A(n) ________________ is a sketch that outlines the components of each web page and their places in the layout, as
well as the links between the pages in a web site.
storyboard
1
4
57. An alternative to creating a layout for your website is to download a(n) ________________, which is a generic layout
that includes a color scheme and element positions, but which uses placeholder images and text.
template
Page 13
58. A website’s ease of use is known as ________________.
usability
1
8
59. To create a web page, you enter text that you want to display on the page along with HTML codes known as
________________, which specify how a user agent should treat each item in the document.
tags
6
60. The contents of the ________________ section are visible in the main window of a web browser and include elements
like paragraphs and headings.
body
1
8
61. The ________________ element specifies text that appears in the title bar of the web browser opening the page.
1
10
Matching
Match each letter above with the statement that best defines it.
a.
web
b.
web pages
c.
project plan
d.
web sites
e.
storyboard
1
62. Design document
1
63. Sketch outlining the components of each web page
1
64. Collection of Web pages available on the web
1
5
Name:
Class:
Date:
d
POINTS:
1
65. Another term for World Wide Web
ANSWER:
POINTS:
1
66. Documents formatted to be accessible on the web
ANSWER:
b
1
Match each letter with the statement that best defines it.
a.
attribute
b.
charset attribute
c.
renders
d.
preview
e.
comments
REFERENCES:
4, 12, 14
67. Text following the name of the tag in the code you typed
POINTS:
1
68. Specifies the character encoding
ANSWER:
b
POINTS:
1
69. Involves opening the Web page in one or more user agents and examining the result
ANSWER:
d
POINTS:
1
70. Text elements in your Web page code that user agents ignore
ANSWER:
1
71. The way each browser displays a Web page
ANSWER:
1
Essay
72. One of the most important steps in building a website is to identify the website goals and objectives. Please list at
least five questions you can ask to help identify this information.
Why do you want a website?
73. One of the components of a project plan is to identify the type of website you are building. The Define a Project Plan
lesson stated that “A Web site usually has one of a small number of main functions.” Please name four of these six
functions.
74. When can comments be especially helpful? What are some common uses of comments? What is the syntax of the
beginning and end of a comment tag pair.
75. Please describe the function each of the following elements serve: html, head, body, meta, and title.