Full file at
Tutorial 02: Developing a Web Site
TRUE/FALSE
1.The home page acts as a focal point for the Web site.
ANS:TPTS:1REF:HTML 62
2.Id names are case-sensitive.
ANS:FPTS:1REF:HTML 74
3.Marking a location with an anchor does not change a document's appearance in any way.
ANS:TPTS:1REF:HTML 78
4.Adding an id creates locations in your Web page that become destinations of links.
ANS:TPTS:1REF:HTML 74
5.You use the <L> tag to create a link within a document.
ANS:FPTS:1REF:HTML 67
6.The id name "EMP" is the same as "emp".
ANS:TPTS:1REF:HTML 74
7.You should be careful to make each id name unique within a document.
ANS:TPTS:1REF:HTML 74
8.If a browser finds duplicate id names in an XHTML document, it uses the first one.
ANS:TPTS:1REF:HTML 74
9.You should write a link to an id as:
<a href="#new"<h2>New Material</h2</a>
not as:
<h2<a href="#new">New Material</a</h2>
ANS:FPTS:1REF:HTML 78
10.Adding an id attribute to an element marks that location in the document.
ANS:TPTS:1REF:HTML 74
11.The structure shown in the figure above is a hierarchical structure.
ANS:FPTS:1REF:HTML 63
12.In the structure shown in the figure above, you can jump only from one page to the next or previous page.
ANS:TPTS:1REF:HTML 63
13.The structure shown in the figure above is an augmented linear structure.
ANS:TPTS:1REF:HTML 63
14.The structure shown in the figure above is a linear structure.
ANS:FPTS:1REF:HTML 64
15.You can combine linear and hierarchical structures.
ANS:TPTS:1REF:HTML 64 | HTML 65
16.The best time to organize a structure is when you first start creating pages, when those pages are small in number and more easily managed.
ANS:FPTS:1REF:HTML 62
17.Like creating hypertext links between elements on the same page, the process of linking to a document on your computer does not require you to set an anchor in a file to link to it or to create an id attribute.
ANS:TPTS:1REF:HTML 67
18.For some Web servers, the case (upper or lower) of the filenames in the href attribute of the<a> tag is important.
ANS:TPTS:1REF:HTML 67
19.Browsers assume that if no folder information is given, the file is in the same folder as the current document.
ANS:TPTS:1REF:HTML 69
20.In some situations, such as when working with large Web sites, you might want to place different files in different folders to help you stay organized.
ANS:TPTS:1REF:HTML 69
MODIFIED TRUE/FALSE
1.Spam is unsolicited junk e-mail sent to large numbers of people, promoting products, services, and in some cases, pornographic Web sites. ______
ANS:TPTS:1REF:HTML 98
2.A tooltip is descriptive text that appears whenever a user positions the mouse pointer over a link. ______
ANS:TPTS:1REF:HTML 100
3.If a document to which you are linking is not in the same directory, you need to use a relative link. ______
ANS:F, absolute
PTS:1REF:HTML 71
4.The target attribute is not supported in strict HTML-compliant code. ______
ANS:F, XHTML
PTS:1REF:HTML 100
5.Two attributes, rel and rev, allow you to specify the relationship between a link and its destination. ______
ANS:TPTS:1REF:HTML 101
6.You link to an id using the id name preceded by a(n) . ______
ANS:F
#
pound symbol
PTS:1REF:HTML 76
7.Links containing the rel and rev attributes are called destination links because the tag contains information about the relationship between the link and its destination. ______
ANS:F, semantic
PTS:1REF:HTML 101
8.The general rule is to always place anchors outside other block level elements. ______
ANS:F
within
inside
PTS:1REF:HTML 78
9.Before you set up links for navigating a group of Web pages, it is worthwhile to map out exactly how you want the pages to relate, using a technique known as storyboarding. ______
ANS:TPTS:1REF:HTML 62
10.A Web site needs to include information about itself, called metadata, so search engines can read it and add the site to their search indices. ______
ANS:TPTS:1REF:HTML 103
11.HTML supports two kinds of paths: absolute paths and recalibrated paths. ______
ANS:F, relative
PTS:1REF:HTML 70
12.In an absolute path, each folder is separated by a slash. ______
ANS:TPTS:1REF:HTML 71
13.The semantic link relationship value begin references the first document in a collection of documents. ______
ANS:F, start
PTS:1REF:HTML 102
14.To differentiate files located on different computers, HTML requires you to include the drive letter followed by a slash. ______
ANS:F, vertical bar
PTS:1REF:HTML 71
15.Like absolute pathnames, a relative pathname does not begin with a slash. ______
ANS:F, Unlike
PTS:1REF:HTML 71
MULTIPLE CHOICE
1.A hypertext link allows you to select to view the ____ of the link.
a. / destination / c. / resourceb. / index / d. / location
ANS:APTS:1REF:HTML 81
2.A(n) ____ is an item you can select, usually by clicking a mouse, to view another topic or document.
a. / resource / c. / netb. / link / d. / index
ANS:BPTS:1REF:HTML 67
3.An element that has had a(n) ____ name assigned to it can be the destination of a link.
a. / icon / c. / idb. / key / d. / tag
ANS:CPTS:1REF:HTML 74
4.The ____ tag creates an anchor.
a. / <link> / c. / <an>b. / <i> / d. / <a>
ANS:DPTS:1REF:HTML 78
5.You assign each anchor its own anchor name, using the ____ attribute.
a. / name / c. / linkb. / anchor / d. / identify
ANS:APTS:1REF:HTML 78
6.To create a link to an anchor, you use the ____ attribute.
a. / name / c. / linkb. / href / d. / anchor
ANS:BPTS:1REF:HTML 78
7.You link to an id or anchor using the anchor name preceded by the ____ symbol.
a. / c. / #b. / ^ / d. / %
ANS:CPTS:1REF:HTML 76 | HTML 78
8.In a ____ structure, each page is linked to the next and to previous pages, in an ordered chain of pages.
a. / relational / c. / maximizedb. / hierarchical / d. / linear
ANS:DPTS:1REF:HTML 63
9.In a(n) ____ linear structure, you include a link in each page that jumps directly back to the first page, while keeping the links that allow you to move to the next and previous pages.
a. / augmented / c. / absoluteb. / relational / d. / navigational
ANS:APTS:1REF:HTML 63
10.The figure above shows an example of a(n) ____ applied to a link.
a. / access / c. / alternativeb. / tooltip / d. / base
ANS:BPTS:1REF:HTML 100
11.A(n) ____ structure starts with a general topic that includes links to more specific topics.
a. / linear / c. / hierarchicalb. / augmented linear / d. / absolute
ANS:CPTS:1REF:HTML 64
12.In a(n) ____ structure, users can move easily from general to specific and back, but not from specific to specific.
a. / augmented linear / c. / relativeb. / linear / d. / hierarchical
ANS:DPTS:1REF:HTML 64
13.For older browsers, you can use ____ to remove the border around a picture.
a. / border=”0” / c. / border=”false”b. / border-width=”0” / d. / border-width=”false”
ANS:APTS:1REF:HTML 86
14.When referencing a file located in a different folder than the link tag, you must include the ____ for the file.
a. / link / c. / anchorb. / path / d. / map
ANS:BPTS:1REF:HTML 70
15.Which of the following is an HTML-supported kind of path?
a. / absolute / c. / interpretedb. / relative / d. / Both A and B
ANS:DPTS:1REF:HTML 71
16.A(n) ____ path provides a precise location for a file.
a. / relative / c. / absoluteb. / interpreted / d. / indexed
ANS:CPTS:1REF:HTML 71
17.With HTML, absolute pathnames begin with a ____.
a. / slash / c. / commab. / period / d. / parenthesis
ANS:APTS:1REF:HTML 71
18.In an absolute pathname, after you type the name of the folder that contains the file, you type a final ____ and then the filename itself.
a. / comma / c. / periodb. / slash / d. / parenthesis
ANS:BPTS:1REF:HTML 71
19.Which of the following absolute pathnames is interpreted as “the chem.htm file is in the tutorial folder, which is a subfolder of the tutorial02 folder”?
a. / /tutorial02_tutorial_chem.htm / c. / /tutorial02/tutorial/chem.htmb. / tutorial02/tutorial/chem.htm / d. / tutorial02\tutorial\chem.htm
ANS:CPTS:1REF:HTML 71
20.The links.htm file is in the same folder as the chem.html file. What is the relative pathname for the links.htm file?
a. / tutorial02_tutorial_links.htm / c. / /tutorial02/tutorial/chem/links.htmb. / links.htm / d. / /tutorial02/tutorial/links.htm
ANS:BPTS:1REF:HTML 71
21.Which of the following absolute pathnames is interpreted as “the rock.htm file is in the case1 folder, which is a subfolder of the tutorial02 folder”?
a. / /tutorial02/case1/rock.htm / c. / \tutorial02\case1\rock.htmb. / tutorial02_case1_rock.htm / d. / tutorial02/case1/rock.htm
ANS:APTS:1REF:HTML 71
22.Which of the following absolute pathnames is interpreted as “the parks.htm file is in the extra folder, which is a subfolder of the /tutorial02/case1 folder”?
a. / tutorial02 case1 extra parks.htm / c. / /tutorial02_case1_extra_parks.htmb. / /tutorial02/case1/extra/parks.htm / d. / tutorial02/case1/extra/parks.htm
ANS:BPTS:1REF:HTML 71
23.To link to a document, you must specify its ____.
a. / property / c. / pathb. / relation / d. / attribute
ANS:CPTS:1REF:HTML 71
24.To differentiate the absolute pathnames to files that are located on different drives, HTML requires you to include the drive letter followed by a ____.
a. / comma / c. / slashb. / period / d. / vertical bar
ANS:DPTS:1REF:HTML 71
25.A file named “chem.htm” in the tutorial02 folder on drive C of your computer has what absolute pathname?
a. / /C|/tutorial02/chem.htm / c. / /C/tutorial02/chem.htmb. / /C|:tutorial02/chem.htm / d. / /C|tutorial02/chem.htm
ANS:APTS:1REF:HTML 71
26.Most Web designers use ____ pathnames in their hypertext links.
a. / absolute / c. / interpretedb. / relative / d. / regular
ANS:BPTS:1REF:HTML 71
27.A(n) ____ path specifies the location for a file in relation to the folder containing the current Web document.
a. / absolute / c. / relativeb. / interpreted / d. / regular
ANS:CPTS:1REF:HTML 71
28.As with absolute pathnames, folder names are separated by ____ in relative pathnames.
a. / commas / c. / ampersandsb. / periods / d. / slashes
ANS:DPTS:1REF:HTML 71
29.To reference a file in a folder directly above the current folder in the folder hierarchy, relative pathnames use two ____.
a. / periods / c. / ampersandsb. / commas / d. / slashes
ANS:APTS:1REF:HTML 71
30.Which of the following relative pathnames is interpreted as “the index.htm file is in the folder one level up in the folder tree from the current file”?
a. / ./index.htm / c. / /index.htmb. / ../index.htm / d. / __/index.htm
ANS:BPTS:1REF:HTML 72
31.Which of the following relative pathnames is interpreted as “the chem.htm file is in the tutorial subfolder one level up in the folder tree from the current file”?
a. / __/tutorial/chem.htm / c. / ../tutorial/chem.htmb. / /tutorial/chem.htm / d. / ./tutorial/chem.htm
ANS:CPTS:1REF:HTML 72
32.Which of the following relative pathnames is interpreted as “the rock.htm file is in the same folder as the current file”?
a. / /rock.htm / c. / ../rock.htmb. / ./rock.htm / d. / rock.htm
ANS:DPTS:1REF:HTML 71 | HTML 72
33.Which of the following relative pathnames is interpreted as “the parks.htm file is in the extra subfolder, which is one level down from the current folder”?
a. / extra/parks.htm / c. / ./extra/parks.htmb. / ../extra/parks.htm / d. / /extra/parks.htm
ANS:APTS:1REF:HTML 71 | HTML 72
34.To create a hypertext link to a document on the Internet, you need to know its ____.
a. / communications protocol / c. / relative pathnameb. / URL / d. / target
ANS:BPTS:1REF:HTML 89
35.A ____ specifies a precise location on the Web for a file.
a. / target / c. / URLb. / relative pathname / d. / communications protocol
ANS:CPTS:1REF:HTML 89
36.To specify a hotspot in an image map, you can use the ____ shape.
a. / circle / c. / rectb. / poly / d. / all of the above
ANS:DPTS:1REF:HTML 82
37.Once you know an element’s ID, you can create a link to it by adding the ID to the ____ tag along with the href attribute in your text file.
a. / <a> / c. / <link>b. / <anchor> / d. / Any of the above
ANS:APTS:1REF:HTML 76
38.If you want an external document to be displayed in its own browser window, you can assign the ____ keyword to the target attribute.
a. / _same / c. / _thisb. / _blank / d. / _over
ANS:BPTS:1REF:HTML 99
39.The first portion of a URL identifies the ____.
a. / prototype / c. / protocolb. / index / d. / resource
ANS:CPTS:1REF:HTML 89
40.A(n) ____ is a set of rules that governs how information is exchanged.
a. / prototype / c. / resourceb. / index / d. / protocol
ANS:DPTS:1REF:HTML 89
41.Web pages use the communication protocol ____.
a. / HTTP / c. / URLb. / HTML / d. / FTP
ANS:APTS:1REF:HTML 89
42.All Web page URLs begin with the letters ____.
a. / html / c. / urlb. / http / d. / www
ANS:BPTS:1REF:HTML 89
43.Following the communication protocol, there is typically a separator, such as a colon and two ____.
a. / commas / c. / slashesb. / periods / d. / ampersands
ANS:CPTS:1REF:HTML 90
44.In the URL the protocol is ____.
a. / http / c. / /course/info.htmlb. / / d. / #majors
ANS:APTS:1REF:HTML 90
45.In the URL the server is ____.
a. / / c. / /course/info.htmlb. / / d. / #majors
ANS:BPTS:1REF:HTML 90
46.In the URL the path and filename of the document are ____.
a. / / c. / /course/info.htmlb. / / d. / #majors
ANS:CPTS:1REF:HTML 90
47.In the URL the id/anchor name is ____.
a. / / c. / /course/info.htmlb. / / d. / #majors
ANS:DPTS:1REF:HTML 90
48.If the path and filename are left off the URL, the browser searches for a file named ____ in the root folder of the Web server.
a. / index.htm / c. / index.httpb. / index.html / d. / Either A or B
ANS:DPTS:1REF:HTML 90
49.____ servers can store files that Internet users can download, or transfer, to their computers.
a. / FTP / c. / Newsb. / Usenet / d. / Telnet
ANS:APTS:1REF:HTML 92
50.If you want all of the links in your document to point to a new window, you can add the target attribute to the ____ tag in the document’s header.
a. / <title /> / c. / <a>b. / <base /> / d. / <head />
ANS:CPTS:1REF:HTML 99
51.To use a single image to access multiple targets, you must set up ____ within the image.
a. / hotspots / c. / iconsb. / links / d. / alt tags
ANS:APTS:1REF:HTML 81
52.Hotspots are defined through the use of ____ maps.
a. / target / c. / practiceb. / image / d. / link
ANS:BPTS:1REF:HTML 81
53.A(n) ____ map lists the position of all hotspots within a particular image.
a. / target / c. / imageb. / practice / d. / hot
ANS:CPTS:1REF:HTML 82
54.Which of the following is a type of image map?
a. / server-side / c. / target-sideb. / client-side / d. / Both A and B
ANS:DPTS:1REF:HTML 82 | HTML 88
55.What part of the image hotspot indicates file or location link?
a. / shape / c. / coordsb. / href / d. / alt
ANS:BPTS:1REF:HTML 82 | HTML 84
56.What happens if the coordinates of your <area> tags in an image map overlap?
a. / the first tag is used / c. / the tag used is selected arbitrarilyb. / the last tag is used / d. / the overlapping tags are ignored
ANS:APTS:1REF:HTML 82
57.An advantage of ____ image maps is that, when a user clicks a link, the information does not have to be sent over the network or dial-up connection.
a. / server-side / c. / target-sideb. / client-side / d. / Both A and B
ANS:BPTS:1REF:HTML 82
58.Map elements can be placed anywhere within the body of the Web page because they are not actually displayed by the browser, but used as references for mapping ____ to inline images.
a. / hotspots / c. / attributesb. / image maps / d. / Both A and B
ANS:APTS:1REF:HTML 82
59.You can use the ____ shape to cause the areas of an image map not covered by one of the three main shapes.
a. / alternate / c. / defaultb. / noshape / d. / none of the above
ANS:CPTS:1REF:HTML 84
60.Two points define a rectangular hotspot: the ____ and the ____ corner.
a. / lower-left, lower-right / c. / lower-left, upper-rightb. / upper-right, lower-left / d. / upper-left, lower-right
ANS:DPTS:1REF:HTML 82
61.To create a polygonal hotspot, you enter the coordinates for each ____ in the shape.
a. / radius / c. / vertexb. / corner / d. / center
ANS:BPTS:1REF:HTML 83
62.You have to place a(n) ____ before the image map name with the usemap attribute in the <img> tag.
a. / ampersand / c. / colonb. / pound sign / d. / percent sign
ANS:BPTS:1REF:HTML 86
63.Once you know a document's URL, you can create a link to it by adding the URL to the <a> tag along with the ____ attribute in your text file.
a. / href / c. / altb. / title / d. / url
ANS:APTS:1REF:HTML 91
64.The exact separator that follows the communications protocol depends on the ____.
a. / Web server / c. / Internet resourceb. / Web page / d. / Internet node
ANS:CPTS:1REF:HTML 90 | HTML 94
65.By convention, if the path and filename are left off the URL, the browser searches for a file named "index.htm" or "index.html" in the root folder of the Web server; this file is often the ____ page for the Web site.
a. / main / c. / catalogb. / link / d. / home
ANS:DPTS:1REF:HTML 90
66.____ is the protocol used to indicate a Usenet newsgroup.
a. / ftp / c. / fileb. / news / d. / mailto
ANS:BPTS:1REF:HTML 90
67.HTML supports two kinds of paths: ____.
a. / relational and interpreted / c. / relative and absoluteb. / logical and physical / d. / relative and directional
ANS:CPTS:1REF:HTML 71
68.Given the absolute pathname /tutorial02/index.htm, the index.htm file is in the ____ folder.
a. / home / c. / indexb. / tutorial02 / d. / tutorial
ANS:BPTS:1REF:HTML 71
69.By default, each Web page you open is displayed in ____.
a. / the main browser window / c. / a new browser windowb. / the previous browser window / d. / none of the above
ANS:APTS:1REF:HTML 99
70.To force a document to appear in a new window, you add the ____ attribute to the <a> tag.
a. / window / c. / target-sideb. / alt / d. / target
ANS:DPTS:1REF:HTML 99
Case-Based Critical Thinking Questions
Case 2-1
Darrell's Web Design wants to create a navigational menu using a picture that Darrell created in MS Paint. The picture includes text names of the various Web sites for which he would like to create links. Each section of the picture he wants to make into links is not regularly shaped; instead they are more like trapezoids.
71.What tag can Darrell use to make his image clickable for the five different links?
a. / <imgmap> / c. / <map>b. / <ftp> / d. / <a>
ANS:CPTS:1REF:HTML 82TOP:Critical Thinking
72.Darrell wants tips to appear when the mouse is over the hotspots. Which attribute should he use?
a. / tip / c. / titleb. / alt / d. / target
ANS:BPTS:1REF:HTML 85TOP:Critical Thinking
73.Which shape would best suit the hotspots Darrell would like to create?
a. / rectangle / c. / circleb. / polygonal / d. / oval
ANS:BPTS:1REF:HTML 82TOP:Critical Thinking
Case-Based Critical Thinking Questions
Case 2-2
HotJobs Cyber Cafe is a cafe with free Internet service and computers that are linked to various online career opportunities. They have set up the computers they provide to display their Website to help users have a starting point.
74.The owners find that customers are constantly asking the same questions over and over of their staff. How can they automate the answering of those questions via their website?