40p6zu91z1c3x7lz71846qd1.wpengine.netdna-cdn.com40p6zu91z1c3x7lz71846qd1.wpengine.netdna-cdn.com/… · Web viewTutorial 02: Developing a Web Site. TRUE/FALSE. 1.The home page acts

Tutorial 02: Developing a Web Site

TRUE/FALSE

1. The home page acts as a focal point for the Web site.

ANS: T PTS: 1 REF: HTML 62

2. Id names are case-sensitive.

ANS: F PTS: 1 REF: HTML 74

3. Marking a location with an anchor does not change a document's appearance in any way.


4. Adding an id creates locations in your Web page that become destinations of links.


5. You use the <L> tag to create a link within a document.


6. The id name "EMP" is the same as "emp".


7. You should be careful to make each id name unique within a document.


8. If a browser finds duplicate id names in an XHTML document, it uses the first one.


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>


10. Adding an id attribute to an element marks that location in the document.


11. The structure shown in the figure above is a hierarchical structure.


12. In the structure shown in the figure above, you can jump only from one page to the next or previous page.


13. The structure shown in the figure above is an augmented linear structure.


14. The structure shown in the figure above is a linear structure.


15. You can combine linear and hierarchical structures.

ANS: T PTS: 1 REF: 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.


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.


18. For some Web servers, the case (upper or lower) of the filenames in the href attribute of the <a> tag is important.


19. Browsers assume that if no folder information is given, the file is in the same folder as the current document.


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.


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. ____________________


2. A tooltip is descriptive text that appears whenever a user positions the mouse pointer over a link. ____________________


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: 1 REF: HTML 71

4. The target attribute is not supported in strict HTML-compliant code. ____________________

ANS: F, XHTML

PTS: 1 REF: HTML 100

5. Two attributes, rel and rev, allow you to specify the relationship between a link and its destination. ____________________


6. You link to an id using the id name preceded by a(n) &. ____________________

ANS: F#pound symbol

PTS: 1 REF: 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


8. The general rule is to always place anchors outside other block level elements. ____________________

ANS: Fwithininside

PTS: 1 REF: 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. ____________________


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. ____________________


11. HTML supports two kinds of paths: absolute paths and recalibrated paths. ____________________

ANS: F, relative

PTS: 1 REF: HTML 70

12. In an absolute path, each folder is separated by a slash. ____________________


13. The semantic link relationship value begin references the first document in a collection of documents. ____________________

ANS: F, start


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: 1 REF: HTML 71

15. Like absolute pathnames, a relative pathname does not begin with a slash. ____________________

ANS: F, Unlike

PTS: 1 REF: 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: A PTS: 1 REF: 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: B PTS: 1 REF: 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: C PTS: 1 REF: HTML 74

4. The ____ tag creates an anchor.a. <link> c. <an>b. <i> d. <a>

ANS: D PTS: 1 REF: HTML 78

5. You assign each anchor its own anchor name, using the ____ attribute.a. name c. linkb. anchor d. identify


6. To create a link to an anchor, you use the ____ attribute.a. name c. linkb. href d. anchor


7. You link to an id or anchor using the anchor name preceded by the ____ symbol.a. & c. #

b. ^ d. %

ANS: C PTS: 1 REF: 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


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


10. The figure above shows an example of a(n) ____ applied to a link.a. access c. alternativeb. tooltip d. base


11. A(n) ____ structure starts with a general topic that includes links to more specific topics.a. linear c. hierarchicalb. augmented linear d. absolute


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


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”


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


15. Which of the following is an HTML-supported kind of path?a. absolute c. interpretedb. relative d. Both A and B


16. A(n) ____ path provides a precise location for a file.a. relative c. absoluteb. interpreted d. indexed


17. With HTML, absolute pathnames begin with a ____.a. slash c. commab. period d. parenthesis


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


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


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


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


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


23. To link to a document, you must specify its ____.a. property c. pathb. relation d. attribute


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


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


26. Most Web designers use ____ pathnames in their hypertext links.a. absolute c. interpretedb. relative d. regular


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


28. As with absolute pathnames, folder names are separated by ____ in relative pathnames.a. commas c. ampersandsb. periods d. slashes


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


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.htm

b. ../index.htm d. __/index.htm


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


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: D PTS: 1 REF: 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: A PTS: 1 REF: 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


35. A ____ specifies a precise location on the Web for a file.a. target c. URLb. relative pathname d. communications protocol


36. To specify a hotspot in an image map, you can use the ____ shape.a. circle c. rectb. poly d. all of the above


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


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


39. The first portion of a URL identifies the ____.a. prototype c. protocolb. index d. resource


40. A(n) ____ is a set of rules that governs how information is exchanged.a. prototype c. resourceb. index d. protocol


41. Web pages use the communication protocol ____.a. HTTP c. URLb. HTML d. FTP


42. All Web page URLs begin with the letters ____.a. html c. urlb. http d. www


43. Following the communication protocol, there is typically a separator, such as a colon and two ____.a. commas c. slashesb. periods d. ampersands


