A. Using technology correctly, so that your site will still function for users who don t have these technologies

Size: px

Start display at page:

Download "A. Using technology correctly, so that your site will still function for users who don t have these technologies"

Lora Horton
5 years ago
Views:

1 1. What does graceful degradation mean in the context of our class? A. Using technology correctly, so that your site will still function for users who don t have these technologies B. Eliminating the implementation of any new technology to keep the website simple C. Using a safe color and size to ensure the website will fit older browsers D. Designing websites to be accessible to people with disabilities 2. When Professor Americ Azevedo talked about his re-engineering story, what was the problem that the company he consulted had with their technology A. They did not get the best technology for the job B. The computing system didn't increase productivity because people did not fully adopt it C. They spent too much time learning the technology D. They didn t have enough copies of software for everybody 3. What was Professor Americ Azevedo s goal to re-engineer education? A. To have students read more books B. To hire better professors C. To promote Socratic dialogue D. To create a more effective testing method 4. Which of the following choices is NOT one of the three aspects of technology that Professor Americ Azevedo mentioned during lecture? A. hardware B. software C. networkware D. culturalware

2 5. What does the phrase "the medium is the message" mean? A. The medium and the message are identical tools for communication B. Every medium that we use changes the nature and content of the message we transmit C. Content is not important anymore; rather, the medium is everything D. Improving the message will help improve the medium 6. In web design, colors are represented by a hexadecimal number system composed of three duples, each representing a different wavelength of light. Which of the following is the correct order of color components? A. RRBBGG (Red Red, Blue Blue, Green Green) B. RRGGBB (Red Red, Grey Grey, Blue Blue) C. RRGGBB (Red Red, Green Green, Blue Blue) D. RRYYBB (Red Red, Yellow Yellow, Blue Blue) 7. Remembering what you learned about the hexadecimal color system, what color is #ff00ff closest to? (Hint: Black=#000000; White=#FFFFFF) A. Grey B. Orange C. Green D. Magenta

