Web Design course midterm exam review

From Knowledge Kitchen
Jump to navigation Jump to search


Exam structure

Format

Entirely multiple choice

  • usually about 4 answer options for each question
  • which means you have a 25% chance of randomly getting any question correct
  • however, some questions have more than one correct answer option, which lowers your chances slightly

Number of questions

Between 20 to 50 questions

  • which means each answer is worth between 2% to 5% each

Format

The exam is presented as a Google Form.

Frequently asked questions

What is on the exam?

What happens if I miss the exam?

How should I study?

How much is the exam worth?

Computer concepts

Which of the following are hardware? (select all that apply)

  1. Operating system
  2. Hard drive
  3. Applications
  4. Processor
  5. Display (e.g. a monitor, projector, etc)

Mac OS X is really an extension of which operating system?

  1. Windows
  2. UNIX
  3. Linux
  4. MacOS9
  5. DOS
  6. Sailfish

The first “modern” operating system that influenced all others was...

  1. Windows
  2. UNIX
  3. Linux
  4. MacOS9
  5. DOS

Google’s Android operating system for mobile devices is based on Linux. However, Google does not pay royalties to the creators of Linux. Why is this possible?

  1. It is not legal... Google is breaking copyright law, but nobody has sued them... yet.
  2. Linux is released under the GNU General Public License that allows commercial reuse of the Linux code.
  3. Linus Torvalds and Richard Stallman decided to grant Google a perpetual license to Linux for free, since Google gives away so much for free to the public good.
  4. Sergey Brin, a founder of Google, is also the creator of the Linux kernel. Richard Stallman, the founder of GNU, has been hired by Google.

Which technology innovator was the first major figure to take a public stand against the free sharing of software?

  1. Vannevar Bush
  2. Alan Kay
  3. Bill Gates
  4. Metallica
  5. Mark Zuckerberg

The Linux operating system was the result of a project to develop a free clone of UNIX spearheaded by

  1. Linus Torvalds
  2. Richard Stallman
  3. Steve Jobs
  4. Bill Gates

The "Desktop Metaphor" was invented in

  1. 1970 by Alan Kay at Xerox PARC
  2. Sir Tim Berners Lee at CERN in 1989
  3. Vannevar Bush of the US Office for Scientific Research in 1945
  4. Sergei Brin at Google in 2007

Hypertext was first popularized by

  1. Vannevar Bush in 1945
  2. Richard Stallman in 1970
  3. Sir Tim Berners Lee in 1989
  4. Mark Zuckerberg in 2009

The World Wide Web was invented by

  1. Vannevar Bush in 1945
  2. Bill Gates in 1971
  3. Sir Tim Berners Lee in 1989
  4. Mark Zuckerberg in 2009

GNU stands for:

  1. Generally Not Useful
  2. Got New Unix
  3. GNU's Not Unix
  4. Gimp Nodes Unite

Using a native email app on an iOS or Android phone is an example of using...

  1. The Internet
  2. The World Wide Web
  3. The Internet and The World Wide Web
  4. SFTP

A good filename for any file on any operating system... (select all that apply)

  1. contains all lowercase characters
  2. includes no special characters except the “_” underscore
  3. includes a file extension
  4. includes the word “file” somewhere in the filename

A client computer... (select all that apply)

  1. makes requests to a server computer
  2. responds to requests from a server computer
  3. is a server computer
  4. must run the UNIX or Linux operating system

What does an operating system do? (select all that apply)

  1. Interfaces with hardware
  2. Manages running processes
  3. Manages available memory
  4. Include the ability to organize data in a file system

Copyleft (select all that apply)

  1. Is an official legal term in US law
  2. Is designed to respect the right of every software maker to earn a living
  3. Is encouraged by GNU
  4. Is exemplified by Linux

All operating systems include the concept of file permissions

  1. That’s true
  2. That’s false

All operating systems include a Graphical User Interface does an operating system do? (select all that apply)

  1. That’s true
  2. That’s false

The binary number 101 is the same as the decimal number...

  1. 5
  2. 10
  3. 101
  4. 102

UNIX

In UNIX-based systems, what is the command to view both hidden and non-hidden files?

  1. chmod h+r
  2. ls -a
  3. ls –h
  4. emacs
  5. cd/

In UNIX-based systems, which is the correct way to navigate from the current working directory into a subfolder named ‘media’?

  1. cd /media
  2. cd ~/media
  3. cd ../media
  4. cd media
  5. cd public_html/media

The following 5 questions refer to this directory listing

