Name: Class: Date: 3. Designing is probably the most important part of any successful project.

Transcription

1 Class: Date: DW Practice 3 True/False Indicate whether the statement is true or false. 1. You can use Dreamweaver to create design elements such as text, tables, rollover images, and interactive buttons. 2. You should add as many images as possible to a webpage. 3. Designing is probably the most important part of any successful project. 4. Each time you make a change, such as adding a new button or image to a page, you should test the site again. 5. It is unacceptable to use uppercase letters in the site name, because the site name is also the name of a folder or file. 6. If you create a new file in the Files panel, the extension will be added automatically. 7. The shortcut used to show panels is F4. 8. The head content of a web page contains only page content that is visible in the browser. 9. You can add horizontal rules to help organize a page. 10. To attach a style sheet to another document, click the Attach Style Sheet button on the CSS Styles panel to open the Attach External Style Sheet dialog box, make sure the Add as Link option is selected, browse to locate the file you want to attach, and then click OK. 11. You should add images to a page just as you would add seasoning to food. 12. The Assets panel is divided into three panes. 13. Adobe Bridge is a file management program that can be used across the Adobe suite applications. 14. You can double-click an image placeholder to open the Image Source dialog box. 15. If you delete a file on the Files panel that has an active link to it, you will receive a warning message. 16. You can protect a website image by inserting it as a table, cell, or CSS block background and then placing a transparent image on top of it. 17. Links that connect the pages within a website are always very important because they help viewers navigate between the pages of the site. 18. Typing URLs in the Link text box in the Property inspector can be very tedious. 1

2 19. To make your website more visually appealing, you can create a navigation bar with images rather than text. 20. It is a good idea to provide visual clues on each page to let viewers know where they are. 21. CSS page templates consist of containers formatted with CSS styles into which you place web page content. 22. You can create dynamic div tags using JavaScript behaviors, simple action scripts that let you incorporate interactivity by modifying content based on variables like user actions. 23. When you use the Dreamweaver predesigned layouts, you can be sure that your pages will appear with a consistent design when viewed in all browsers. 24. You use commands on the Modify menu to add and delete table rows and columns. 25. Cell padding is the distance between adjacent cells. 26. Dreamweaver CS5 allows you to set up multiple servers. 27. In Dreamweaver, by default, the cloaking feature is disabled. 28. To cloak a particular file type, you should open the Site Definition dialog box, click the Cloaking category, click the Cloak files ending with check box, and then type a file extension in the text box below the check box. 29. If you work on a website for a long time, it is likely that at some point you will want to move it to another machine or share it with other collaborators who will help you maintain it. 30. Copyright attaches to a work as soon as you create it; you do not have to register it with the U.S. Copyright Office. Multiple Choice Identify the choice that best completes the statement or answers the question. 31. The includes eight categories of buttons displayed with a drop-down menu. a. Application bar b. Standard toolbar c. Insert panel d. Document toolbar 32. The toolbar contains buttons that are used when working directly in the code. a. Document b. Standard c. Style Rendering d. Coding 2

3 33. The is located below the Document window. a. Status bar b. Property inspector c. Insert bar d. Menu bar 34. The left side of the status bar displays the. a. Insert bar b. Tag selector c. Property inspector d. Multiple Document Interface 35. The tool is used for panning. a. Hand b. Zoom c. Select d. Edit 36. Item 1 above is the. a. Tag inspector b. Property inspector c. Coding toolbar d. Code view 3

4 37. Item in the figure above is the Application bar. a. 1 b. 2 c. 6 d If you do not want the Dreamweaver Welcome Screen to appear each time you start Dreamweaver, click the check box on the Welcome Screen. a. Collapse all icons b. Don t show again c. Don t show view d. Collapse all panels 4