44. In the URL http://www.mwu.edu/course/info.html#majors, the protocol is ____.a. http c. /course/info.htmlb. www.mwu.edu d. #majors


45. In the URL http://www.mwu.edu/course/info.html#majors, the server is ____.a. http:// c. /course/info.htmlb. www.mwu.edu d. #majors


46. In the URL http://www.mwu.edu/course/info.html#majors, the path and filename of the document are ____.a. http:// c. /course/info.htmlb. www.mwu.edu d. #majors


47. In the URL http://www.mwu.edu/course/info.html#majors, the id/anchor name is ____.a. http:// c. /course/info.htmlb. www.mwu.edu d. #majors


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


49. ____ servers can store files that Internet users can download, or transfer, to their computers.a. FTP c. Newsb. Usenet d. Telnet


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 />


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


52. Hotspots are defined through the use of ____ maps.a. target c. practiceb. image d. link


53. A(n) ____ map lists the position of all hotspots within a particular image.a. target c. imageb. practice d. hot


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: D PTS: 1 REF: HTML 82 | HTML 88

55. What part of the image hotspot indicates file or location link?a. shape c. coordsb. href d. alt

ANS: B PTS: 1 REF: 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


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-side

b. client-side d. Both A and B


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


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


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


61. To create a polygonal hotspot, you enter the coordinates for each ____ in the shape.a. radius c. vertexb. corner d. center


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


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


64. The exact separator that follows the communications protocol depends on the ____.a. Web server c. Internet resourceb. Web page d. Internet node

ANS: C PTS: 1 REF: 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


66. ____ is the protocol used to indicate a Usenet newsgroup.a. ftp c. fileb. news d. mailto


67. HTML supports two kinds of paths: ____.a. relational and interpreted c. relative and absoluteb. logical and physical d. relative and directional


68. Given the absolute pathname /tutorial02/index.htm, the index.htm file is in the ____ folder.a. home c. indexb. tutorial02 d. tutorial


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


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


Case-Based Critical Thinking Questions

Case 2-1Darrell'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: C PTS: 1 REF: HTML 82 TOP: 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: B PTS: 1 REF: HTML 85 TOP: Critical Thinking

73. Which shape would best suit the hotspots Darrell would like to create?a. rectangle c. circleb. polygonal d. oval



Case 2-2HotJobs 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?a. add a frequently asked questions page c. add a staff training pageb. add an image map of career links d. none of the above

ANS: A PTS: 1 REF: HTML 88 TOP: Critical Thinking

75. The owner thinks he may load some interview techniques videos on the Website for customers to download and view. What should he include when linking to them?a. size info c. tips for viewingb. type of video d. all the above

ANS: D PTS: 1 REF: HTML 88 TOP: Critical Thinking

76. The owner wants to add his email address as a link so customers can send questions to him, directly. What should he be most concerned with when designing the links? a. email address c. mailto tagb. potential clients d. potential spam



Case 2-3Michael wants to create a Website based on his famous cooking show. He would like to provide instructions on how to create some of his favorite dishes. He would like his recipes to be displayed in very simple, step by step pages.

77. Which structure would be the best for the storyboard created for one of his recipes?a. linear c. protectedb. mixed d. hierarchical

ANS: A PTS: 1 REF: HTML 63 TOP: Critical Thinking

78. Michael decides that he wants to organize his recipes by categories such as summer, celebrations, etc... What would be the best structure for this part of his website?a. linear c. protectedb. mixed d. hierarchical


79. Overall, the entire Website would have what type of structure?a. linear c. protectedb. mixed d. hierarchical


80. Michael wants to post information exclusively for the chefs in his restaurants. What type of structure should Michael use for these pages?

a. linear c. protectedb. mixed d. hierarchical

ANS: C PTS: 1 REF: HTML 66 TOP: Critical Thinking

COMPLETION

1. By clicking a(n) ____________________ with a mouse you can view another topic or document.

ANS: link

PTS: 1 REF: HTML 67

2. When a single document is moved to a new folder, the ____________________ element redirects browsers to the document’s old loaction, allowing any relative paths to be resolved as they were before.

ANS: base

PTS: 1 REF: HTML 72

3. One way to reduce ____________________ is to replace all e-mail addresses in your page text with inline images of those addresses.

ANS: spam

PTS: 1 REF: HTML 98

4. HREF, as in href attribute, is used to specify the ____________________ of a hypertext link.

ANS: reference

PTS: 1 REF: HTML 67

5. The ____________________ target name for browser windows opens the link in the current browser window.

ANS: _self

PTS: 1 REF: HTML 99

6. In the example, <a href=”#gra”>Grading</a>, the entire word “Grading” is defined as a(n) ____________________.

ANS: link

PTS: 1 REF: HTML 76

7. ____________________ your Web pages before you create links can help determine which structure works best for the type of information you’re presenting.

ANS: Storyboarding

PTS: 1 REF: HTML 62

8. An ____________________ path provides a precise location for a file.