total 24
drwxr-xr-x 11 bartholemu staff 374 Jun 10 13:50 .
drwx------+ 17 bartholemu staff 578 Jun 14 14:56 ..
-rw-r--r--@ 1 bartholemu staff 6148 Jun 10 13:50 .DS_Store
drwxr-xr-x 6 bartholemu staff 204 Jun 1 13:16 examples_060115
drwxr-xr-x 5 bartholemu staff 170 Jun 2 13:10 examples_060215
drwxr-xr-x 5 bartholemu staff 170 Jun 3 12:02 examples_060315
drwxr-xr-x 5 bartholemu staff 170 Jun 4 11:56 examples_060415
drwxr-xr-x 6 bartholemu staff 204 Jun 8 12:48 examples_060815
drwxr-xr-x 7 bartholemu staff 238 Jun 9 12:32 examples_060915
drwxr-xr-x 6 bartholemu staff 204 Jun 10 12:40 examples_061015
-rw-r----- 1 bartholemu staff 700 Jun 9 17:05 student_websites_summer2015.txt

How many directories are in this listing?

  1. 0
  2. 2
  3. 9
  4. 10

How many hidden files are displayed?

  1. 0
  2. c. d.

What command was used to generate this listing?

  1. chmod o+w
  2. ls –la
  3. ls-l
  4. cd ../

Assuming these files are on a web server within in a directory beneath the web root, would the file, student_websites_summer2015.txt be visible through a web browser?

  1. Yes
  2. No

The command that would be used to alter the answer from the previous question would be:

  1. chmod u-w student_websites_summer2015.txt
  2. chmod o+r student_websites_summer2015.txt
  3. chmod g+x student_websites_summer2015.txt
  4. mv student_websites_summer2015 index.html

HTML

The important distinction when choosing between <ol> and <ul> elements when writing HTML code is...

  1. <ol> lists have default padding-left of 10px, while <ul> lists do not
  2. Items in <ol> lists have numbers whereas items in <ul> lists have bullets
  3. <ol> lists contain items with an important order, whereas <ul> lists do not
  4. <ol> lists can be customized to show Armenian characters instead of bullet points, whereas <ul> lists cannot.
  5. There is no distinction between <ol> and <ul> elements in HTML

The HTML element used to indicate a set of navigation links is...

  1. <a>
  2. <li>
  3. <ul>
  4. <nav>

The required attribute of the <a> element is

  1. charset
  2. rel
  3. href
  4. lang

The acronym, HTML, stands for

  1. Hyperdocument Transfer Markup Language
  2. Hidden Terminal Markdown Language
  3. Hypertext Markup Language
  4. Hypertext Transfer Markup Language

Proper indentation of HTML and CSS code is important because... (select all that apply)

  1. The web browsers require it
  2. The specifications of the language require it
  3. Your instructor requires it
  4. It makes your code more readable by yourself and others
  5. None of the above - indentation of HTML and CSS is not required in this course

Nesting of HTML tags indicates...

  1. the style of presentation
  2. the responsive breakpoints
  3. the organization and hierarchy of content
  4. the size of margin and padding on the elements

The rule in HTML that “all tags that open must close!” is important because (select all that apply)

  1. HTML 5 requires that all elements have separate closing tags, so we close our tags to be HTML 5-compliant.
  2. Some older versions of HTML still in use, such as XHTML, require that all tags be closed, so we close all tags to make our code be compliant with HTML 5 as well as earlier versions of HTML.
  3. All of the above
  4. None of the above

Which is the correct code for a link from a page hosted on the i6.cims.nyu.edu server to Wikipedia.org’s home page?

  1. <a href=”/wikipedia.org”>Click to go to Wikipedia</a>
  2. <a href=”www.wikipedia.org”>Click to go to Wikipedia</a>
  3. <a href=”wikipedia.org/index.html”>Click to go to Wikipedia</a>
  4. <a href=”http://wikipedia.org”>Click to go to Wikipedia</a>
  5. <a href=”sftp://wikipedia.org/index.html”>Click to go to Wikipedia</a>

So-called “wrapper” or “container” elements are useful in HTML code because they help... (select all that apply)

  1. center a page as a whole
  2. make block elements sit side-by-side
  3. control the width of a page as a whole
  4. prevent links from having an underline
  5. reduce the number of pages in a site

Without the proper setting for the value of the <meta> tag’s charset attribute, ...

  1. web pages will not be responsive
  2. non-latin characters may look garbled in the browser
  3. the <body> element’s default margins and padding will not be overridden
  4. the title of the page will not appear in the browser’s tab

The tag used to indicate the most important content on a given web page is...

  1. <h1>
  2. <aside>
  3. <section>
  4. <header>

The tag used to indicate the version of HTML used by any given hypertext document is...

  1. <html>
  2. <!DOCTYPE>
  3. <cite>
  4. <div>