5 Case Based Critical Thinking Case 1 You are in the planning stages of designing a website to market children s books. The continually expanding field of children's books makes this an exciting adventure. Answer the following two questions about planning the site. 39. What is the primary goal of the site? a. Sell a product b. Recruit writers c. Meet parents d. Recruit illustrators Case 2 You have been asked to lead a small group of employees tasked with creating a strong website for the XYZ Corporation. Everyone in the group is familiar with Dreamweaver, but as always, questions arise as you all work together to complete the site. 40. You need to choose a layout for the workspace. You will be using two monitors. Which layout will provide optimum workspace? a. Coder b. Designer c. Dual Screen d. Classic 41. is a rating system for web pages that is similar to rating systems used for movies. a. Meta tags b. MDI c. PICT d. POWDER 42. symmetry runs from the center of the page outward, like the petals of a flower. a. Horizontal b. Vertical c. Diagonal d. Radial 43. The default color for visited links, or links that have been previously clicked, is. a. red b. blue c. purple d. magenta 44. The hexadecimal number system is based on. a. 2 b. 8 c. 10 d. 16 5

6 45. In the figure above, which number points to the URLs button? a. 6 c. 4 b. 5 d In the figure above, the number points to the declaration. a. 1 c. 3 b. 2 d Which of the following statements is false? a. Serif fonts are more ornate and contain small extra strokes at the beginning and end of each character. b. Sans-serif is one of two classifications of fonts. c. Sans-serif fonts are considered easier to read in printed material. d. Helvetica is a good example of a sans-serif font. 48. Which of the following is the Windows shortcut for Align Justify? a. [Control][Alt][J] b. [Ctrl][Alt][Shift][J] c. [Alt][Shift][J] d. [Ctrl][Shift][J] 6

7 49. Use the [F5] shortcut to. a. Switch views b. Browse in Bridge c. Refresh d. Insert image 50. When using Adobe Bridge, what file format contains unprocessed data that is not yet ready to be printed? a. Camera Raw b. Raw Image c. New Image d. Photo Raw 51. In the figure above, which number points to the Colors button? a. 1 c. 3 b. 2 d. None of the above Case Based Critical Thinking Case 1 As the designer for an online catalog, Rob is extremely familiar with the various ways he can add photos and other graphics to websites. He just hired Beth to be his assistant, and while she is very good with the planning process, she lacks some skills when it comes to actually putting the pieces of the catalog together using Dreamweaver. Always patient, Rob has decided to take Beth under his wing and teach her what he knows. 52. After Beth places her first photo in the catalog, she has some trouble finding it again. Where should Rob tell her to look? a. The Graphics pane of the Images panel b. The Draft Graphic panel, located in the Assets panel c. The Assets panel, located in the Files panel group d. The Photo Library, located in the Assets panel 7

8 53. The figure above illustrates a(n) path. a. absolute b. relative c. root-relative d. document-relative 54. You should design the navigation structure of your website so that viewers are never more than clicks away from the page they are seeking. a. one or two b. two or three c. three or four d. four or five 55. When choosing an option in the Target list of an image map, blank displays. a. the destination page in a separate browser window b. the destination page in the same frame or window c. the destination page in the whole browser window d. the destination page in the parent frameset Case 2 Sadra works for a local travel agency. She uses the agency s website to promote the latest tours. Fall tours include trips to Honolulu, Seattle, Chicago and Denver. Spring tours include trips to Washington, D.C., New Mexico, Alaska and Montana. Summer tours include Paris, Rome, Denmark and Australia. 56. Sadra inserts a navigation bar on the agency s home page. What is added to the page to make the interaction work with the navigation bar elements? a. JavaScript code b. HTML code c. ActiveContent code d. VBA code 57. Which of the following can you use to check for problems in the HTML code for CSS features that may render differently in multiple browsers? a. Browser Compatibility Check feature b. Unified Browser Check feature c. Multiple Compatibility feature d. CSS Advisor feature 8

9 58. In the figure above, which number points to the summary text box? a. 5 b. 6 c. 7 d In the figure above, which number points to the text box you would use to designate the number of columns you want in your table? a. 4 b. 5 c. 6 d. 7 9

