FUNDAMENTALS OF WEB DESIGN (46)

Size: px

Start display at page:

Download "FUNDAMENTALS OF WEB DESIGN (46)"

Erika Burke
7 years ago
Views:

1 (46) CONTESTANT ID# START TIME END TIME Section Possible Awarded 20 5pts. 100 pts Application (Subj.) 100 pts TOTAL POINTS 200 pts Failure to adhere to any of the following rules will result in disqualification: 1. Contestant must hand in this test booklet and all printouts. Failure to do so will result in disqualification. 2. No equipment, supplies, or materials other than those specified for this event are allowed in the testing area. No previous BPA tests and/or sample tests or facsimile (handwritten, photocopied, or keyed) are allowed in the testing area. 3. Electronic devices will be monitored according to ACT standards. No more than ten (10) minutes orientation No more than 90 minutes testing time No more than (10) minutes wrap-up Answer the following questions on the bubble answer form provided.

2 PAGE 2 of 7 1. Which one of the following organizations oversees the development of web technologies? a. Internet Engineering Task Force (IETF). b. New Consortium for Internet Services (NCIS). c. World Internet Property Organization (WIPO). d. World Wide Web Consortium (W3C). 2. What does XHTML stand for? a. Expandable HyperText Markup Language b. Exportable HyperText Modeling Language c. Extensible HyperText Markup Language d. Exported HyperText Mockup Labeler 3. Which tag is used to force the browser to display the next text or element on a new line? a. <line /> b. <br /> c. <break /> d. <nl /> 4. What is the default alignment for headlines and paragraphs? a. left b. right c. center 5. Which of the following can be a CSS selector? a. an XHTML element. b. a class name c. an id name d. all of the above 6. Which of the following is the declaration property used to set the background color of a Web page? a. bgcolor b. background-color c. color

3 PAGE 3 of 7 7. Which of the following is the declaration property used to set the font typeface for an area of a Web page? a. font-face b. face c. font-family d. size 8. Why should you include height and width attributes on an <img /> tag?? a. they are required attributes and must always be included. b. they help the browser render the page faster because it reserves the appropriate space for the image. c. they help the browser display the image in its own window 9. What XHTML element is used to place an image on a Web page? a. <a href> b. <img /> c. <image> d. <graphic> 10. Which of the following graphic types is best suited to photographs? a. GIF b. photo c. PNG 11. Which of the following is NOT a Web design recommended practice? a. design your site to be easy to navigate b. colorful pages appeal to everyone c. design your pages to load quickly d. limit the use of animated items 12. Which of the following is known as white space? a. the empty screen area around blocks of text and images b. the background color of white used for a page c. both a and b. 13. Which of the following is used to change the location of an element slightly in relation to where it would otherwise appear on the page? a. the float property b. absolute positioning c. relative positioning d. this cannot be done with CSS

4 PAGE 4 of Which XHTML attribute specifies the distance between the edges of each cell? a. cellpad b. cellpadding c. cellspacing d. cellborder 15. Which XHTML attribute specifies the distance between the cell text and the cell border? a. cellpad b. cellpadding c. cellspacing d. cellborder 16. Which XHTML tag pair is used to start and end a table? a. <td> </td> b. <tr> </tr> c. <table> </table> 17. Choose the most correct XHTML code: a. <p>this is a <b>paragraph!</p></b> b. <para>this is a <strong>paragraph!</strong></para> c. <p>this is a <bold>paragraph!</p></bold> d. <p>this is a <strong>paragraph!</strong></p> 18. Which XHTML tag pair is used to specify table headings? a. <td> </td> b. <th> </th> c. <head> </head> 19. Which XHTML tag pair is used to begin and end a table row? a. <td> </td> b. <tr> </tr> c. <table> </table> 20. Which CSS property specifies the background color of a table? a. background b. bdcolor c. background-color

5 PAGE 5 of 7 Application During this exercise, you are only allowed to use a plain text editor such as Notepad. The use of any sort of web development tool such as Dreamweaver or ExpressionWeb will result in immediate disqualification from this event. Screen shots of the expected end result are included for your inspection and to be use as a guide for completing this exercise. When complete, print all code generated for this exercise (all HTML and Stylesheets). Also print the finished work from the web browser so that it may be used for judging purposes. Submit all printed pages, along with your copy of this test and your bubble answer form. 1. Overall Specifications a. The document must be valid XHTML 1.0 Strict b. The document must be styled with a Cascading Style sheet i. The style sheet may be embedded or linked in externally ii. ALL styling MUST be done with the style sheet. Using tags or style attributes within tags is PROHIBITED. c. The document must not use tables for any sort of layout or positioning (only for specifying tabular data). 2. General Page Specifications a. Title should have Your Contestant Number Fundamentals of Web Design b. Background color #ccaa66 c. The width of the page body needs to be 750px d. The default font for the page body needs to be Arial (sans-serif), 12pt e. The page should have top and bottom margins of 0 and the left and right margins should automatically be centered in the browser window. f. Images must have the following style attributes: i. No border ii. Top Margin of 15px g. The H1 headings must have the following style attributes: i. Trebuchet MS with fall back to Verdana, Arial, Helvetica, and sansserif ii. font size 16pt iii. width of 750px iv. padding 10px h. The H2 headings must have the following style attributes:

6 PAGE 6 of 7 i. Trebuchet MS with fall back to Verdana, Arial, Helvetica, and sansserif ii. font size 10pt iii. width of 750px iv. padding 10px v. auto margins vi. text align center i. The horizontal rule must have the following style attributes: i. Width of 675px ii. Height of 8px 3. Section 1: Banner a. Use the banner.jpg image provided i. Image should be specified as such: A. Alternate text: Betsy s Bagels 4. Section 2: Food a. Use a level 1 heading i. Heading should be specified as such: Food b. Create an unordered List i. The list should contain the following items Bagels Sandwiches Wraps 5. Section 3: Beverages a. Use a level 1 heading i. Heading should be specified as such: Beverages b. Create an unordered List i. The list should contain the following items Coffee Teas Specialty Coffee 6. Section 4: Copyright a. Use a level 2 heading i. Heading should be specified as such: Copyright 2010 Betsy s Bagels When finished creating the website print all code and the browser page.

7 PAGE 7 of 7 Sample Screen Capture

Contents. Downloading the Data Files... 2. Centering Page Elements... 6

Contents. Downloading the Data Files... 2. Centering Page Elements... 6 Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...