NSCC- Dreamweaver Written Exam Spring 2011

NSCC- Dreamweaver Written Exam Spring 2011 Instructor: Carolyn Osbahr Week 7 due by Sun. March 13 at midnight. Please submit through the drop box.

Name: Scott Levine

1. What filename is most often used to name the home page of a web site? index

2. To open a page in a new browser window from a link, what target should be selected? (underline one)

a. _blank b. _right c. _self d. _top

3. Any font used to format text in an HTML file will be recognized by all browsers. (underline one)

True False

4. Which of the following statements about the page title tag is incorrect? (underline one)

a. The title tag is used by search engines such as Google to index web sites. b. The title tag is always the same as the filename. c. The title tag should not be left blank. d. The title tag is used to create bookmarks and favorites that reference a particular web site.

5. In Dreamweaver pressing the enter key creates a double space. What keystroke(s) create a single space Shift-Enter

6. GIF images support many more colors than JPEGs. (underline one) True False

7. External Hyperlinks are links to pages within the same web site. (underline one) True False

8. What image property in Dreamweaver allows you to add text that displays when images don't display in the browser or when the user places the mouse over the image? ALT (the TITLE tag needs to be used in Firefox)

9. When you break an image into sections each with its own link definition, what are you creating? Hot Spots on an Image Map

10. What kinds of Dreamweaver pages provide a common design for all pages in a web site? Template 11. The width of a table can expressed in pixels or as a percentage. (underline one)

True False

12. What part of a Dreamweaver template can be changed by the user when they create a new file based on the template? Editable Region

13. An html page can have a background image but a table cannot. (underline one)

True False

14. What file extension do style sheets use? ___CSS__.

15. There are four link states defined by CSS- regular, visited, active and __Hover__.

16. External style sheets are separate files that one or more HTML files can be linked to. (underline one)

True False

17. What file extension do template files use? __DWT__.

18. What kind of form object (element) would you create on a form for a visitor to enter their first name? ___Text Field___

19. If you want users to choose one answer on a form you would use radio buttons? (underline one)

True False

20. What kind of button is needed on a form to send data? ___Submit___.

21. List 3 properties that can be set for a table in Dreamweaver. Table Width, Cell Spacing, Cell Padding

22. What does CSS stand for and what is the purpose of CSS? Cascading Style Sheet - The purpose is to define the presentation and style of a single or multiple Web pages while keeping it separate from the content of Web pages. 23. List 2 items that would be found in the non-editable region of a template. Header & Footer

24. Name and explain the function of 3 form elements that would be found on a Dreamweaver form.

Button - Triggers the action specified in the form tag. Primary use of a Button is to Submit the information that was entered into the form. Reset is also a common use.

Radio Button Group - Used when you want user to choose only one option.

Text Area - Allows visitors to enter more than just a single line of text. A typical example would be the “Comments” section.

25. What would you use a jump menu for on a web page? It is a pop-up menu listing links that allows for easy navigation that links to documents or files. When users choose an item, they “jump” directly to the new URL.

26. List one advantage of using CSS rather than tables for the layout of a web site. It is easier to maintain quick loading, visually pages.

27. How are the meta tags for keywords and description used? Meta tag keywords and descriptions are used by search engine robots to help index the site. Hands on Dreamweaver Exam- You must upload files to your myweb account and access your site through your URL. No printed exams will be accepted.

1. Open Dreamweaver, set up your site and create a new html file.

2. Save the file as exam.html in your dreamweaver folder.

3. Add a title that includes- Dreamweaver Exam and Your full name.

4. Create a new css file. Save the file as exam.css

5. Create the following styles in exam.css

. A style that formats the body tag with a background color and zero margins

. A style that formats the (Heading 2)H2 tag as Arial size 14 with a font color other than black

. A style for each of the link states: link, visited, active, hover- choose a different font color for each and a background color for hover.

. A class style named red-box that can be used for any tag- with a background image, box height and width set to auto and a thin red border

6. Save exam.css. Open exam.html and link it to exam.css

7. In exam.html on the first line of your page add your full name and format it as Heading 2. On the second line add North Shore Community college and apply the red-box style.

8. On the next line create a table with the following properties:

4 rows and 4 columns Width- 700 pixels Border = 1 Cellpadding and cellspacing = zero Any background color different than the page background color

9. Merge the first row of cells and center your full name and Dreamweaver Exam in the cell.

10. Center the table in the middle of the page.

11. Split any empty cell in 2 by column.

12. Add a rollover image to any cell.

13. Add an image with alternate text to any cell.

14. Add a hyperlink to www.fidelity.com in any cell.

15. Add an email link to your NSCC email address in any cell. 16. Apply the red box style to any cell

17. At the bottom of exam.html create your own form (with a table) with any 4 form elements (text box, check box etc.) and a submit button.

18. Spell check and save your exam.html file.

19. Open your index.html.

20. Add a link to exam.html and upload index.html ,exam.html and exam.css

21. Go to your URL and check your index.html. Make sure your index.html links to your exam.html and that the styles and links are working correctly. Send me the URL for your exam through the drop box.

Optional Bonuses- Complete 1 or 2 of the following for extra points.

Bonus1: Create an image map that links to add least 4 external or internal links. Bonus2: Add a jump menu with at least 4 external or internal links.

Good Luck!