Management 110 Fall Exam

There are 25 total questions; each answer gets two points for a total of 50 (plus two extra bonus points)

Name:

  1. Type the path to the web folder in your own home directory (ie H:\ .... ) :

    H:\www
  2. (4) Spiggy Topes logged in as topessp. Spiggy then created a project home page in Dreamweaver which he called stuff.htm. He saved the file in a folder called Projects located in his web folder.
    1. Give the full path of this file (ie, H:\ ...):

      H:\www\Projects\stuff.htm

    2. What does Spiggy need to type in to the address box of Internet Explorer in order to display this page on the web?

      http://www.earlham.edu/~topessp/Projects/stuff.htm

    A lot of people got this wrong. I did get a comment that ,"he knew it when he saw it". This makes me wonder whether I should conduct the whole test on-line so that students can see where they are (after all, you'd be problem solving in real life. on the computer). The other issue is hammering home the file/folder relationships needed to make web pages work. I need to find a better way to get this across.

     
  3. (6) Spiggy placed a graphic image into this home page. Here's the code Dreamweaver generated:
    <IMG SRC="file://h:\webstuff\piccies\iggy_pop.jpg">
    The graphic image did not appear when his teacher, Horatio, opened Spiggy's home page. "But it works for me", Spiggy wailed.
    1. Why did it work for Spiggy but not for Horatio?

      Because only Spiggy can see what's in the H:\webstuff folder.
      For Horatio to see the graphic (or any file) in his browser it needs to be located in Spiggy's web folder
    2. What is the first thing that Spiggy should do to fix the problem?

      Copy or move iggy_pop.jpg from webstuff to h:\www
    3. The next thing Spiggy needs to do is to change the <IMG> tag to make the graphic display.
      Write out the full tag in the same format as above.

      Since Spiggy has just dumped the graphic into his web folder (top level) it will be displayed with the following code:
      <IMG SRC="iggy_pop.jpg">

    Students struggled with this question as well. A typical answer to part c) might be <img src="File://h:\www\piccies\iggy_pop.jpg">. Some confused it with question 2. I think I should maybe have a whole session on problem identification and solving.

     
  4. Why use styles in a web page?

    "... designs stay consistent throughout the whole web page".
    Don't need to use <font> tags. Consistent and uniform look over a number of pages.

    A variety of answers to this one. Not many people got the idea of consistency over a number of pages

     
  5. (10) Spiggy has typed in these styles: 
    <STYLE>
div.left{
	float: left;
	width: 330px;
	padding: 10px;
 }
 h2 {
	color: maroon;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	text-align: center;
	}