HTML is intended to be used to indicate... (select all that apply)

  1. content
  2. presentation
  3. interactive behavior
  4. responsive design

HTML code is rendered by the...

  1. Web browser
  2. Web server

Web pages are published by...

  1. Downloading them from a web server
  2. Uploading them to a web server
  3. Emailing them to a special Google email account d. Copy-and-pasting them into a Facebook Chat

CSS

The hexadecimal code #0000ff represents which color in CSS?

  1. Blue
  2. Red
  3. Green
  4. Fuchsia
  5. None of the above

By default, which of the following are default behaviors of all elements with the 'block' display setting in CSS? (select all that apply)

  1. Stack one-on-top of the other with other elements
  2. Sit side-by-side with other elements
  3. Are only as wide as necessary to contain the content nested inside them
  4. Are as wide as possible within their container element
  5. All of the above

By default, which of the following are default behaviors of all elements with the 'inline' display setting in CSS? (select all that apply)

  1. Stack one-on-top of the other with other elements
  2. Sit side-by-side with other elements
  3. Are only as wide as necessary to contain the content nested inside them
  4. Are as wide as possible within their container element
  5. All of the above

The most useful types of elements for creating the structure and general layout of all web pages are:

  1. inline elements
  2. block elements
  3. radish elements
  4. deprecated elements

What visual result will the following style cause.... (select all that apply)

h1 {
	text-align: center
}
  1. The text within the first h1 element will be centered
  2. The text within all h1 elements will be centered
  3. The first h1 element will be centered within its containing element
  4. All h1 elements will be centered within their containing elements
  5. All of the above

What visual result will the following style cause.... (select all that apply)

p#second {
	font-family: sans-serif
}
  1. The text within the second p element will be displayed in the browser’s default sans-serif font
  2. The text within all p elements will be displayed the browser’s default sans- serif font
  3. The text within the p element with the class name “second” will be displayed the browser’s default sans-serif font
  4. The text within the p element with the id “second” will be displayed the browser’s default sans-serif font
  5. None of the above

What elements could potentially be styled by the following CSS code? (select all that apply)

p#second a {
	font-family: sans-serif
}
  1. only one p element
  2. more than one p element only one a element
  3. more than one a element

Which type of HTML element(s) could the following CSS code select for?

header div.pub h1#magazine_heading { ... }
  1. <header>
  2. <div>
  3. <h1>
  4. <header>, <div>, and <h1>

Which type of HTML element(s) could the following CSS code select for? header, div.pub, h1#magazine_heading { ... }

  1. <header>
  2. <div>
  3. <h1>
  4. <header>, <div>, and <h1>

What will be the effect of the following CSS code on how <p> elements are rendered by the web browser?

p {
	padding: 10px;
}
  1. The internal spacing between the edge of the <p> element and the content nested within the <p> element will be set to 10 pixels.
  2. The external spacing between the edge of the <p> element and any content surrounding it will be set to 10 pixels.
  3. The border surrounding the p element will be set to be 10 pixels wide.
  4. The position of the left edge of the <p> element will be shifted to the right by 10 pixels from where it would normally be

The difference between serif and sans-serif fonts is... (select all that apply)

  1. Serif fonts have small decorative lines attached to the end of the stroke of letters, whereas sans-serif fonts do not.
  2. Sans-serif fonts have small decorative lines attached to the end of the stroke of letters, whereas serif fonts do not.
  3. Serif fonts can be scaled to be larger or smaller, whereas sans-serif fonts cannot.
  4. Sans-serif fonts can be scaled to be larger or smaller, whereas serif fonts cannot.

The hexadecimal color code “#00ff00” represents the color:

  1. Red
  2. Green c. Blue
  3. Yellow

The hexadecimal number 1b is the same as the decimal number...

  1. 11
  2. 21
  3. 27
  4. 111

The <div class=”clear”> element requires the following CSS rule to be applied to it, in order for it to serve its intended purpose:

  1. float: left;
  2. width: 960px;
  3. clear: both;
  4. margin: 0 auto;

Which two of the following CSS rules would be required to be applied to the <div class=”container”> element, in order to illustrate its two main purposes in web page design? ... (select two responses)

  1. float: left;
  2. width: 960px;
  3. clear: both;
  4. margin: 0 auto;

The float property is used...

  1. to center any element on the page
  2. to prevent inline elements from sitting side-by-side
  3. to coerce block elements to sit side-by-side
  4. to load different style sheets at different browser widths


JQuery

  • events
    • browser-generated events
    • user-generated events
  • document modifications
    • content changes
    • presentation changes

What links here