10 Case 2 Brandon works for a large construction firm in the Northeast. He was hired for his excellent skills in web design, specifically his experience with Dreamweaver. Brandon is eager to put his experience and skills to good use in building some promotional pages for the company. 60. Brandon has been asked to create a table that lists several of the jobs that the company has completed in the past five years, the locations of those jobs, the total cost of each project, and the start and completion dates for each. Why would he choose to use the Standard mode for viewing the table? a. Because of the large amount of information in the table, Brandon doesn t need any extra space around each cell. b. He would rather have the larger selection of borders offered in Standard mode. c. Standard mode tables are more compatible with newer browsers. d. He is worried that an Expanded Tables mode table wouldn t fit on the screen. 61. The figure shown above is the Site Reports panel displaying. a. missing page title b. missing line number in code c. modifications d. a missing alt tag 62. If you are looking for a particular non-web-safe color, you will probably save time by using the Find and Replace feature in Dreamweaver to locate the color code in Code view. a. binary b. ASCII c. hexadecimal d. HTML 63. To _, Dreamweaver searches through the code to look for errors that could occur with different language versions, such as XHTML or XML. a. delineate code b. validate markup c. check links d. derive pages 10

11 Case Based Critical Thinking Case 1 Eleanor is the Benefits Coordinator at XYZ Regional Medical Center. As part of her job, she informs employees of changes in health insurance benefits, new health service providers, open enrollment periods, and retirement benefits. Eleanor works with a team of people who maintain the web pages associated with these employee benefits. 64. Eleanor uses the Reports command to generate reports to help maintain the web pages for which she is responsible. What types of reports is she able to create? a. for the current document b. for the entire current local site c. for selected files in the site d. All of the above Case 2 Brandon works for a large construction firm in the Northeast. Brandon was hired for his excellent skills in web design, specifically his experience with Dreamweaver. Brandon is eager to put his experience and skills to good use. 65. Brandon begins uploading files to the remote server. He continues to work in Dreamweaver. What function is not available during the uploading process? a. Create a new page b. Add files and folders c. Use the Check In/Check out feature d. Run reports Completion Complete each statement. 66. The view buttons are located on the toolbar. 67. The sets the look and feel of the website and directs viewers to the rest of the pages in the website. 68. A(n) is a web address that is expressed in letters instead of numbers and usually reflects the name of the business represented by the website. 69. A(n) is a web server that hosts websites and is not directly connected to the computer housing the local site. 70. Once a site is published to a remote server, it is called a(n). 71. The home page is called the page, because it is at a higher level in the web hierarchy. 11

12 72. The figure above shows a panel group being. 73. are web pages that contain the basic layout for each page in the site, including the location of a company logo or a menu of buttons. 74. Each color is assigned a(n) RGB value, a value that represents the amount of red, green, and blue present in the color. 75. The is the name of the tag to which the style declarations have been assigned. 76. is an easy way to add documentation to your code. 77. The categories in the Assets panel include Images, Colors, URLs, SWF, _, Movies, Scripts, Templates, and Library. 78. are frames that appear around an image. 79. A is a small image that repeats across and down a web page, appearing as individual squares or rectangles The code for the page background color is located in the section. 81. In the figure above, the number 1 points to the. 12

13 82. In the figure above, the number points to a thumbnail of the selected image. 83. In the figure above, the number points to the list of images in the website. 84. links are links to web pages in other websites or to addresses. 85. When necessary, the web page filename and hierarchy are also part of an absolute path. 86. A(n) link, like a misspelled word on a web page, indicates that a website is not being maintained diligently. 87. When checking links, you must check links manually by reviewing your website in a browser and clicking each link to make sure it works correctly. 88. A(n) trail is a list of links that provides a path from the initial page you opened in a website to the page that you are currently viewing. 89. In the figure above, the number 3 points at the link to the page. 13

14 90. The NASA website above contains a menu bar that uses a special effect called a. 91. When you need to type a long and complex URL, it is easy to make mistakes and create a. 92. Dreamweaver CS5 provides 16 predesigned layouts that are available in the dialog box. 93. When you view a page based on a predesigned CSS layout in Code view, you see helpful comments that explain sections of the code. The comments are in to differentiate them from the rest of the code. 94. WYSIWYG is the acronym for, and means that your page should look the same in the browser as it does in the web editor. 14

15 95. The figure above is a view of the dialog box. 96. Dreamweaver places the code into each empty table cell at the time you create it. 97. The feature ensures that team members cannot overwrite each other s pages. 98. The site definition for a website contains important information about the site, including its URL, preferences that you ve specified, and other secure information such as the and password information. 99. are separate files in a site that contain additional information about a page file or a graphic file Work that is no longer protected by copyright is in the, which means anyone can use it however they wish for any purpose. 15