</STYLE>
    1. "Dang!" said Spiggy, "I've forgotten how to use the div.left style."
      What code should Spiggy type in to use this style (in the format <TAG ATTRIBUTE=""> )

      <div class="left">  </div>
    2. "Gosh!", exclaimed Spiggy, "I didn't expect the <H2> heading to turn out like that!".
      What 4 characteristics did his heading now have (from the style definition of H2):
      1.  colour is now maroon
      2.  font is Arial
      3.  size is twice the default font size ('em' means the font size set by the page or browser)
      4.   aligned in the center of the page

    Very few students got the idea of applying a style with "class=" . No-one sussed the 'em' unit.
    Obviously I need to approach this differently when I deal with fonts and font sizes. Maybe a quiz would also help.

     
  6. What TAG ATTRIBUTE would Spiggy use to place a graphic image on the right hand side of a paragraph of text? (ie tag name = something)

    align="right"

    I thought that this one was a sinch but several students didn't get it. Evidently more attention to placing graphic images is desirable.

     
  7. (4) Spiggy placed a graphic into his web page. "Urggg!", he cried,"It's all screwed up". "Let's take a look at it", said teacher Horatio.


    He brings up the page in Dreamweaver and sees the following Properties panel:



    1. What is wrong with the way that the graphic is displayed?

      "He has tampered with the size until it looks distorted, the H & W are incorrect". Out of the original proportions.
      The bold numbers in the W and H fields show that the graphic has been squashed - probably to attempt to make it into a thumbnail

    2. How did Spiggy easily fix the problem?

      Click on Reset Size

    This is an "identifying problems and solving them" issue. I need to hammer home the importance of not resizing graphics (several digital divide pages had resized images).

     
  8. "But I want a thumbnail there", protested Spiggy.
    How should Spiggy start off making a thumbnail of this graphic?

    Open in Photoshop and Crop or Resize to desired thumbnail dimensions.

  9. Spiggy goes over to the Bolling PC Lab to create a web page. But he cannot remember the darn resolution of the flat panel screen. What was it now?
    • 800 x 600
    • 640 x 480
    • 1024 x 768
    • 1600 x 1200

    1024 x 768

    students would have to be dead not to know that one .... (although some apparently were)

     

  10. Spiggy places his photograph on the scanner bed and fires up Photoshop. He selects Import -> Twain5 but when he gets to the Control Panel he cannot remember what resolution to scan his photo at for his web page. Was it:
    • 72 dpi
    • 150 dpi
    • 96 dpi
    • 300 dpi

    96 dpi for the web, 150/300 dpi for printing.

    We went through this pretty thoroughly in class so there's no real excuse for not knowing.

     

  11. The scan finishes and Spiggy sees his graphic in Photoshop. "Woaaah", interjects his teacher Horatio, "you nearly saved that graphic in the wrong format. Remember that you may want to edit that graphic again". What format should he use?
    • GIF
    • JPG
    • PSD
    • PNG

    PSD

    Ditto here. Though a more thorough treatment of color and graphic formats wouldn't come amiss

     
  12. Now Spiggy wants to tart up the photo. He thinks he knows how to use Photoshop but when he looks at the menus he can't remember which one gives him the "Quickfix" panel. Which menu item is it?
    • Filter
    • Enhance
    • Image
    • Edit

    Enhance

  13. Spiggy wants to set his web page text to be black on a white background. But he can't remember which way round the style color codes go. Can you help him out?
    • background-color: #000000;   color: #FFFFFF;
    • background-color: #FFFFFF;   color: #FFFFFF;
    • background-color: #000000;   color: #000000;
    • background-color: #FFFFFF;   color: #000000;

    background-color: #FFFFFF;   color: #000000;

    With questions 12 and 13 I think it might be fairer for an online quiz where they could literally look up the correct answer. However, a grasp of how the number/letter codes translate into color gamut would still be useful.

     

  14. (8) Now Spiggy has to test his web page on the Macintosh. He finds a new iMac. "This isn't so bad", he tells himself, but when he browses to his home page disaster awaits. The text he carefully set in 12 point Comic Sans font on his Windows box looks totally different now on the Mac - different font face and different size.
    1. What would be different about the size of the text on the screen

      text size smaller on the Mac screen

    2. Why would this be different?

      Windows thinks there are 96 pixels per inch, the Mac thinks there are 72 pixels per inch (actually there are 85 ppi) and so 1" font height on Windows is 33% more screen pixels than 1" on the Mac. So 12 pts (1/6th ") will display in the same proportions and so will be 33% smaller on the Mac screen.

    3. Why would the typeface not display as Spiggy set it (ie Comic Sans)?

      Simply because the Mac system did not contain the MS Sans Serif font.

      4. "Ahah", says Spiggy, "I'm using a stylesheet so I know how to fix that one". Here's the style that Spiggy was using: 
      <STYLE>
body{
     font-family: "MS Comic Sans";
     font-size: 12pt;
}
</STYLE>
    4. How would he change this style to display the same on his new iMac (ie what font-family, and what font size would he use)?

      Use font-family: Arial, Helvetica, Sans serif (one of these is bound to be present on the Mac) (from Q 5) and declare font size in pixels (px) not points in the style.

    15. 4 students understood the issue of differing screen resolutions. Only 2 students got the solution to display as pixels (px) rather than points. This was the only "lecture" type session I did and it looks like it failed! So I need a more hands-on approach with a Mac in the classroom in order to get this concept over.

Bonus Question

While on the England programme Spiggy decides to visit Gloucester and watch the Cherry-and-Whites thrash Leicester in a league rugby match. Once more, Gloucester's teenage wing sensation scores a brace of tries but Spiggy is distraught because he cannot remember his name. What was it??

Marcel Garvey of course!