3 8. This is the HTML in your code view. What is the width of the middle column? (Drawing is NOT to scale.) <table width="400" border="0"> <tr> <td width="80"> </td> <td colspan="3"> </td> <td width="160"> </td> </tr> </table> A. 60 B. 80 C. 160 D Which of the following is the correct way to create a function called func that opens an alert message saying FUNCTION! A. function name= "func()" { alert( FUNCTION! ); B. {function func { alert("function!"); C. function func() { alert=("function!"); D. function func() { alert( FUNCTION! );

4 10. According to Eyal Hertzog, Advertising, Content, and, are requisites for a successful online video site. A. Audience B. Revenue C. Popularity D. Sponsors 11. In the Emerging Global Brain, Pt II lecture, Professor Azevedo parallels the human brain s function of memory to what specific internet construct? A. URL net addresses B. Website frames C. Imagemaps D. Hyperlinking 12. The most important principle for designing an effective website is: A. to use complementary colors. B. to carefully determine the purposes and goals of the website. C. to make it fit all people's preferences. D. to make it as visually interesting as possible. 13. Which one of the following causes errors in Javascript? A. Improper spacing between function commands B. Placement of curly brackets { on consecutive lines C. Mismatching quotation marks (ex: hello ) D. Both B and C

5 14. Which of the following would create a form with radio buttons, so that when you check one option all other options are unchecked? A. <FORM NAME="form3"> What is my greatest fear?<br /> <INPUT TYPE="radio" Name="ChoiceSnail"/>Snail<br /> <INPUT TYPE="radio" Name="ChoiceGodzilla"/>Godzilla<br /> <INPUT TYPE="radio" Name="ChoiceBalloon"/>Balloons<br /> <INPUT TYPE="radio" Name="ChoiceHeart"/>Heart Attacks<br /> </FORM> B. <FORM NAME="form1> What is my greatest fear?<br /> <INPUT TYPE="radio" Name=Choice />Snail<br /> <INPUT TYPE="radio" Name=Choice />Godzilla<br /> <INPUT TYPE="radio" Name=Choice />Balloons<br /> <INPUT TYPE="radio" Name= Choice />Heart Attacks<br /> </FORM> C. <FORM NAME="form3"> What is my greatest fear?<br /> <INPUT TYPE="radio" Name="Choice"/>Snail<br /> <INPUT TYPE="radio" Name="Choice"/>Godzilla<br /> <INPUT TYPE="radio" Name="Choice"/>Balloons<br /> <INPUT TYPE="radio" Name="Choice"/>Heart Attacks<br /> </FORM> D. <FORM NAME="form3"> What is my greatest fear?<br /> <INPUT TYPE="button" Name="Choice"/>Snail<br /> <INPUT TYPE="button" Name="Choice"/>Godzilla<br /> <INPUT TYPE="button" Name="Choice"/>Balloons<br /> <INPUT TYPE="button" Name="Choice"/>Heart Attacks<br /> </FORM>

6 15. This function: function firstquestion() { if (document.form1.optionone.checked == true) { alert ("correct") else { alert ("wrong") will create this action when applied to form1, checkbox named "optionone". A. an alert will pop up B. a response will show up in an output box C. a new browser window will open D. link to a new website 16. Fill in the following blanks: Checkboxes allow the surfer to choose, in contrast radio buttons allow the surfer to choose. A. only one option, all options B. yes or no, many options C. alerts, pop up messages D. one or more options, only one option 17. How many times will the alert box in the following loop appear? for (ctr=1; ctr <= 6; ctr++) alert ( hello! ) A. 4 B. 5 C. 6 D. 7

7 18. Which one of the following codes will the webmaster with your name and address? A. <form method="post" enctype="text/plain" Full name:<br /><input type="text" name="namebox" size="25" /> <br /><input type="text" name="mailbox" size="40" /> B. <form method="post" enctype="text/plain" Full name:<input type="button" name="namebox" size="25" /> <br /><input type="button" name="mailbox" size="40" /> C. <form method="post" enctype="text/plain" Full name:<br /><input type="text" name="namebox" size="25" /> <br /><input type="text" name="mailbox" size="40" /> D. <from method="post" enctype="text/plain" Full name:<br /><input type="text" name="namebox" size="25" > <br /><input type="text" name="mailbox" size="40" > 19. For the following array what is the number in samplearray[4]? var ctr; for (ctr= 0; ctr<= 8; ctr++) { samplearray[ctr]= ctr+2; A. 5 B. 4 C. 2 D Which one of the following code assigns the value 85.6 to the element of an array named thegrades? A. thegrades(4)= 85.7 B. value.thegrades[4]= 85.6 C. thegrades[4]= 85.6 D. thegrades[4].value= From your image mapping lab, which of the following is true? A. Photoshop uses one large image coordinate system to map the links while DW cuts a large image into smaller ones, placing them in a table B. Photoshop cuts a large image into smaller ones placing them in a table while DW uses one large image coordinate system to map the links C. DW and Photoshop both cut a large image into smaller ones, placing them into a table of hyperlinks D. DW and Photoshop both use one large image coordinate system

22. What is the purpose of making an image map? A. Placing multiple links on a single image. B. Controlling a background style. C. Making a map of images efficiently. D.

8 22. What is the purpose of making an image map? A. Placing multiple links on a single image. B. Controlling a background style. C. Making a map of images efficiently. D. Creating placeholders for the images on your webpage 23. What is the tool for creating an image map with Photoshop? A. Path selection tools B. Pen tools C. Image slice D. Magic wand 24. There is a table with the following JavaScript code in an HTML file. What will happen when the HTML file is opened in Internet Explorer? function stripetable(){ if(!document.getelementsbytagname) return false; var tables=document.getelementsbytagname("table"); for (var i=0; i<tables.length; i++){ var odd= false; var rows=tables[i].getelementsbytagname("tr"); for (var j=0; j<rows.length; j++){ if (odd==true){ rows[j].style.backgroundcolor="yellow"; odd=false; else { odd=true; A. The background color of this webpage will become yellow. B. The background color in every other row will become yellow. C. The background color in every second column will become yellow. D. Nothing will happen.

9 25. Look closely at the following html/javascript code. Which of the lines will use the p.intro style? i. <h1> this is the simple page</h1> ii. <p>this is the paragraph right after h1.</p> iii. <p> this is the second paragraph.</p> iv. <p> more paragraph. </p> v. <h1> this is the second header. </h1> vi. <p> this is another paragraphs right after h1... </p> vii. <p> no more...</p> A. All of them. B. i, v C. iii, iv, vii D. ii, vi <html> <head> <title>stlyeheadersilbings</title> <script type="text/javascript > function styleheadersiblings(){ if(!document.getelementsbytagname) return false; var headers=document.getelementsbytagname("p"); for (var i=0; i<headers.length; i++){ var elem=getnextelement(headers[i].nextsibling); elem.classname = "intro"; function getnextelement(node){ if(node.nodetype==1){return node; if(node.nextsibling){ return getnextelement(node.nextsibling); return null; window.onload=styleheadersiblings; </script> <style type="text/css"> p.intro{ color: red; text-align:left; </style> </head> <body> <h1> this is the simple page</h1> <p> this is the paragraph right after h1. </p> <p> this is the second paragraph. </p> <p> more paragraph. </p> <h1> this is the second header. </h1> <p> this is another paragraphs right after h1... </p> <p> no more...</p> </body> </html>

10 26. In JavaScript, the Logical Operators AND (&&) and OR ( ) allow the combination of two (or more) conditions. Given firstnum = 6, secondnum = 11, thirdnum = 18, which of the following conditions will return a false value? A. ((firstnum < 7) && (secondnum > 9)) B. ((firstnum < 7) (thirdnum > 19)) C. ((secondnum < 7) (thirdnum > 19)) D. ((secondnum > 7) && (thirdnum > 9)) 27. Which of the following sets a timer for 3 seconds, at which time a function named changeimage( ) is called? A. settimer("changeimage( )", 3) B. settimeout("changeimage( )", 3000) C. Timeout("changeImage( )", 3000) D. Timer("changeImage( )", 3000) 28. Within the declaration for a function changeimage( ) that can display a slide show, a variable currentimage indicates the sequence number for the current image, as follows: var currentimage = 2 function changeimage( ) { if (document.images) { if (currentimage < 5) { currentimage = currentimage + 1 else { currentimage = 3 How many images will the slide show include? A. 2 B. 3 C. 4 D. 5

11 29. Complete the blanks in the declaration of the function positionmessage( ), in which the code checks whether the element message exists in the document, and if it does, the element message is placed somewhere in relation to its container (the document itself). A. false, false, "absolute" B. true, true, "absolute" C. true, true, "static" D. true, false, "static" function positionmessage( ) { if (!document.getelementbyid) return ; if (!document.getelementbyid("message")) return ; var elem = document.getelementbyid("message"); elem.style.position = ; elem.style.left = "50px"; elem.style.top = "100px"; 30. The following code inserts a.gif image with the resolution into the document: <div id="slideshow"> <img src="topics.gif" id="preview"> </div> Complete the blanks for a style sheet as follows to display only the first 100 pixels of the image: #slideshow { width: ; height: ; position: relative; overflow: ; A. 200px, 200px, hidden B. 100px, 100px, hidden C. 100px, 100px, visible D. 200px, 200px, visible

Controlled Assessment Task. Question 1 - Describe how this HTML code produces the form displayed in the browser.

Controlled Assessment Task. Question 1 - Describe how this HTML code produces the form displayed in the browser. Controlled Assessment Task Question 1 - Describe how this HTML code produces the form displayed in the browser. The form s code is displayed in the tags; this creates the object which is the visible