CS1033: Final Exam with All Correct
Answers Graded A+ (2025-2026)
why communicate via the world wide web? - Answer its fast, cheap/free, usually current,
accessible by millions
What is the difference between the World Wide Web and the Internet? - Answer WWW:
software that runs on the computer
Internet: The hardware/ computer that connects everything together
History of Multimedia - Answer ---
First found multimedia - Answer 15,000 -13,000 BC - Prehistoric humans paint images on the
walls of their caves Grotte de Lascaux, France
Start of multimedia text - Answer •1041AD - Bi Sheng invents movable type in China using
clay letters.
•1450 - Johann Gutenburg introduces movable type (with steel letters), to Europe allowing
mass production of books.
First photographic image - Answer •1814 - Joseph Nicéphore Niépce achieves the first
photographic image.
First recording of sound - Answer •1877 - Thomas Edison invents the phonograph
First motion picture - Answer •1877 - Eadweard Muybridge invents high speed photography
- creating first moving pictures that captured motion.
When were satellites launched into orbit? - Answer 1962
****When was the internet created - Answer •1969 - ARPANET (eventually the Internet) is
established by the U.S. Department of Defence
Who and when was the world wide web developed by? - Answer •1991- Tim Berners Lee
has finished developing the World Wide Web(http) and html and URL. World Wide Web makes
its debut
,First full length comp. generated movie? - Answer Toy Story - 1995
When did Napster debut? - Answer 1999 - cloud song storage
When did Google surpass Microsoft? - Answer 2007
What is CRAP - Answer Good elements of design - Contrast, Repetition, Alignment, Proximity
Contrast - Answer Avoid making 2 elements just similar, either make them the same (same
font, colour, etc...) or make them VERY different.
Repetition - Answer - Repeat some aspect of the design throughout the entire design i.e.
Bold font, thick rule, bullet, colors, font types
Alignment - Answer Items are aligned - creates stronger cohesive unit
-Not centered-
Proximity - Answer Group related items together. Grouping implies a relationship
How We See Things - Answer ----
What is a monitor? - Answer A monitor is just a rectangular area (the screen) broken down
into very small pieces or dots where each piece/dot can take on a particular colour.
What is a pixel? - Answer The dots/pieces on a monitor/screen.
We can use pixels to represent ANYTHING (images, text, drawing) that we want to display
visually on the screen (paper, fabric)
What is the terminology for the number of pixels across by the number of pixels down? -
Answer The resolution
On a 17 inch monitor, we could have 800 pixels (width) by 600 pixels (height) OR 1024 pixels by
768 pixels. What happens to the pixels in the second case - Answer They have to be much
smaller, in order to fit in the monitor's size
If we displayed this "E", on which screen would it look bigger: the 800by600 resolution or the
1024by768 resolution? - Answer The 800 by 600 (lower resolution --> less refined)
,When printing text or images, we use ink to create the pixel but in printing, the pixels are called
____ - Answer Dots: They can take on different colour. They can be big, creating big images,
or small, creating smaller images.
Which one will have bigger dots - 72dpi or 300dpi (where dpi means dots per inch)? - Answer
72 dpi --> bigger to fill the inch
Assume my font size for all my text is 12 pixels and my monitor size is 22 inches. Which
resolution will have the text "Hello World" looking bigger?
A) 1024 by 768
B) 1920 by 1080
C) The text will look the same size no matter what the resolution - Answer A
Text - Answer ----
Text can be used to serve purposes: - Answer 1.It conveys information
2.It can be used as a graphical element of the page
3. Set a mood
What is a Websafe font? - Answer Font that will work anywhere, on any computer
What can you do if you really want to use an unusual font on your website? - Answer 1. Use
an image 2. Google Fonts and put into the website
What is a Font Type (or Typeface or sometimes just Font) - Answer Style/look of the font ex:
Arial
What is a serif font - Answer ◦Serif: has a fine line added to finish a letter stroke
-Always use serif fonts for large paragraphs of text.
- The human eye finds them easier to read!
Examples: Times New Roman, Courier
What is a sans serif font - Answer ◦Sans Serif: no line added
-Best for headlines and headings
Examples: Comic, Arial
, Humans can read based off looking at the shape of the text T/F - Answer True
What is kerning - Answer Kerning: Adjusting the distance between pairs of letters
What is adjusting the space between all the letters? - Answer Tracking - measured in ems
What is Leading - Answer - Amount of vertical space between lines of text
- As the length of a line increases, it is harder for the reader to jump to the next line, thus wide
columns require greater leading.
Loose track = a lot or not a lot of leading? - Answer A lot
What is a monospaced font? - Answer Every letter (no matter what shape) are the same
width
Proportional fonts? - Answer Each letter has their own proportional font
0Font size can be measured in several different units - Answer points/picas, pixels,
percentages/ems, inch/cm
Points (absolute length) (print) - Answer Absolute length --> will always be the same
72 points is 1 inch tall when printed
-not rlly for webpages
Pixels, ems, % (Relative length) - Answer For webpage
-Relative to the default font size for the browser and to the screen resolution.
- 1 em is equal to the width of an M in the default font type and size of the brows
How to know which Unit of Measurement to use - Answer - Accessibility - use ems or %
(relative)
- Control -use pixels (precise)
-In general don't use points
Assume you build a webpage and set the font size to be 2ems. A user in New Zealand who has
set their default font size to be 20pixels visits your page. How tall will the text on your page
appear to the user? - Answer 40 pixels
Answers Graded A+ (2025-2026)
why communicate via the world wide web? - Answer its fast, cheap/free, usually current,
accessible by millions
What is the difference between the World Wide Web and the Internet? - Answer WWW:
software that runs on the computer
Internet: The hardware/ computer that connects everything together
History of Multimedia - Answer ---
First found multimedia - Answer 15,000 -13,000 BC - Prehistoric humans paint images on the
walls of their caves Grotte de Lascaux, France
Start of multimedia text - Answer •1041AD - Bi Sheng invents movable type in China using
clay letters.
•1450 - Johann Gutenburg introduces movable type (with steel letters), to Europe allowing
mass production of books.
First photographic image - Answer •1814 - Joseph Nicéphore Niépce achieves the first
photographic image.
First recording of sound - Answer •1877 - Thomas Edison invents the phonograph
First motion picture - Answer •1877 - Eadweard Muybridge invents high speed photography
- creating first moving pictures that captured motion.
When were satellites launched into orbit? - Answer 1962
****When was the internet created - Answer •1969 - ARPANET (eventually the Internet) is
established by the U.S. Department of Defence
Who and when was the world wide web developed by? - Answer •1991- Tim Berners Lee
has finished developing the World Wide Web(http) and html and URL. World Wide Web makes
its debut
,First full length comp. generated movie? - Answer Toy Story - 1995
When did Napster debut? - Answer 1999 - cloud song storage
When did Google surpass Microsoft? - Answer 2007
What is CRAP - Answer Good elements of design - Contrast, Repetition, Alignment, Proximity
Contrast - Answer Avoid making 2 elements just similar, either make them the same (same
font, colour, etc...) or make them VERY different.
Repetition - Answer - Repeat some aspect of the design throughout the entire design i.e.
Bold font, thick rule, bullet, colors, font types
Alignment - Answer Items are aligned - creates stronger cohesive unit
-Not centered-
Proximity - Answer Group related items together. Grouping implies a relationship
How We See Things - Answer ----
What is a monitor? - Answer A monitor is just a rectangular area (the screen) broken down
into very small pieces or dots where each piece/dot can take on a particular colour.
What is a pixel? - Answer The dots/pieces on a monitor/screen.
We can use pixels to represent ANYTHING (images, text, drawing) that we want to display
visually on the screen (paper, fabric)
What is the terminology for the number of pixels across by the number of pixels down? -
Answer The resolution
On a 17 inch monitor, we could have 800 pixels (width) by 600 pixels (height) OR 1024 pixels by
768 pixels. What happens to the pixels in the second case - Answer They have to be much
smaller, in order to fit in the monitor's size
If we displayed this "E", on which screen would it look bigger: the 800by600 resolution or the
1024by768 resolution? - Answer The 800 by 600 (lower resolution --> less refined)
,When printing text or images, we use ink to create the pixel but in printing, the pixels are called
____ - Answer Dots: They can take on different colour. They can be big, creating big images,
or small, creating smaller images.
Which one will have bigger dots - 72dpi or 300dpi (where dpi means dots per inch)? - Answer
72 dpi --> bigger to fill the inch
Assume my font size for all my text is 12 pixels and my monitor size is 22 inches. Which
resolution will have the text "Hello World" looking bigger?
A) 1024 by 768
B) 1920 by 1080
C) The text will look the same size no matter what the resolution - Answer A
Text - Answer ----
Text can be used to serve purposes: - Answer 1.It conveys information
2.It can be used as a graphical element of the page
3. Set a mood
What is a Websafe font? - Answer Font that will work anywhere, on any computer
What can you do if you really want to use an unusual font on your website? - Answer 1. Use
an image 2. Google Fonts and put into the website
What is a Font Type (or Typeface or sometimes just Font) - Answer Style/look of the font ex:
Arial
What is a serif font - Answer ◦Serif: has a fine line added to finish a letter stroke
-Always use serif fonts for large paragraphs of text.
- The human eye finds them easier to read!
Examples: Times New Roman, Courier
What is a sans serif font - Answer ◦Sans Serif: no line added
-Best for headlines and headings
Examples: Comic, Arial
, Humans can read based off looking at the shape of the text T/F - Answer True
What is kerning - Answer Kerning: Adjusting the distance between pairs of letters
What is adjusting the space between all the letters? - Answer Tracking - measured in ems
What is Leading - Answer - Amount of vertical space between lines of text
- As the length of a line increases, it is harder for the reader to jump to the next line, thus wide
columns require greater leading.
Loose track = a lot or not a lot of leading? - Answer A lot
What is a monospaced font? - Answer Every letter (no matter what shape) are the same
width
Proportional fonts? - Answer Each letter has their own proportional font
0Font size can be measured in several different units - Answer points/picas, pixels,
percentages/ems, inch/cm
Points (absolute length) (print) - Answer Absolute length --> will always be the same
72 points is 1 inch tall when printed
-not rlly for webpages
Pixels, ems, % (Relative length) - Answer For webpage
-Relative to the default font size for the browser and to the screen resolution.
- 1 em is equal to the width of an M in the default font type and size of the brows
How to know which Unit of Measurement to use - Answer - Accessibility - use ems or %
(relative)
- Control -use pixels (precise)
-In general don't use points
Assume you build a webpage and set the font size to be 2ems. A user in New Zealand who has
set their default font size to be 20pixels visits your page. How tall will the text on your page
appear to the user? - Answer 40 pixels
