CSCI 1150 Introduction of Internet _ WWW by vivi07


									ITEC 4830 Graphics Design

Test 1

 This quiz covers the Dreamweaver text, and is open book.  Remember, many of the questions ask you to describe how to perform a specific task in Dreamweaver, please try to be specific without writing an essay.  Multiple-choice questions should be answered in the space provided to the left of the question.  Multiple-choice and T-F questions are worth 2 point each, and short-answer questions are worth 4 points each.  You have one class to finish this test and there is no time extension.  Good luck!!

1. _____ A collection of files on your computer are called: a) Web site b) remote site c) local site Answer: c) local site

d) Dreamweaver site

2. How do you select an entire line (not paragraph) of code without dragging the mouse? Answer: From Code view, click on the line number 3. _____ To undo an action in Dreamweaver, you a) press CTRL+X b) press CTRL + Z d) press ALT + Z Answer: b) press CTRL + Z

c) press CTRL + Y

4. List and briefly describe two “Invisible Elements” Answer: Any of: Named Anchors, Scripts, Comments, Line Breaks, Client-Side image maps, Embedded Styles, Hidden Form Fields, Form Delimiter, Anchor Points for Layers, Ancor Points for Aligned Elements. 5. How to use the CSS to change the properties of a specific tag? Answer: a). Select the tag from the Tag Selector first; b). In the CSS Styles panel, click Current; c.) In the Rules pane, choose the style, and click the Edit Style to change the current definition on the tag. 6. What is the meaning of a non-breaking space? How do you insert a non-breaking space in your page? Answer: A non-breaking space is used when you need to insert more than one space between characters or words. You need to press Ctrl+Shift+Spacebar to insert a nonbreaking space in your page. 7. How to open and close Files panel group? What are the three subpanels included in the group? Answer: F8; Files, Snippets, Assets


8. _____ T or F: In order to insert a horizontal rule in your page, you have to go to the Text category in the Insert Bar, then select the horizontal rule from the Characters Menu. Answer: F 9. Briefly describe the four toolbars. Answer: Document, Insert, Standard, Style Rendering. Textbook: pp49-50. 10. I want to insert an image of my cat in a standard table, but the table has not been created on my blank page yet. Describe how this is done. Answer: Insert > Table (or click on insert table icon in Common tab of Document window). Type number of columns and rows, specify the width of the table in either pixels or percent, click OK. Place the insertion point in a table cell. From the Document window menu bar, select Insert > Image, or click on Image icon; browse through files and folders, select the image you want, and click OK. 11. Describe how you would set the link color to green and visited link color to red on your page. Answer: Modify > Page Properties, click on link color picker and select green (or key in #0000FF), click on visited link color picker and select red (or key in #FF0000). 12. After you insert an image in your page, how do you wrap the text around the image? How to align the image relative to a single text line? Answer: After selecting the image, you can select Left or Right from the Align Menu in the Property inspector to wrap text around the image. In order to adjust the image next to a single text line, you need to use other options (Baseline, Top, Middle, Bottom, etc.) in the Align Menu except Left and Right. 13. What are the two components of a CSS rule? What are the three selector types and their differences? Answer: Selector and properties. Class: This type of selector allows you to create classes that are not tied to any particular elements. You can apply a single class to many different elements. Tag: This type of selector allows you to specify an HTML tag as the element that will be redefined by the style. The default appearance of the tag becomes modified by the style. Advanced: This type of selector allows you to create styles that are used for specific tag combinations (contextual selectors). This selector type also enables you to create Ids, which are similar to classes with one exception: They can only be used once per page as a way of defining or uniquely identifying a particular element. IDs are often used for scripting purposes and are indicated by a #.


14. _____ T or F: In order to load a linked page into the full browser window, you need to select the option _top in the Target menu in Property inspector. Answer: T 15. ____ In Design view, after pressing CTRL + T to display the Quick Tag editor in order to insert a tag, after we’ve keyed in the tag, we press this in order to display the various possible attributes of the tag: a) ENTER b) the space bar c) ALT + I d) CTRL + I Answer: b) the space bar 16. Describe the process to add a line above a H1 (heading 1) word, e.g. key. Answer: a). In the CSS Styles panel, select the All mode; b). Click New CSS Rule, select Tag for Selector Type, h1 for Tag, Define in either your current css file or This document only; c). In the CSS Rule Definition dialog, select Border category. In the Style area, deselect the Same for all checkbox. In the Top field, select Solid. 17. _____ T or F: In order to copy and paste the table cells from one table to another table in a HTML file, you need to firstly select the source table by clicking the <table> tag in the Tag Selector. Answer: F 18. _____ T or F: <EM> tag corresponds to the bold in Property Inspector. Answer: F 19. How to change a bullet list icon with a customized image? Answer: Window > CSS Styles, select All mode; New CSS Style, select ul tag, and Define in This document only; select List category, Browse Bullet image. 20. _____ CSS styles and attachments in a page are placed between: a). <Body> and </Body> tags b) <Header> and </Header> tags c). <Style> and </Style> tags d) <Head> and </Head> tags Answer: d) <Head> and </Head> tags 21. How to insert a centralized background image? What control do you have over such graphics? Answer: Textbook pp.129, Q3. 22.The Image Placeholder is in the ____ category of the seven categories? a). Image b) Text c). Common d) Layout Answer: c) Common 23. Given the following style, indicate its selector elements and type, property and value components. What’s the specificity number of it? td h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #333366;}


Answer: Selector elements: td; h3 Properties: font-family; font-size; color Values: Verdana, Arial, Helvetica, sans-serif; 18px; #333366. Specificity number: 32 24. Briefly describe the four sets of Spry tools? Answer: Spry Data, Spry Form widgets, Spry Layout widgets, Spry Effects. Textbook pp. 203. 25. _____ T or F: The key word javascript:; is used to indicate a CSS style. Answer: F 26. _____ T or F: Image link is a Spry data type. Answer: T 27. You want to place a link on your page that will allow the viewer to jump to another section of your page. You want to see the named anchor while you are in Dreamweaver Design view. Describe each step you must take to do this. Answer: Naming a spot on the page (named anchor) – click where you want to place the named anchor. Either select Insert > Named Anchor or click on the Named Anchor icon. Type a name for the anchor in the Anchor Name text box. To view, select View > Visual Aids > Invisible Elements To link – select the text or image that will serve as the link. In Property Inspector, type pound sign (#) in the Link Text box. With no space between the # and the name, type the anchor name in the Link text box. 28. You want your link to open up into a new browser window. Describe two different methods to do this. What are their differences? Answer: Method 1: Create a link. In Property Inspector, from the Target pull-down menu, choose _blank Method 2: Add a behavior. 1) Select the text, add a null link (#) in the Link text field on the Property Inspector. 2) Put the insertion point in the text, click the “+” button in the Behaviors panel to add a new behavior and then select the Open Browser Window. 3) Put the HTML file name in the URL text field. The difference between these two methods is that the second method enable the programmer to set up the properties of the new window, such as size, location, scroll bar, menu bar, etc. 29. _____ A file with extension .swf is a ____?


a). Flash movie file c). External style file Answer: a) Flash movie file

b) Image file d) Template file

30. Describe the three things that a simple image rollover makes happen on a Web page. Answer: (1) images preload when Web page loads (2) when user places mouse over the specified image, a different image file is displayed (3) when user moves mouse away from the image, the original image is restored 31. How to enable the accessibility when insert new form elements? Answer: Edit -> Preferences, Accessibility category, check the Form objects in Show attributes when inserting:


To top