ANS: absolute

PTS: 1 REF: HTML 71

9. When there are many folders and subfolders involved, ____________________ pathnames can be cumbersome and confusing.

ANS: absolute

PTS: 1 REF: HTML 71

10. A URL, or _________________________ specifies a precise location on the Web for a file.

ANS: Uniform Resource Locator

PTS: 1 REF: HTML 89

11. 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.

ANS: href

PTS: 1 REF: HTML 91

12. The portion of a URL before the server name identifies the ____________________.

ANS: protocol

PTS: 1 REF: HTML 90

13. A(n) ____________________ is a set of rules that governs how information is exchanged between two devices.

ANS: protocol

PTS: 1 REF: HTML 89

14. HTTP is short for ______________________________.

ANS: Hypertext Transfer Protocol

PTS: 1 REF: HTML 89

15. Following a communication protocol, there is typically a separator, such as a(n) ____________________ and two slashes.

ANS: colon

PTS: 1 REF: HTML 90

16. FTP, short for _________________________, is a communication protocol that file servers can use to transfer information.

ANS: File Transfer Protocol

PTS: 1 REF: HTML 92

17. FTP ____________________ are one of the main resources for storing files on the Internet.

ANS: servers

PTS: 1 REF: HTML 92

18. ____________________ is the protocol used to open Web pages over a secure encrypted connection.

ANS:httpsHTTPs

PTS: 1 REF: HTML 90

19. An FTP ____________________ can encrypt or hide password information during transmission from your computer to an FTP server.

ANS: client

PTS: 1 REF: HTML 93

20. The lowest levels of a domain name for a company are normally assigned by the ____________________.

ANS: company

PTS: 1 REF: HTML 91

MATCHING

Identify the letter of the choice that best matches the phrase or definition.a. reference g. hierarchicalb. anchor element h. absolutec. site index i. relatived. linear j. URLe. communications protocols k. FTPf. colon l. @

1. The document viewed when you click on a hypertext link2. Type of path used by most Web designers3. Structure in which each page is presented in an ordered chain4. Marks a specific location within a document5. Specifies the precise location on the Web for a file6. Type of path that provides a precise location for a file7. Structure that starts with a general topic that includes links to more specific topics8. Contains an outline of the entire site and its contents

9. Used after the news keyword in a news URL10. One method of storing and sharing files on the Internet11. All Internet resources use these to interact with others12. Used in a mailto URL after the email address

1. ANS: A PTS: 1 REF: HTML 672. ANS: I PTS: 1 REF: HTML 713. ANS: D PTS: 1 REF: HTML 634. ANS: B PTS: 1 REF: HTML 785. ANS: J PTS: 1 REF: HTML 896. ANS: H PTS: 1 REF: HTML 717. ANS: G PTS: 1 REF: HTML 648. ANS: C PTS: 1 REF: HTML 659. ANS: F PTS: 1 REF: HTML 90

10. ANS: K PTS: 1 REF: HTML 9211. ANS: E PTS: 1 REF: HTML 8912. ANS: L PTS: 1 REF: HTML 94

ESSAY

1. What are four steps you can take to reduce problems with spam?

ANS:1. Replace all e-mail addresses in your page text with inline images of those addresses.2. Write a program in a language like JavaScript to scramble any e-mail address in the HTML code. Users can then run the program to unscramble those addresses.3. Replace the characters of the e-mail address with character codes. You can replace the “@” symbol with the code @ replace blank spaces with the code and so forth.4. Replace characters with words in your Web page’s text. For example, replace the “@” symbol with the word “at.”

PTS: 1 REF: HTML 98 TOP: Critical Thinking

2. What are the steps to link to a document on your computer?

ANS:Using your text editor, locate the text or image you want to act as a link. Before the text or image, insert the following code:<a href=“filename”>where filename is the name of the destination document. After the text or image link, place the tag </a>.

PTS: 1 REF: HTML 67 TOP: Critical Thinking

3. What are six tips for creating effective links?

ANS:Storyboard your Web site before you create it.Make sure that users can easily navigate your site by linking each page to the site’s home page and a page containing a site index.Avoid using text like “click here” in your links. Make sure your linked text describes what the destination contains.

Never place two links immediately adjacent to one another; separate them with text or extra spaces or a symbol.Avoid long pages, instead breaking up each page into a sequence of linked pages.If you do create a long page, create links to different sections of the page. Include links throughout the page that users can click to jump to the top of the page.Use only lowercase filenames for all of your documents.Use anchors if you need your internal document links to work with older browsers.Use care when inserting an e-mail link or address into a Web page. Research the latest tools and traps to thwart e-mail harvesters and spammers.

PTS: 1 REF: HTML 62 | HTML 98 TOP: Critical Thinking

Documents

40p6zu91z1c3x7lz71846qd1.wpengine.netdna-cdn.com40p6zu91z1c3x7lz71846qd1.wpengine.netdna-cdn.com/… · Web viewTutorial 02: Developing a Web Site. TRUE/FALSE. 1.The home page acts