It8078 Web Design and Management MCQ

IT8078 WEB DESIGN AND MANAGEMENT MCQ – REGULATIONS 2017
IT8078 WEB DESIGN AND MANAGEMENT

DEPARTMENT OF IT
[ Prepared by https://cse-r17.blogspot.com as per Anna Univ. Reg. 2017 Syllabus]
UNIT I WEB DESIGN - HTML MARKUP FOR

STRUCTURE
TOPIC 1.1 HTML
1. Which attribute specifies a unique alphanumeric identifier to be associated with
an element?
a) class
b) id
c) article
d) html
Answer: b
Explanation: HTML is Hyper Text Markup Language which is used to create web
pages and applications. The id attribute is most used to point to a style in a style
sheet, and by JavaScript (via the HTML DOM) to manipulate the element with the
specific id. Class is a name given to HTML elements which can be used by CSS
and JavaScript for styling the web pages. A self-contained content is called
attribute.
2. The _____________ attribute specifies an inline style associated with an
element, which determines the rendering of the affected element.
a) dir
b) style
c) class
d) article
Downloaded from : https://cse-r17.blogspot.com Page |1

Answer: b
Explanation: Style attribute specifies an inline style for an element. The style
attribute will override any style set globally, e.g. styles specified in the style tag or
in an external style sheet. A self-contained content is called attribute. Class is a
name given to HTML elements which can be used by CSS and JavaScript for
styling the web pages. List of directory files is given by dir tag which is not
supported in HTML5.
3. Which attribute is used to provide an advisory text about an element or its
contents?
a) tooltip
b) dir
c) title
d) head
Answer: c
Explanation: The extra information about an element is specified by title tag. The
information is most often shown as a tooltip text when the mouse moves over the
element. List of directory files is given by dir tag which is not supported in
HTML5. Tooltip or else infotip is a graphical user interface of an element.
Container of metadata is called head.
4. The __________ attribute sets the text direction as related to the lang attribute.
a) lang
b) sub
c) dir
d) ds
Answer: c
Explanation: The dir attribute specifies the text direction of the element’s content.
List of directory files is given by dir tag which is not supported in HTML5. The

language of an element’s content is given by lang attribute. The subscript text is

defined by sub attribute.
5. Which of the following is the attribute that specifies the column name from the
data source object that supplies the bound data?
a) dataFormatAs
b) datafld
c) disabled
d) datasrc
Answer: b
Explanation: DataFormatAs specifies how data is rendered. The identifier for data
source is set by dataSrc. Datafld attribute specifies the column name from the data
source object that supplies the bound data. This attribute is specific to Microsoft’s
data binding. A Disabled is a boolean attribute which specifies that <input>
element should be disabled.
6. Which of the following is the attribute that indicates the name of the data source
object that supplies the data that is bound to this element?
a) dataFormatAs
b) datafld
c) disabled
d) datasrc
Answer: d
Explanation: The identifier for data source is set by dataSrc. When the dataSrc
property is applied to a tabular data consumer, the entire data set is repeated by the
consuming elements. DataFormatAs specifies how data is rendered. A Disabled is
a boolean attribute which specifies that <input> element should be disabled.
7. Which of the following is the attribute that specifies additional horizontal space,
in pixels, to be reserved on either side of an embedded item like an iframe, applet,
image, and so on?

a) height
b) hspace
c) hidefocus
d) datasrc
Answer: b
Explanation: Height of element is pixels is specified by height attribute. The
hspace attribute specifies the whitespace on left and right side of an object. The
hidefocus specifies whether a focused rectangle is drawn around an object. The
identifier for data source is set by dataSrc.
8. The accesskey attribute specifies a keyboard navigation accelerator for the
element.
a) True
b) False
Answer: a
Explanation: The accesskey attribute specifies a shortcut key to activate/focus an
element. It specifies a keyboard navigation accelerator for the element. We can use
accesskey attribute in forms or links.
9. Which of the following is the attribute that is used to set a global identifier for a
microdata item?
a) key
b) id
c) itemclass
d) itemid
Answer: d
Explanation: The unique id for an element in html is specified by id attribute.
Itemmid allows a vocabulary to define a global identifier for a microdata item, for

example an ISBN number on a book. Use itemid on the same element as the item’s
itemscope and itemtype attributes.
10. Which of the following is the attribute that is used to add a name/value pair to a
microdata item?
a) itemscope
b) itemref
c) itemprop
d) itemid
Answer: c
Explanation: A boolean global attribute which specifies scope of associated
metadata is itemscope. Itemmid is unique global identifier of item. To add a
property to an item, the itemprop attribute is used on one of the item’s descendants.
Markup without the microdata-related attributes does not have any effect on the
microdata model. Itemref provides list of elements id’s with extra/additional
properties in the document.
1. Which attribute specifies a unique alphanumeric identifier to be associated with

an element?
a) class
b) id
c) article
d) html
Answer: b
Explanation: HTML is Hyper Text Markup Language which is used to create web
pages and applications. The id attribute is most used to point to a style in a style
sheet, and by JavaScript (via the HTML DOM) to manipulate the element with the
specific id. Class is a name given to HTML elements which can be used by CSS

and JavaScript for styling the web pages. A self-contained content is called
attribute.
2. The _____________ attribute specifies an inline style associated with an
element, which determines the rendering of the affected element.
a) dir
b) style
c) class
d) article
Answer: b
Explanation: Style attribute specifies an inline style for an element. The style
attribute will override any style set globally, e.g. styles specified in the style tag or
in an external style sheet. A self-contained content is called attribute. Class is a
name given to HTML elements which can be used by CSS and JavaScript for
styling the web pages. List of directory files is given by dir tag which is not
supported in HTML5.
3. Which attribute is used to provide an advisory text about an element or its
contents?
a) tooltip
b) dir
c) title
d) head
Answer: c
Explanation: The extra information about an element is specified by title tag. The
information is most often shown as a tooltip text when the mouse moves over the
element. List of directory files is given by dir tag which is not supported in
HTML5. Tooltip or else infotip is a graphical user interface of an element.
Container of metadata is called head.

4. The __________ attribute sets the text direction as related to the lang attribute.
a) lang
b) sub
c) dir
d) ds
Answer: c
Explanation: The dir attribute specifies the text direction of the element’s content.
List of directory files is given by dir tag which is not supported in HTML5. The
language of an element’s content is given by lang attribute. The subscript text is
defined by sub attribute.
5. Which of the following is the attribute that specifies the column name from the
data source object that supplies the bound data?
a) dataFormatAs
b) datafld
c) disabled
d) datasrc
Answer: b
Explanation: DataFormatAs specifies how data is rendered. The identifier for data
source is set by dataSrc. Datafld attribute specifies the column name from the data
source object that supplies the bound data. This attribute is specific to Microsoft’s
data binding. A Disabled is a boolean attribute which specifies that <input>
element should be disabled.
6. Which of the following is the attribute that indicates the name of the data source
object that supplies the data that is bound to this element?
a) dataFormatAs
b) datafld
c) disabled

d) datasrc
Answer: d
Explanation: The identifier for data source is set by dataSrc. When the dataSrc
property is applied to a tabular data consumer, the entire data set is repeated by the
consuming elements. DataFormatAs specifies how data is rendered. A Disabled is
a boolean attribute which specifies that <input> element should be disabled.
7. Which of the following is the attribute that specifies additional horizontal space,
in pixels, to be reserved on either side of an embedded item like an iframe, applet,
image, and so on?
a) height
b) hspace
c) hidefocus
d) datasrc
Answer: b
Explanation: Height of element is pixels is specified by height attribute. The
hspace attribute specifies the whitespace on left and right side of an object. The
hidefocus specifies whether a focused rectangle is drawn around an object. The
identifier for data source is set by dataSrc.
8. The accesskey attribute specifies a keyboard navigation accelerator for the
element.
a) True
b) False
Answer: a
Explanation: The accesskey attribute specifies a shortcut key to activate/focus an
element. It specifies a keyboard navigation accelerator for the element. We can use
accesskey attribute in forms or links.

9. Which of the following is the attribute that is used to set a global identifier for a
microdata item?
a) key
b) id
c) itemclass
d) itemid
Answer: d
Explanation: The unique id for an element in html is specified by id attribute.
Itemmid allows a vocabulary to define a global identifier for a microdata item, for
example an ISBN number on a book. Use itemid on the same element as the item’s
itemscope and itemtype attributes.
10. Which of the following is the attribute that is used to add a name/value pair to a
microdata item?
a) itemscope
b) itemref
c) itemprop
d) itemid
Answer: c
Explanation: A boolean global attribute which specifies scope of associated
metadata is itemscope. Itemmid is unique global identifier of item. To add a
property to an item, the itemprop attribute is used on one of the item’s descendants.
Markup without the microdata-related attributes does not have any effect on the
microdata model. Itemref provides list of elements id’s with extra/additional
properties in the document.
TOPIC 1.2 HTML TEXT, LINKS & LISTS

1. For explaining, which new technology is used?

a) <dfn>
b) <cite>
c) <abbr>
d) <address>
Answer: a
Explanation: When for the first time when we explain any new terminology like
any jargon or any academic concept in the document we use <dfn> It is defining
an instance of it. It is used for defining an instance of a new term. In some
browsers, the content of <dfn> are shown in italics but in Chrome and Safari,
nothing will be changed. Title of work is defined by <cite>. <abbr> is for
abbreviation. Information about author or owner is provided by <address>.
2. Which element indicates about something which is no longer accurate?
a) <s>
b) <ins>
c) <del>
d) <address>
Answer: a
Explanation: <s> indicates about something that is no longer relevant or accurate.
It should also not to be deleted. The content of this element is displayed a line
through the center. In older versions of HTML it had <u> element for the content
to be underlined, but now it is no longer in use. Information about author or
owner is provided by <address>. A text which has been inserted into a document
is defined by a <ins>. <del> describes a text that has been deleted from a
document.
3. Metadata does not define _________
a) character set
Downloaded from : https://cse-r17.blogspot.com P a g e | 10

b) links
c) scripts
d) color
Answer: d
Explanation: Metadata define character set, title of the document, links, styles,
scripts and other meta information. E.g. <!doctype html> <html> <title> The Code
</title> <meta charset= “UTF-8”> </head> <body>.
4. In HTML5 which element defines thematic change in the content?
a) <hr>
b) <h1>
c) <head>
d) <p>
Answer: a
Explanation: For thematic change in the content <hr> tag is used. It is also used to
separate content or for defining a change in any HTML page. All the browsers like
Internet Explorer, Firefox, Opera, Chrome, Safari supports this element.
5. Which element defines preformatted text?
a) <p>
b) <pre>
c) <hr>
d) <ins>
Answer: b
Explanation: <p> defines paragraph/text.

element is used for horizontal/thematic break. Preformatted test is defined by

<pre> element. The text written inside this element will be displayed in fixed-
width font. It also preserves line breaks and spaces. E.g.
This is the first line. </pre>. A text which has been inserted into a do
cument is defined by a <ins>..
6. Which element is used for creating links?

a) <a>
b) <p>
c) <li>
d) <ol>
Answer: a
Explanation: <a> element is used for creating links. We can click anything written
between opening <a> tag and closing </a> tag. E.g. <a href=
“http://www.gmail.com”> GMAIL </a>. The text written between <a> and </a> is
called link text. <p></p> defines paragraph. <li> specifies list of item. <ol> is
ordered list which can be either numerically or alphabetically.
7. Relative URLs are used to ____________
a) link other pages within the same site
b) link the same page with other sites
c) link other pages with other sites
d) does not link
Answer: a
Explanation: Relative URLs are used for linking other pages within the same site.
These are the shorthand version of absolute URLs. It does not need a domain
name. These URLs are helpful when building a site on a computer because we can
create links between pages without having set up for hosting or domain name.

8. What is the color of an unvisited link?

a) red
b) blue
c) purple
d) green
Answer: b
Explanation: In all browsers by default the color of an unvisited link is blue. The
color of a visited link is purple. The color of the active link is red. The link is
underlined by default. E.g. www.google.com We can also change these default
colors by the use of style.
9. Which one of the following is not the value of the target attribute?
a) _blank
b) _top
c) _self
d) _empty
Answer: d
Explanation: Where to open linked document is specified by target attribute. It
can have the values _blank, _top, _parent, _self, framename. _blank opens linked
document is a new tab or window. The linked document is opened in the parent
frame by _parent. Linked document is opened in a named frame by framename.
Linked document is opened in the same window by _self.
10. What is the path for an image located in same folder as the current page?
a) <img src= “pic.jpg”>
b) <img src= “../pic.jpg”>
c) <img src= “images/pic.jpg”>
d) <img src= “/images/pic.jpg”>
Answer: a
Explanation: The path <img src= “pic.jpg”> indicates that pic.jpg is located in

same folder as current page. The path <img src= “images/pic.jpg”> indicates that
pic.jpg is located in current folder. The path <img src= “/images/pic.jpg”> is
located in images folder at root of current web. The path <img src= “../pic.jpg”>
indicates that pic.jpg is located in folder one level up from current folder.
11. File paths are not used for linking in _________

a) JavaScripts
b) PHP
c) Style Sheets
d) Images
Answer: b
Explanation: The location of a file in web site’s folder structure is described by file
path. File paths are used for linking to external files like Images, JavaScripts, Web
Pages, Style sheets. The full URL to internet file is an absolute file path.
12. For defining bookmarks in a page we use __________
a) href
b) id
c) target
d) <a>
Answer: b
Explanation: id attribute is used for defining bookmarks in a page. For linking to
the bookmark we use href attribute. Target attribute is used to define where to
open a linked document. <a> element is used to define a link.

UNIT II CSS AND JAVASCRIPT

TOPIC 2.1 CSS
1. Which of the following represents a comment?

a) /!– comments –!/
b) /! comments !/
c) /* comments */
d) None of the mentioned
Answer: c
Explanation: Comments can be placed within style sheets. Style sheets use the
comment syntax used in C programming
2. A single _____________ rule can be used in an external sheet to define

character set encoding of the style rules and values.
a) @media
b) @charset
c) @font-face
Answer: b
Explanation: None.
3. An ___________ rule can be used to define style rules for multiple media types
in a single embedded style sheet
a) @media
b) @charset
c) @font-face
Answer: a
Explanation: None.
4. An ___________ rule is used to define a page block for printed styles.

a) @important
b) @page
c) @css

d) @html
Answer: b
Explanation: An @page rule is used to define a page block for printed styles.
Generally, within this construct we see various CSS properties like size, page, and
margin to control the dimensions of the page.
5. Which of the following construct specifies that a style takes precedence over any
different, conflicting styles?
a) !important
b) <style>
c) #id
d) @media
Answer: a
Explanation: None.
6. Which of the following property specifies the size of the mask?

a) box-sizing
b) box-shadow
c) box-reflect
d) none of the mentioned
Answer: c
Explanation:
Syntax: -webkit-box-reflect: direction offset mask-box-image
7. Which of the following property is used to control column element breaks after
an associated element when flowing multicolumn text?
a) column-break
b) column-break-after
c) column-count
d) column-break-before
Answer: b
Explanation:
Syntax: column-break-after: always | auto | avoid
8. Which of the following property defines the gap between columns in a

multicolumn text flow?
a) column-float
b) column-flow

c) column-gap
d) column-width
Answer: c
Explanation:
Syntax: column-gap: length | normal
9. Which of the following property defines the style, width, and color of the rule
divider between
columns in a multicolumn text flow?
a) column
b) column-rule
c) column-change
d) column-check
Answer: b
Explanation:
Syntax: column-rule: rule-width rule-style color
10. Which of the following property defines the width of a rule between columns
in a multicolumn text flow?
a) column-width
b) column-rule
c) column-float
d) column-rule-width
Answer: d
Explanation:
Syntax: column-rule-width: non-negative length | medium | thick | thin | in
herit
1. Which of the following selector selects all elements of E that have the attribute
attr that end with the given value?
a) E[attr^=value]
b) E[attr$=value]
c) E[attr*=value]
Answer: b
Explanation:
Example: p[title$="!"] {color: red;}

2. Which of the following selector selects the elements that are checked?
a) E ~ F
b) ::after
c) :checked
Answer: c
Explanation:
Example: :checked {color: blue;}
3. Which of the following selector selects the elements that are the default among a
set of similar elements?
a) :default
b) :%
c) :disabled
Answer: a
Explanation:
Example: :default {background-color: red;}
4. Which of the following selector selects an element that has no children?

a) :empty
b) :nochild
c) :inheritance
d) :no-child
Answer: a
Explanation: None.
5. Which of the following selector selects the elements that are currently enabled?
a) :element
b) :empty
c) :enabled
Answer: c
Explanation:
Example: input:enabled {background-color:white;}
6. Which of the following selector selects the element that is the first child of its
parent that is of its type?
a) :first-of-type
b) :last-child
c) ::first-line
d) ::first-letter
Answer: a
Explanation:
Example: strong:first-of-type {font-size:bigger;}

7. Which of the following selector selects elements that do not match the selector
s?
a) :!(s)
b) :nth-child(s)
c) :not(s)
Answer: c
Explanation:
Example: *:not(h1) {color: black;}
8. Which of the following selector selects an element if it’s the only child of its
parent?
a) :root
b) :nth-oftype(n)
c) :only-child
Answer: c
Explanation:
Example: h1:only-child {color: blue;}
9. Which of the following selector selects the element that is the target of a
referring URI?
a) :target
b) :selection
c) ::selection
d) :URI
Answer: a
Explanation:
Example: :target{color:red;}
10. Which of the following selector applies styles to elements that are valid per
HTML5 validations set either with the pattern or type
attributes?
a) :valid
b) :required
c) :optional
d) :invalid
Answer: a
Explanation:
Example: :valid {color: green;}

UNIT II CSS AND JAVASCRIPT

TOPIC 2.1 CSS
1. Which of the following property specifies whether an element is an accelerator
indicator or not.
a) move
b) @keyframes
c) accelerator
Answer: c
Explanation:
Syntax: accelerator: true | false
2. Which of the following property is used to define the animations that should be
run?
a) animation-delay
b) animation-iteration-count
c) animation-duration
d) animation-name
Answer: d
Explanation: None.
3. Which of the following property is used to define the number of times an
animation should play?
a) animation-direction
c) animation
d) animation-timing-function

Answer: b
Explanation: None
4. Which of the following property is used to indicate whether the backside of an
element is visible if the element is rotated to display the back?
a) background-clip
b) backface-visibility
c) behavior
d) background-origin
Answer: b
Explanation:
Syntax: backface-visibility: hidden | visible
5. Which of the following property defines a relationship between bound

elements(s) and some code or content?
a) behavior
b) anim
c) binding
Answer: c
Explanation: None.
6. Which of the following property defines the width of each column in a
a) width
b) columns
c) filter
d) column-width

Answer: d
Explanation: Implemented CSS3 and Browser-Specific Syntax: column-width:
length | auto
7. Which of the following property is used to apply visual effects to associated
elements?
a) filter
b) effect
c) adjust
Answer: a
Explanation:
Syntax: filter: filtername(filtervalues) ... filtername(filtervalues)
8. Which of the following property defines the resampling method to use when
stretching images?
a) layout
b) ime-mode
c) image-rendering
Answer: c
Explanation:
Syntax: image-rendering: auto | inherit | optimizeSpeed
9. Which of the following property specifies the direction in which a marquee

should move?
a) marquee
b) marquee-play
c) marquee-direction

Answer: c
Explanation:
Syntax: marquee-direction: forward | reverse
10. Which of the following property defines a mask to be used as a box’s overlay
in order to clip the box to a complex shape?
a) shadder
b) mask
c) mask-attachment
d) mask-image
Answer: b
Explanation:
Syntax: mask: mask-attachment
1. Which of the following property specifies whether an element is an accelerator

indicator or not.
a) move
b) @keyframes
c) accelerator
Answer: c
Explanation:
Syntax: accelerator: true | false
2. Which of the following property is used to define the animations that should be
run?
a) animation-delay
c) animation-duration
d) animation-name

Answer: d
Explanation: None.
3. Which of the following property is used to define the number of times an
animation should play?
a) animation-direction
c) animation
d) animation-timing-function
Answer: b
Explanation: None
4. Which of the following property is used to indicate whether the backside of an
element is visible if the element is rotated to display the back?
a) background-clip
b) backface-visibility
c) behavior
d) background-origin
Answer: b
Explanation:
Syntax: backface-visibility: hidden | visible
5. Which of the following property defines a relationship between bound

a) behavior
b) anim
c) binding
Answer: c
Explanation: None.

6. Which of the following property defines the width of each column in a

a) width
b) columns
c) filter
d) column-width
Answer: d
Explanation: Implemented CSS3 and Browser-Specific Syntax: column-width:
length | auto
7. Which of the following property is used to apply visual effects to associated
elements?
a) filter
b) effect
c) adjust
Answer: a
Explanation:
Syntax: filter: filtername(filtervalues) ... filtername(filtervalues)
8. Which of the following property defines the resampling method to use when
stretching images?
a) layout
b) ime-mode
c) image-rendering
Answer: c
Explanation:
Syntax: image-rendering: auto | inherit | optimizeSpeed

9. Which of the following property specifies the direction in which a marquee

should move?
a) marquee
b) marquee-play
c) marquee-direction
Answer: c
Explanation:
Syntax: marquee-direction: forward | reverse
10. Which of the following property defines a mask to be used as a box’s overlay
in order to clip the box to a complex shape?
a) shadder
b) mask
c) mask-attachment
d) mask-image
Answer: b
Explanation:
Syntax: mask: mask-attachment
TOPIC 2.2 JAVASCRIPT

TOPIC 2.2.1 LEXICAL STRUCTURE
1. The web development environment (JavaScript) offers which standard construct
for data validation of the input entered by the user.
a) Controlled loop constructs
b) Server page access
c) Client side Event
d) Permit server-side

Answer: a
Explanation: JavaScript provides with for, while loops and if, else, switch cases for
checking the information entered by the user. Additionally, all development
environments provide syntax to create and use memory variables, constants, and
functions.
2. The main purpose of a “Live Wire” in NetScape is to ________
a) Create linkage between client side and server side
b) Permit server side, JavaScript code, to connect to RDBMS
c) Support only non relational database
d) To interpret JavaScript code
Answer: b
Explanation: A Live Wire database driver also supports a number of non-
relational databases.
3. The script tag must be placed in __________
a) the head tag
b) the head or body
c) the title or head
d) after the body tag
Answer: b
Explanation: If the script tag is placed after the body tag, then, it will not be
evaluated at all. Also, it is always recommended and effective to use the script
snippet in the <head> tag.
4. A JavaScript program developed on a Unix Machine ________
a) will throw errors and exceptions
b) must be restricted to a Unix Machine only
c) will work perfectly well on a Windows Machine

d) will be displayed as a JavaScript text on the browser
Answer: c
Explanation: JavaScript can be executed on different operating systems therefore
the program developed on UNIX will work perfectly fine on windows also.
5. JavaScript is ideal to ________
a) make computations in HTML simpler
b) minimize storage requirements on the web server
c) increase the download time for the client
d) increase the loading time of the website
Answer: b
Explanation: JavaScript helps in performing various tasks with minimum storage
requirements. Therefore to minimize storage requirements, JavaScript is always a
better say.
6. Which attribute is used to specify that the script is executed when the page has
finished parsing? (only for external scripts)
a) parse
b) a sync
c) defer
d) type
Answer: c
Explanation: The defer attribute is a Boolean attribute. When present, it specifies
that the script is executed when the page has finished parsing.
7. JavaScript Code can be called by using ____________
a) RMI
b) Triggering Event
c) Preprocessor

d) Function/Method
Answer: d
Explanation: JavaScript code can be called by making a function call to the
element on which JavaScript has to be run. There are many other methods like
onclick, onload, and onsubmit etc.
8. JavaScript can be written __________
a) directly into JS file and included into HTML
b) directly on the server page
c) directly into HTML pages
d) directly into the css file
Answer: a
Explanation: JavaScript files can be saved by .JS extension and can be included in
the HTML files. Script tag along with src attribute is used to include the js files.
9. Which of the following Attribute is used to include External JS code inside your
HTML Document?
a) src
b) ext
c) script
d) link
Answer: a
Explanation: Script “tag” is used to include the JavaScript code. To include
external JavaScript files “src” attribute is used inside the script tag.
10. A proper scripting language is a __________
a) High level programming language
b) Assembly level programming language
c) Machine level programming language

d) Low level programming language
Answer: a
11. What will be the output of the following JavaScript code?
<p id="demo"></p>
var txt1 = "good";
var txt2 = "day";
document.getElementById("demo").innerHTML = txt1 + txt2;
a) good day
b) goodday
c) error
d) undefined
Answer: b
Explanation: The + operator acts as a concatenation operator when used with
string. The new string does not have any space between the two added string.
<p id="demo"></p>
<script>
var x = 5;
var y = 2;
var z = x % y;
document.getElementById("demo").innerHTML = z;
</script>
a) 0
b) 1
c) 2
d) 5
Answer: b
Explanation: The % operator returns the remainder between the two numbers. It

is used many times with if condition to check whether the number is divisible or
not.
<p id="demo"></p>
<script>
var x = 10;
x *= 5;
document.getElementById("demo").innerHTML = x;
</script>
a) 5
b) 10
c) 50
d) Error
Answer: c
Explanation: The *= operator is a shorthand expression for multiplication of a
particular number. It is a combination of two operators * and = .
<p id="demo"></p>
<script>
txt1 = “ one”;
txt1 += “two”;
document.getElementById("demo").innerHTML = txt1;
</script>
a) onetwo
b) one two
c) error
d) undefined
Answer: a
Explanation: The += operator acts in the same way as the concatenation operator
in the string. There is no space added when two string are added together with +=
operator.


<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = typeof "John"
</script>
a) integer
b) number
c) string
d) error
Answer: c
Explanation: The typeof operator returns the type of the argument passed to it.
The typeof operator returns number for an integer and string for a character
array.
TOPIC 2.2.2 TYPES, VALUES AND VARIABLES

1. JavaScript Code can be called by using ___________
a) RMI
b) Triggering Event
c) Preprocessor
d) Function/Method
Answer: d
Explanation: JavaScript code can be called by making a function call to the
element on which JavaScript has to be run. There are many other methods like
onclick, onload, and onsubmit etc.
2. The type of a variable that is volatile is _______________
a) Volatile variable
b) Mutable variable
c) Immutable variable

d) Dynamic variable
Answer: b
Explanation: The variables whose values can be changed are called mutable
variable types. In JavaScript, only objects and arrays are mutable, not primitive
values.
3. A hexadecimal literal begins with __________
a) 00
b) 0x
c) 0X
d) Both 0x and 0X
Answer: d
Explanation: Generally, X or x denotes hexadecimal values. So, any integer literal
that begins with 0X or 0x denotes a hexadecimal number.
4. The generalised syntax for a real number representation is __________
a) [digits][.digits][(E|e)[(+|-)]digits]
b) [digits][+digits][(E|e)[(+|-)]digits]
c) [digits][(E|e)[(+|-)]digits]
d) [.digits][digits][(E|e)[(+|-)]digits]
Answer: a
Explanation: Floating-point literals may also be represented using exponential
notation: a real number followed by the letter e (or E), followed by an optional
plus or minus sign, followed by an integer exponent. This notation represents the
real number multiplied by 10 to the power of the exponent.
5. JavaScript _________ when there is an indefinite or an infinite value during an
arithmetic computation.
a) Prints an exception error

b) Prints an overflow error

c) Displays “Infinity”
d) Prints the value as such
Answer: c
Explanation: When the result of a numeric operation is larger than the largest
representable number (overflow), JavaScript prints the value as Infinity. Similarly,
when a negative value becomes larger than the largest representable negative
number, the result is negative infinity. The infinite values behave as you would
expect: adding, subtracting, multiplying, or dividing them by anything results in an
infinite value (possibly with the sign reversed).
6. Which of the following is not considered as an error in JavaScript?
a) Syntax error
b) Missing of semicolons
c) Division by zero
d) Missing of Bracket
Answer: c
Explanation: Division by zero is not an error in JavaScript: it simply returns infinity
or negative infinity. There is one exception, however: zero divided by zero does
not have a well defined value, and the result of this operation is the special not-a-
number value, printed as NaN.
7. The escape sequence ‘\f’ stands for _________
a) Floating numbers
b) Representation of functions that returns a value
c) \f is not present in JavaScript
d) Form feed

Answer: d
Explanation: \f is the JavaScript escape sequence that stands for Form feed
(\u000C). It skips to the start of the next page. (Applies mostly to terminals where
the output device is a printer rather than a VDU).
8. The snippet that has to be used to check if “a” is not equal to “null” is
_________
a) if(a!=null)
b) if (!a)
c) if(a!null)
d) if(a!==null)
Answer: d
Explanation: A strict comparison (e.g., ===) is only true if the operands are of the
same type and the contents match. The more commonly-used abstract
comparison (e.g. ==) converts the operands to the same type before making the
comparison. The not-equal operator !== compares 0 to null and evaluates to
either true or false.
9. The statement a===b refers to _________
a) Both a and b are equal in value, type and reference address
b) Both a and b are equal in value
c) Both a and b are equal in value and type
d) There is no such statement
Answer: c
Explanation: ”===” operator is known as the strict comparison operator. A strict
comparison (===) is only true if the operands are of the same type and the
contents match.
10. Assume that we have to convert “false” that is a non-string to string. The
command that we use is (without invoking the “new” operator).

a) false.toString()
b) String(false)
c) String newvariable=”false”
d) Both false.toString() and String(false)
Answer: d
Explanation: The three approaches for converting to string are: value.toString(),””
+ value and String(value). A non-string can be converted in two ways without
using a new operator false.toString () and String(false).
function compare()
{
int num=2;
char b=2;
if(a==b)
return true;
else
return false;
}
a) true
b) false
c) runtime error
d) compilation error
Answer: a
Explanation: The == convert different type of operands to the same type before
making the comparison. A strict comparison results into true value if the operands
are of the same type and the contents match.
function equalto()
{
int num=10;
if(num===”10”)

return true;
else
return false;
}
a) true
b) false
c) runtime error
d) compilation error
Answer: a
Explanation: A === operator is only true if the operands are of the same type and
the contents match. Two strings are strictly equal when they have the same
sequence of characters, same length, and same characters in corresponding
positions.
function compare()
{
int a=1;
char b=1;
if(a.tostring()===b)
return true;
else
return false;
}
a) true
b) false
c) runtime error
d) logical error
Answer: a
Explanation: A non string (integer) can be converted to string using .tostring()
function. A strict comparison is only true if the operands are of the same type and

the contents match. Hence the following code snippet would result into true
output.
int a==2;
int b=4;
int ans=a+b;
print(ans);
a) 2
b) 6
c) 0
d) error
Answer: d
Explanation: The following code will generate into an error output as a
comparator operator is used outside of if statement. A single equalto (’=’)
operator is used for initialization.
int a=1;
if(a!=null)
return 1;
else
return 0;
a) 1
b) 0
c) runtime error
d) compiler error
Answer: a
Explanation: != is the not equal to operator. It gives a value of 1 if the two values
which are compared are not equal and give 0 if the two values are equal.

TOPIC 2.2.3 EXPRESSIONS AND OPERATORS

var string1 = ”123”;
var intvalue = 123;
alert( string1 + intvalue );
a) 123246
b) 246
c) 123123
d) Exception
Answer: c
Explanation: In JavaScript the alert function does the type casting and converts
the integer value to string. After that it concatenates both the strings and shows
the result as a concatenated string. Thus 123123 would be correct.
2. A function definition expression can be called as __________
a) Function prototype
b) Function literal
c) Function calling
d) Function declaration
Answer: b
Explanation: A function definition expression is a “function literal” in the same
way that an object initializer is an “object literal.” A Function definition expression
typically consists of the keyword function followed by a comma-separated list of
zero or more identifiers (the parameter names) in parentheses and a block of
JavaScript code (the function body) in curly braces.
3. The property of a primary expression is ____________
a) stand-alone expressions
b) basic expressions containing all necessary functions
c) contains variable references alone

d) contains only keywords
Answer: a
Explanation: The simplest expressions, known as primary expressions, are those
that stand alone — they do not include any simpler expressions. Primary
expressions in JavaScript are constant or literal values, certain language keywords,
and variable references.
4. Consider the following JavaScript statements.
var text = "testing: 1, 2, 3"; // Sample text
var pattern = /\d+/g // Matches all instances of one or more digits
In order to check if the pattern matches with the string “text”, the statement is
____________
a) text==pattern
b) text.equals(pattern)
c) text.test(pattern)
d) pattern.test(text)
Answer: d
Explanation: The given pattern is applied on the text given in the parenthesis.
5. The expression of calling (or executing) a function or method in JavaScript is
called ________
a) Primary expression
b) Functional expression
c) Invocation expression
d) Property Access Expression
Answer: c
Explanation: An invocation expression is JavaScript’s syntax for calling (or
executing) a function or method). It starts with a function expression that
identifies the function to be called.

6. What kind of expression is “new Point(2,3)”?

a) Primary Expression
b) Object Creation Expression
c) Invocation Expression
d) Constructor Calling Expression
Answer: b
Explanation: An object creation expression creates a new object and invokes a
function (called a constructor) to initialize the properties of that object. Object
creation expressions are like invocation expressions except that they are prefixed
with the keyword new.
7. Which of the operator is used to test if a particular property exists or not?
a) in
b) exist
c) within
d) exists
Answer: a
Explanation: The operator “in” tests whether a particular property exists or not.
In operator is usually added in looping statements to traverse the array or the
object.
8. Among the following, which one is a ternary operator?
a) +
b) :
c) –
d) ?:
Answer: d
Explanation: JavaScript supports one ternary operator, the conditional operator

?:, which combines three expressions into a single expression. If else case can be
replaced by the conditional operator
9. “An expression that can legally appear on the left side of an assignment
expression.” is a well known explanation for variables, properties of objects, and
elements of arrays. They are called ___________
a) Properties
b) Prototypes
c) Lvalue
d) Definition
Answer: c
Explanation: lvalue is a historical term that means “an expression that can legally
appear on the left side of an assignment expression.” In JavaScript, variables,
properties of objects, and elements of arrays are lvalues.
10. What will be the equivalent output of the following JavaScript code snippet?
x = ~-y;
w = x = y = z;
q = a?b:c?d:e?f:g;
a)
x = ~(-y); w = (x = (y = z));
q = a?b:(c?d:(e?f:g));
b)
x = a?b:(c?d:(e?f:g));
q = ~(-y); w = (x = (y = z));
c)
x = (x = (y = z));w = ~(-y);
q = a?b:(c?d:(e?f:g));
d)
x = ~(-y); w = (x = (y = z));
q = (c?d:(e?f:g));

Answer: a
Explanation: Brackets have higher precedence than any other operator. The
placement of brackets results in the same result as without putting any bracket.

function output(option)
{
return (option ? “yes” : “no”);
}
bool ans=true;
console.log(output(ans));
a) Yes
b) No
c) Runtime error
d) Compilation error
Answer: a
Explanation: “?” is called the ternary operator which is used for choosing one
choice from the given two choices. It is used instead of if else statement and
makes the code shorter.
var obj=
{
length:20,
height:35,
}
if (‘breadth' in obj === false)
{
obj.breadth = 12;
}
console.log(obj.breadth);

a) 20
b) 12
c) undefined
d) error
Answer: b
Explanation: The “in” operator checks for the presence of a particular property in
object. It returns true if the property is present and returns false if the property is
not present.
function height()
{
var height = 123.56;
var type = (height>=190) ? "tall" : "short";
return type;
}
a) 123.56
b) 190
c) tall
d) short
Answer: d
Explanation: The ternery operator is used as a comparison operator which works
on three operands. The statement in the above code initializes type variable with
the value short which is returned through the function.
string a = ”hi”;
string b =”there”;
alert(a+b);
a) hi
b) there
c) hithere

d) undefined
Answer: c
Explanation: alert function is used to print the value passed as argument in a
dialog box in a browser. The alert function adds both the string and prints the
result as a combined string.
function output(object)
{
var place=object ? object.place : “Italy”;
return “clean:”+ place;
}
console.log(output({place:India}));
a) clean:India
b) clean:Italy
c) error
d) undefined
Answer: a
Explanation: ”?” operator is used to compare the values and place is initialized
according to the true condition that whether it is true or false. The function is
called in the console.log and the object value is passed.
<p id="demo"></p>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML = Math.abs(-7.25);
}
</script>
a) 7.25
b) -7.25
c) 7

d) -7
Answer: a
Explanation: The abs() method returns the absolute value of a number. The
method is find in the math library of Javascript.
<p id="demo"></p>
<script>
{
document.getElementById("demo").innerHTML = Math.cbrt(125);
}
</script>
a) 125
b) 25
c) 5
d) Error
Answer: c
Explanation: cbrt return the cubic root of a number. The method is find in the
math library of Javascript.
<p id="demo"></p>
<script>
{
document.getElementById("demo").innerHTML = Math.acos(0.5);
}
</script>
a) 1.01
b) 1.047
c) 1.00

d) 1.4
Answer: b
Explanation: The acos() method returns the arccosine of a number as a value
value between 0 and PI radians. If the parameter x is outside the range -1 to 1,
the method will return NaN.
TOPIC 2.2.4 STATEMENTS

1. JavaScript is a _______________ language.
a) Object-Oriented
b) High-level
c) Assembly-language
d) Object-Based
Answer: d
Explanation: JavaScript is not a full-blown OOP (Object-Oriented Programming)
language, such as Java or PHP, but it is an object-based language. The criteria for
object orientation are the classic threesome of polymorphism, encapsulation and
inheritance and JavaScript doesn’t pass this.
var a=5 , b=1
var obj = { a : 10 }
with(obj)
{
alert(b)
}
a) 10
b) Error
c) 1

d) 5
Answer: c
Explanation: Firstly the interpreter checks obj for property b. But it doesn’t find
any property b so it takes the value from outside the object within the code
snippet.
3. A conditional expression is also called a _______________
a) Alternative to if-else
b) Immediate if
c) If-then-else statement
d) Switch statement
Answer: b
Explanation: A conditional expression can evaluate to either True or False based
on the evaluation of the condition. If the condition is true then the value following
the operator is taken that’s why it is called immediate if.
4. Which is a more efficient JavaScript code snippet?
Code 1 :
for(var num=10;num>=1;num--)
{
document.writeln(num);
}
Code 2 :
var num=10;
while(num>=1)
{
document.writeln(num);
num++;
}
a) Code 1
b) Code 2
c) Both Code 1 and Code 2

d) Cannot Compare
Answer: a
Explanation: Code 1 would be more efficient. Infact second code will go into
runtime error as the value of num will never reach less than or equal to one.
5. What is a block statement in JavaScript?
a) conditional block
b) block that contains a single statement
c) both conditional block and a single statement
d) block that combines multiple statements into a single compound statement
Answer: d
Explanation: A block statement groups zero or more statements. In languages
other than JavaScript, it is known as a compound statement. A statement block is
a block that combines more than one statements into a single compound
statement for ease.
6. When an empty statement is encountered, a JavaScript interpreter __________
a) Ignores the statement
b) Prompts to complete the statement
c) Throws an error
d) Shows a warning
Answer: a
Explanation: The JavaScript interpreter takes no action when it executes an
empty statement. The empty statement is occasionally useful when you want to
create a loop that has an empty body.
7. The “var” and “function” are __________
a) Keywords
b) Declaration statements

c) Data types
d) Prototypes
Answer: b
Explanation: The var and function are declaration statements—they declare or
define variables and functions. These statements define identifiers (variable and
function names) that can be used elsewhere in your program and assign values to
those identifiers.
8. In the following switch syntax, the expression is compared with the case labels
using which of the following operator(s)?
switch(expression)
{
statements
}
a) ==
b) equals
c) equal
d) ===
Answer: d
Explanation: A strict comparison (e.g., ===) is only true if the operands are of the
same type and the contents match. When a switch executes, it computes the
value of the expression and then looks for a case label whose expression
evaluates to the same value (where sameness is determined by the === operator).
9. What happens in the following javaScript code snippet?
var count = 0;
while (count < 10)
{
console.log(count);
count++;
}

a) The values of count are logged or stored in a particular location or storage

b) The value of count from 0 to 9 is displayed in the console
c) An error is displayed
d) An exception is thrown
Answer: b
Explanation: Console.log is a predefined function in JavaScript which takes the
value as an argument of its function.console.log prints this value in the argument
in the console at the time of execution of the code.
10. The enumeration order becomes implementation dependent and non-
interoperable if ___________
a) If the object inherits enumerable properties
b) The object does not have the properties present in the integer array indices
c) The delete keyword is never used
d) Object.defineProperty() is not used
Answer: a
Explanation: In computer programming, an enumerated type (also called
enumeration or enum) is a data type consisting of a set of named values called
elements, members or enumerators of the type. The enumerator names are
usually identifiers that behave as constants in the language.
Int a=1;
if(a>10)
{
document.write(10);
}
else
{
document.write(a);
}

a) 10
b) 0
c) 1
d) Undefined
Answer: c
Explanation: The if else statement is a part of the javascript conditioning
statements. The line of code inside the “if” statement is executed if the value
passed to “if” is 1.
var grade='B';
var result;
switch(grade)
{
case 'A':
{
result+="10";
break;
}
case 'B':
{
result+=" 9";
break;
}
case 'C':
{
result+=" 8";
break;
}
default:
result+=" 0";
}
document.write(result);
a) 10
b) 9
c) 8

d) 0
Answer: b
Explanation: The above code contains a switch loop. It is used as an alternative to
if else statement. One of the given condition is satisfied according to the input of
the switch case and the output is decided accordingly.
var grade='A';
var result;
switch(grade)
{
case 'A':
result+="10";
case 'B':
result+=" 9";
case 'C':
result+=" 8";
default:
result+=" 0";
}
a) 10
b) 27
c) 8
d) 0
Answer: b
Explanation: The above code does not have a break statement after the cases in
the switch loop. Therefore all of the cases following “A” will get executed.
int a=4;
int b=1;
int c=0;
If(a==b)

document.write(a);
else if(a==c)
document.write(a);
else
document.write(c);
a) 4
b) 1
c) Error
d) 0
Answer: d
Explanation: For checking more than one condition the if else if loop is used. It is
the extension of if else loop which is also sometimes known as if else ladder.
var grade='E';
var result;
switch(grade)
{
case 'A':
result+="10";
case 'B':
result+=" 9";
case 'C':
result+=" 8";
default:
result+=" 0";
}
a) 10
b) 0
c) 18
d) 17

Answer: b
Explanation: The switch case contains a default case along with the other cases.
The default case gets executed when no other case results into true.
TOPIC 2.2.5 LOOPS IN JAVASCRIPT

function printArray(a)
{
var len = a.length, i = 0;
if (len == 0)
console.log("Empty Array");
else
{
do
{
console.log(a[i]);
} while (++i < len);
}
}
a) Prints the numbers in the array in order

b) Prints the numbers in the array in the reverse order
c) Prints 0 to the length of the array
d) Prints “Empty Array”
Answer: a
Explanation: The do/while statement creates a loop that executes a block of code
once, before checking if the condition is true, then it will repeat the loop as long
as the condition is true. Hence the iterator traverses through the array and print
them in normal order.
2. What are the three important manipulations done in a for loop on a loop
variable?
a) Updation, Incrementation, Initialization

b) Initialization,Testing, Updation
c) Testing, Updation, Testing
d) Initialization,Testing, Incrementation
Answer: b
Explanation: In a for loop, the initialization, the test, and the update are the three
crucial manipulations of a loop variable. Firstly the loop initialiases the variable
then test the condition and then after executing the statement increments its
value.
3. What will the following JavaScript code snippet work? If not, what will be the
error?
function tail(o)
{
for (; o.next; o = o.next) ;
return o;
}
a) No, this will throw an exception as only numerics can be used in a for loop
b) No, this will not iterate
c) Yes, this will work
d) No, this will result in a runtime error with the message “Cannot use Linked
List”
Answer: c
Explanation: The above code uses a for loop to traverse a linked list data
structure and return the last object in the list. This will perfectly work.
4. What will be the equivalent code of the following JavaScript code?
for(var p in o)
console.log(o[p]);
a)
for (var i = 0;i < a.length;i++)
console.log(a[i]);

b)
for (int i = 0;i < a.length;i++)
console.log(a[i]);
c)
for (var i = 0;i <= a.length;i++)
console.log(a[i]);
d)
for (var i = 1;i < a.length;i++)
console.log(a[i]);
Answer: a
Explanation: The in variable does the same task of traversing the array starting
from the 0 index. The for/in loop makes it easy to do the same that we do using a
for.
5. One of the special features of an interpreter in reference with the for loop is that
___________
a) Before each iteration, the interpreter evaluates the variable expression and
assigns the name of the property
b) The iterations can be infinite when an interpreter is used
c) The body of the loop is executed only once
d) the iteration is finite when an interpreter is used
Answer: a
Explanation: Interpreter translates the source code into machine code line by
line, and stops when it encounters an error. Before each iteration, the interpreter
evaluates the variable expression and assigns the name of the property (a string
value) to it.

6. What will happen if the body of a for/in loop deletes a property that has not yet
been enumerated?
a) The property will be stored in a cache
b) The loop will not run
c) That property will not be enumerated
d) The property will be enumerated
Answer: c
Explanation: If the body of a for/in loop deletes a property that has not yet been
enumerated, that property will not be enumerated. If the body of the loop
defines new properties on the object, those properties will generally not be
enumerated.
7. What will be the step of the interpreter in a jump statement when an exception is
thrown?
a) The interpreter stops its work
b) The interpreter throws another exception
c) The interpreter jumps to the nearest enclosing exception handler
d) The interpreter throws an error
Answer: c
Explanation: When an exception is thrown in a jump statement, the interpreter
jumps to the nearest enclosing exception handler, which may be in the same
function or up the call stack in an invoking function.
8. What will be the role of the continue keyword in the following JavaScript code
snippet?
while (a != 0)
{
if (a == 1)
continue;
else
a++;

a) The continue keyword restarts the loop

b) The continue keyword skips the next iteration
c) The continue keyword skips the rest of the statements in that iteration
d) The continue keyword breaks out of the loop
Answer: c
Explanation: Instead of exiting a loop like the break keyword, the continue
keyword moves to the next iteration from the place encountered. While the break
statement breaks out of the loop.
9. What could be the task of the statement debugger in the following JavaScript
code?
function f(o)
{
if (o === undefined) debugger;
}
a) It does nothing but a simple breakpoint

b) It debugs the error in that statement and restarts the statement's execution
c) It is used as a keyword that debugs the entire program at once
d) It is used to find error in the statement
Answer: a
Explanation: The debugger statement normally does nothing. If, however, a
debugger program is available and is running, then an implementation may (but is
not required to) perform some kind of debugging action. In practice, this
statement acts like a breakpoint: execution of JavaScript code stops and you can
use the debugger to print variable's values.
10. Among the keywords below, which one is not a statement?
a) debugger
b) with
c) if

d) use strict
Answer: d
Explanation: use strict is a directive introduced in ECMAScript5. Directives are not
statements because it does not include any language keywords. Also, it can
appear only at the start of a script or at the start of a function body, before any
real statement has appeared.
function range(int length)
{
int a=5;
for(int i=0;i<length;i++)
{
console.log(a);
}
}
range(3);
a) 5
b) 555
c) 3
d) error
Answer: b
Explanation: for loop first initializes the variable and later on checks for the
condition expression and after that execute the line of statements. The value of
iterator i increase until it reaches the value of length.
var a = 10;
do {
a += 1;
console.log(a);
} while (a < 5);

a) 11121314
b) 1112
c) 12345
d) 11
Answer: d
Explanation: dowhile loop first executes the statements and after that checks for
the condition. Therefore dowhile loop will be executed and after that the
condition will become false and the loop will terminate.
var a= 0;
var b = 0;
while (a < 3)
{
a++;
b += a;
console.log(b);
}
a) 135
b) 123
c) 013
d) 01
Answer: a
Explanation: A while loops checks for the condition first before executing the
looping statements. A while loop increments the value at the end of the loop
whereas for executes the statement at the starting of the loop.
int size=5;
int a=5;
int size=4;
for(int j=size;j>=0;j--)
{

console.log(a);
a=a-2;
}
a) 5555
b) 5321
c) 531-1
d) 531
Answer: c
Explanation: The value of a will decrease by 2 at every iteration. The for loop will
iterate four times till the value of j will decrease to 0.
int a=0;
for(a;a<5;a++);
console.log(a);
a) 0
b) error
c) 4
d) 5
Answer: d
Explanation: The value of a will increase until it will become equal to 5 after that
the cursor will come out the loop. There are no statements for the for loop
therefore only the value of a will increase. Hence the output will be five.
on Javascript.
4. UNIT III RESPONSIVE WEB DESIGN

TOPIC 3.1 CSS GRIDS

UNIT III RESPONSIVE WEB DESIGN

TOPIC 3.1 CSS GRIDS
1. Which of the following Module is not available in CSS3.
a) DOMs
b) Fonts
c) Backgrounds and Borders
d) Color
Answer: a
Explanation: The Document Object Model (DOM) is a programming API for
HTML and XML documents. It defines the logical structure of documents and the
way a document is accessed and manipulated.
2. What module introduces the ability to modify CSS property values over time,
such as position or color, to create animated layouts?
a) 3D Transforms
b) Animations
c) 2D Transforms
d) Box Model
Answer: b
Explanation: Visit www.w3.org/TR/css3-animations to know more about it.
3. What module defines the management of generated content for print output,
including crop mark indication, header/footer handling, and much more?
a) Behavioral Extensions
b) Generated and Replaced Content
c) Generated Content for Paged Media
d) Grid Positioning

Answer: c
Explanation: Visit www.w3.org/TR/css3-gcpm to know more about it.
4. What module defines the handling of lists, including marker styles and some
aspects of counters?
a) Line Layout
b) Lists
c) Media Queries
d) Namespaces
Answer: b
Explanation: Visit www.w3.org/TR/css3-lists to know more about it.
5. What module expands the absolute and relative units of measure, including
significant changes to support animation and aural changes with time (s and ms)
and angle (deg and rad) values?
a) Transitions
b) Template Layout
c) Web Fonts
d) Values and Units
Answer: d
Explanation: Visit www.w3.org/TR/css3-values to know more about it.
6. Which of the following selector is used to selects siblings?
a) ::after
b) E ~ F
c) :checked
d) E[attr^=value].
Answer: b
Explanation:
p ~ strong {font-style: italic;}

/* sets the font style to italic on all strong tags that have a p tag as a preceding
sibling */
7. Which of the following selector is used to selects the elements that are the
default among a set of similar elements?
a) ::after
b) :disabled
c) :default
d) :checked
Answer: c
Explanation:
:default {background-color: red;}
/* sets the background color of a default button like a submit to red */

8. Which of the following selector is used to selects the element that is the first
child of its parent that is of its type?
a) :nth-child(n)
b) ::first-line
c) :last-of-type
d) :first-of-type
Answer: d
Explanation:
strong:first-of-type {font-size: bigger;}
/* sets the font size bigger on the first strong tag of its parent */
9. Which of the following selector is used to selects the element that is the nth
child of its parent?
a) :nth-child(n)
b) ::first-line
c) :last-of-type
d) :first-of-type
Answer: a
Explanation:

div:nth-child(2) {background-color: red;}
/* sets the background color to red if the div is its parent’s second child */
10. Which of the following selector is used to selects the element that is the root of
the document?
a) :only-of-type
b) :target
c) :root
d) ::selection
Answer: d
Explanation:
:root {background-color: blue;}
/* sets the background color to blue for the root element */
11. Which of the following selector is used to select elements that are read-only.
When applied to form elements, this would select fields with the readonly attribute
set?
a) :valid
b) :target
c) :read-only
d) :required
Answer: c
Explanation: input:read-only {color: gray;}
/* put all read only fields in gray */
12. Which of the following measurement represent seconds?

a) s
b) se
c) sec

d) second
Answer: a
Explanation: Example:
#a2 {transition-property: color; transition-duration: 1s;}
1. Which of the following Module is not available in CSS3.

a) DOMs
b) Fonts
c) Backgrounds and Borders
d) Color
Answer: a
Explanation: The Document Object Model (DOM) is a programming API for
HTML and XML documents. It defines the logical structure of documents and the
way a document is accessed and manipulated.
2. What module introduces the ability to modify CSS property values over time,
such as position or color, to create animated layouts?
a) 3D Transforms
b) Animations
c) 2D Transforms
d) Box Model
Answer: b
Explanation: Visit www.w3.org/TR/css3-animations to know more about it.
3. What module defines the management of generated content for print output,
including crop mark indication, header/footer handling, and much more?
a) Behavioral Extensions
b) Generated and Replaced Content
c) Generated Content for Paged Media

d) Grid Positioning
Answer: c
Explanation: Visit www.w3.org/TR/css3-gcpm to know more about it.
4. What module defines the handling of lists, including marker styles and some
aspects of counters?
a) Line Layout
b) Lists
c) Media Queries
d) Namespaces
Answer: b
Explanation: Visit www.w3.org/TR/css3-lists to know more about it.
5. What module expands the absolute and relative units of measure, including
significant changes to support animation and aural changes with time (s and ms)
and angle (deg and rad) values?
a) Transitions
b) Template Layout
c) Web Fonts
d) Values and Units
Answer: d
Explanation: Visit www.w3.org/TR/css3-values to know more about it.
6. Which of the following selector is used to selects siblings?
a) ::after
b) E ~ F
c) :checked
d) E[attr^=value].

Answer: b
Explanation:
p ~ strong {font-style: italic;}
/* sets the font style to italic on all strong tags that have a p tag as a preceding
sibling */
7. Which of the following selector is used to selects the elements that are the
default among a set of similar elements?
a) ::after
b) :disabled
c) :default
d) :checked
Answer: c
Explanation:
:default {background-color: red;}
/* sets the background color of a default button like a submit to red */

8. Which of the following selector is used to selects the element that is the first
child of its parent that is of its type?
a) :nth-child(n)
b) ::first-line
c) :last-of-type
d) :first-of-type
Answer: d
Explanation:
strong:first-of-type {font-size: bigger;}
/* sets the font size bigger on the first strong tag of its parent */
9. Which of the following selector is used to selects the element that is the nth
child of its parent?
a) :nth-child(n)
b) ::first-line

c) :last-of-type
d) :first-of-type
Answer: a
Explanation:
div:nth-child(2) {background-color: red;}
/* sets the background color to red if the div is its parent’s second child */
10. Which of the following selector is used to selects the element that is the root of
the document?
a) :only-of-type
b) :target
c) :root
d) ::selection
Answer: d
Explanation:
:root {background-color: blue;}
/* sets the background color to blue for the root element */
11. Which of the following selector is used to select elements that are read-only.
When applied to form elements, this would select fields with the readonly attribute
set?
a) :valid
b) :target
c) :read-only
d) :required
Answer: c
Explanation: input:read-only {color: gray;}
/* put all read only fields in gray */

12. Which of the following measurement represent seconds?

a) s
b) se
c) sec
d) second
Answer: a
Explanation: Example:
#a2 {transition-property: color; transition-duration: 1s;}
TOPIC 3.2 CSS FRAMEWORKS

TOPIC 3.2 CSS FRAMEWORKS
1. Which of the following css property should be used to make a responsive
image?
a) float
b) max-width
c) margin-right
d) all of the mentioned
Answer: d
Explanation: Self-explainatory.
2. What should be written in the blank of the code for resizing elements in
Responsive Web Design with Transitions
Code:
body { background-image: url(fog.jpg); background-size: cover;
background-repeat: no-repeat; color: #fff; font-family: Avenir, Arial, sans
-serif;
}
h1 { font-family: 'Calluna Sans', Arial, sans-serif; text-align: center;
font-size: 10rem; margin: 8rem auto;
}
h1 { font-family: 'Calluna Sans', Arial, sans-serif;

text-align: center; font-size: 10rem; margin: 8rem auto; transition: 1s fon

t-size linear;
}
______________ and (max-width: 1100px) {
h1 { font-size: 8rem; }
a) @media
b) @media screen
c) div
d) transform
Answer: b
Explanation: None.
3. What should be written in the blank of the code for JQuery Code Used to Apply
CSS3 Animations?
Code:
_________ leftmove {
100% { transform: translateX(-70px); opacity: 1; }
}
_________ rightmove {
100% { transform: translateX(70px); opacity: 1; }
}
<script>
$(function() {
var footerBottom = $("#articlefooter").offset().top + $("#articlefooter").h
eight();
$(window).scroll(function() {
if ($(this).scrollTop() > (footerBottom - $(window).height())) {
131
$("#prevpage").css('animation', 'leftmove 1s 2s forwards');
$("#nextpage").css('animation', 'rightmove 1s 1s forwards');
});
});
</script>

a) @media
b) @keyframes
c) animation-name
d) !important
Answer: b
Explanation: None.
4. Which of the following CSS framework is used to create a responsive design?
a) larawell
b) bootstrap
c) rails
d) django
Answer: b
Explanation: Bootstrap is a free and open-source collection of tools for creating
websites and web applications. It contains HTML- and CSS-based design
templates for typography, forms, buttons, navigation and other interface
components, as well as optional JavaScript extensions. It aims to ease the
development of dynamic websites and web applications.
5. Which of the following code set the webpage correctly displayed on a device?
a) <meta name="viewport" content="width=device-width, initial-scale=1.0">
b) <meta name="viewport" content="width=device-width, initial-scale=2.0">
c) <meta name="viewport" content="width=device-width, initial-scale='parent
-size'">
d) <meta name="viewports" content="width=device-width, initial-scale=1.0">
Answer: a
6. What does this code do?

Code:
@media only screen and (max-width: 500px) {

body {
background-color: lightblue;
}
}
a) If the browser window is smaller than 500px, the background color will change
to lightblue:
b) If the browser window is larger than 500px, the background color will change to
lightblue:
c) The background color will change to lightblue
d) Nothing happens
Answer: a
Code:
@media only screen and (orientation: landscape) {
body {
}
}
a) web page will have a lighblue background if the orientation is in landscape

mode
b) web page will have a lighblue background if the orientation is not in landscape
mode
c) web page will have a red background if the orientation is in landscape mode
Answer: a
8. Which of the following css propery defines a relationship between bound
a) @import
b) @media

c) url-bind
d) binding
Answer: d
Explanation:
Syntax: binding: none | url(bindingfile)

Code:
class*="col-"] {
width: 100%;
}
}
a) When the screen gets larger than 768px, each column should have a width of
100%.
b) When the screen gets smaller than 768px, each column should have a width of
100%.
c) Error occured
Answer: b
10. Which of the following css propery define the properties that will be animated
in an animation rule?
a) @keyframes
b) animation-origin
c) transform
d) animation
Answer: d
Explanation:
Syntax: @keyframes: keyframe-name {percentage | from | to {cssrules}}

1. Which of the following css property should be used to make a responsive

image?
a) float
b) max-width
c) margin-right
Answer: d
2. What should be written in the blank of the code for resizing elements in
Responsive Web Design with Transitions
Code:
body { background-image: url(fog.jpg); background-size: cover;
background-repeat: no-repeat; color: #fff; font-family: Avenir, Arial, sans
-serif;
}
h1 { font-family: 'Calluna Sans', Arial, sans-serif; text-align: center;
font-size: 10rem; margin: 8rem auto;
}
h1 { font-family: 'Calluna Sans', Arial, sans-serif;
text-align: center; font-size: 10rem; margin: 8rem auto; transition: 1s fon
t-size linear;
}
______________ and (max-width: 1100px) {
h1 { font-size: 8rem; }
a) @media
b) @media screen
c) div
d) transform
Answer: b
Explanation: None.

3. What should be written in the blank of the code for JQuery Code Used to Apply
CSS3 Animations?
Code:
_________ leftmove {
100% { transform: translateX(-70px); opacity: 1; }
}
_________ rightmove {
100% { transform: translateX(70px); opacity: 1; }
}
<script>
$(function() {
var footerBottom = $("#articlefooter").offset().top + $("#articlefooter").h
eight();
$(window).scroll(function() {
if ($(this).scrollTop() > (footerBottom - $(window).height())) {
131
$("#prevpage").css('animation', 'leftmove 1s 2s forwards');
$("#nextpage").css('animation', 'rightmove 1s 1s forwards');
});
});
</script>
a) @media
b) @keyframes
c) animation-name
d) !important
Answer: b
Explanation: None.
4. Which of the following CSS framework is used to create a responsive design?
a) larawell
b) bootstrap
c) rails

d) django
Answer: b
Explanation: Bootstrap is a free and open-source collection of tools for creating
websites and web applications. It contains HTML- and CSS-based design
templates for typography, forms, buttons, navigation and other interface
components, as well as optional JavaScript extensions. It aims to ease the
development of dynamic websites and web applications.
5. Which of the following code set the webpage correctly displayed on a device?
a) <meta name="viewport" content="width=device-width, initial-scale=1.0">
b) <meta name="viewport" content="width=device-width, initial-scale=2.0">
c) <meta name="viewport" content="width=device-width, initial-scale='parent
-size'">
d) <meta name="viewports" content="width=device-width, initial-scale=1.0">
Answer: a

Code:
body {
}
}
a) If the browser window is smaller than 500px, the background color will change
to lightblue:
b) If the browser window is larger than 500px, the background color will change to
lightblue:
c) The background color will change to lightblue
d) Nothing happens

Answer: a
Code:
@media only screen and (orientation: landscape) {
body {
}
}
a) web page will have a lighblue background if the orientation is in landscape

mode
b) web page will have a lighblue background if the orientation is not in landscape
mode
c) web page will have a red background if the orientation is in landscape mode
Answer: a
8. Which of the following css propery defines a relationship between bound
a) @import
b) @media
c) url-bind
d) binding
Answer: d
Explanation:
Syntax: binding: none | url(bindingfile)

Code:
class*="col-"] {
width: 100%;

}
}
a) When the screen gets larger than 768px, each column should have a width of
100%.
b) When the screen gets smaller than 768px, each column should have a width of
100%.
c) Error occured
Answer: b
10. Which of the following css propery define the properties that will be animated
in an animation rule?
a) @keyframes
b) animation-origin
c) transform
d) animation
Answer: d
Explanation:
Syntax: @keyframes: keyframe-name {percentage | from | to {cssrules}}
TOPIC 3.3 IMAGES AND VIDEOS IN RESPONSIVE WEB DESIGN

TOPIC 3.3 IMAGES AND VIDEOS IN RESPONSIVE WEB DESIGN
1. Which of the following is a server-side solution for implementing responsive
images?
a) http://adaptive-images.com
b) http://github.com/scottjehl/picturefill
c) http://www.netmagazine.com

d) http://offroadcode.com
Answer: a
Explanation: Instead of implementing ideal responsive image with <picture>
element, we can use a server-side solution with Adaptive image i.e. http://adaptive-
images.com/. It was created by Matt Wilcox (http://mattwilcox.net/).
2. Which of the following is not included in the framework?
a) font sizes
b) css reset
c) button styles
d) forms
Answer: d
Explanation: If we use the framework it can save a lot of time. Framework
generally includes a width of the grid, button styles, CSS reset and many more
other aspects to build a website.
3. How many columns are there in the basic grid of a skeleton?
a) 17
b) 12
c) 16
d) 10
Answer: b
Explanation: Skeleton is a minimal responsive framework. It is 960 pixels wide
with 12 columns in its basic grid. The grid is responsive by integrating CSS3
media queries. It is also called the 960.gs framework. It is a good place for starting
with the Grid System.
4. Bootstrap was first introduced in ______
a) google
b) twitter

c) instagram
d) snapchat
Answer: b
Explanation: Bootstrap was built by Mark Otto and for internal use in Twitter. It
was launched as a free software for the public. Bootstrap is packed with styled user
interface components such as button navigation, forms, custom jQuery plugins like
popover, model box and carousal.
5. Which is not a tool to build responsive websites?
a) skeleton
b) bookmarklets
c) code editors
d) web browsers
Answer: a
Explanation: We need several tools to build our website. To build a responsive
website we need web browsers, responsive bookmarklets, code editors for
responsive design testing.
6. Linux does not have code editor ___________
a) Geany
b) Gedit
c) BlueFish
d) WebMatrix
Answer: d
Explanation: Code editor is equipment for developing a website. There are many
editors available in Windows, Linux and OS X. Linux has Geany, Gedit, BlueFish.
Windows have WebMatrix, TextPad, Notepad++. OS X has MacVim, Brackets,
TextWrangler.

7. Which is not bookmarklet?

a) Screen Fly
b) Resizer
c) Screenqueri.es
d) Brackets
Answer: d
Explanation: Bookmarklet is a sort of emulator tool for testing responsive design.
It resizes the dimension of viewable area in the browser. There are various
bookmarklets available like Screenqueri.es, Resizer, Adobe Edge Inspect, Screen
Fly, RWD demonstration, ResponsivePX, Responsinator.
8. Which of the following is not a CSS preprocessor?
a) LESS
b) Sass
c) Stylus
d) Screen Fly
Answer: d
Explanation: CSS capabilities can be extended by CSS preprocessors. By using it
we can compose CSS in more dynamic ways. They allow us to use variables and
functions in programming languages like JavaScript, PHP. There are several CSS
preprocessors available such as LESS, Stylus, Sass.
9. For style foundation Bootstrap uses ____________
a) LESS
b) Sass
c) Resizer
d) Stylus
Answer: a
Explanation: These are some CSS preprocessors that have been adopted in

responsive frameworks. Bootstrap utilizes LESS as its style foundation.

Foundation uses Sass in styling.
10. Which of the following is not a CSS preprocessor compiler?
a) LESS.app
b) Screenqueri.es
c) ScoutApp
d) Simpless
Answer: b
Explanation: LESS and Sass are written in a language that browsers do not
recognize. So there are compilers available to compile CSS preprocessors. Some of
them are Less.js, WinLESS, LESS.app, Simpless, ScoutApp, ChrunchApp,
Terminal or Command Prompt, Codekit, CompassApp.
11. Which compiler does not support LESS language?
a) Simpless
b) ScoutApp
c) LESS.app
d) WinLESS
Answer: b
Explanation: LESS can be compiled on Less.js, WinLESS, LESS.app,
ChrunchApp, Simpless, Codekit. These compilers are free of cost. LESS.app can
only be supported on OS X and WinLESS only on Windows.
12. Which of the following is not a feature associated with LESS?
a) Variable
b) PHP
c) Opertaion
d) Parametric mixins

Answer: b
Explanation: LESS is based on JavaScript. It was created by Alexis Sellier. LESS
allows composing styles with some programming features. Some of them are
Variables, Parametric mixins, Nesting rules, Operation, Mixins.
13. Sass is based on ___________
a) Ruby
b) jQuery
c) JavaScript
d) PHP
Answer: a
Explanation: Sass is Ruby-bases CSS preprocessor. It was created by Hampton
Catlin, Nathan Weizenbaum and Chris Eppstein. It is like LESS, it can add
variables, mixins and nesting rules, with a little difference.
14. Which font is default in Skeleton sets?
a) Helvetica Neue
b) Ariel
c) sans-serif
d) Calibri
Answer: a
Explanation: Skeleton sets Helvetica Neue and Helvetica as the default font in
body document. If these fonts are not available, it will apply Ariel or default sans-
serif fonts to the user’s machine.
15. Adjacent sibling selector is defined with the notation _____________
a) #
b) $
c) %
d) +

Answer: d
Explanation: Adjacent sibling selector is defined with a plus (+) notation. It
selects the element that directly follows the previous element that was specified.
E.g. if we have <div> element that is followed by <p> element.
1. Which of the following is a server-side solution for implementing responsive

images?
a) http://adaptive-images.com
b) http://github.com/scottjehl/picturefill
c) http://www.netmagazine.com
d) http://offroadcode.com
Answer: a
Explanation: Instead of implementing ideal responsive image with <picture>
element, we can use a server-side solution with Adaptive image i.e. http://adaptive-
images.com/. It was created by Matt Wilcox (http://mattwilcox.net/).
2. Which of the following is not included in the framework?
a) font sizes
b) css reset
c) button styles
d) forms
Answer: d
Explanation: If we use the framework it can save a lot of time. Framework
generally includes a width of the grid, button styles, CSS reset and many more
other aspects to build a website.
3. How many columns are there in the basic grid of a skeleton?
a) 17
b) 12
c) 16

d) 10
Answer: b
Explanation: Skeleton is a minimal responsive framework. It is 960 pixels wide
with 12 columns in its basic grid. The grid is responsive by integrating CSS3
media queries. It is also called the 960.gs framework. It is a good place for starting
with the Grid System.
4. Bootstrap was first introduced in ______
a) google
b) twitter
c) instagram
d) snapchat
Answer: b
Explanation: Bootstrap was built by Mark Otto and for internal use in Twitter. It
was launched as a free software for the public. Bootstrap is packed with styled user
interface components such as button navigation, forms, custom jQuery plugins like
popover, model box and carousal.
5. Which is not a tool to build responsive websites?
a) skeleton
b) bookmarklets
c) code editors
d) web browsers
Answer: a
Explanation: We need several tools to build our website. To build a responsive
website we need web browsers, responsive bookmarklets, code editors for
responsive design testing.
6. Linux does not have code editor ___________
a) Geany

b) Gedit
c) BlueFish
d) WebMatrix
Answer: d
Explanation: Code editor is equipment for developing a website. There are many
editors available in Windows, Linux and OS X. Linux has Geany, Gedit, BlueFish.
Windows have WebMatrix, TextPad, Notepad++. OS X has MacVim, Brackets,
TextWrangler.
7. Which is not bookmarklet?
a) Screen Fly
b) Resizer
c) Screenqueri.es
d) Brackets
Answer: d
Explanation: Bookmarklet is a sort of emulator tool for testing responsive design.
It resizes the dimension of viewable area in the browser. There are various
bookmarklets available like Screenqueri.es, Resizer, Adobe Edge Inspect, Screen
Fly, RWD demonstration, ResponsivePX, Responsinator.
8. Which of the following is not a CSS preprocessor?
a) LESS
b) Sass
c) Stylus
d) Screen Fly
Answer: d
Explanation: CSS capabilities can be extended by CSS preprocessors. By using it
we can compose CSS in more dynamic ways. They allow us to use variables and

functions in programming languages like JavaScript, PHP. There are several CSS
preprocessors available such as LESS, Stylus, Sass.
9. For style foundation Bootstrap uses ____________
a) LESS
b) Sass
c) Resizer
d) Stylus
Answer: a
Explanation: These are some CSS preprocessors that have been adopted in
responsive frameworks. Bootstrap utilizes LESS as its style foundation.
Foundation uses Sass in styling.
10. Which of the following is not a CSS preprocessor compiler?
a) LESS.app
b) Screenqueri.es
c) ScoutApp
d) Simpless
Answer: b
Explanation: LESS and Sass are written in a language that browsers do not
recognize. So there are compilers available to compile CSS preprocessors. Some of
them are Less.js, WinLESS, LESS.app, Simpless, ScoutApp, ChrunchApp,
Terminal or Command Prompt, Codekit, CompassApp.
11. Which compiler does not support LESS language?
a) Simpless
b) ScoutApp
c) LESS.app
d) WinLESS

Answer: b
Explanation: LESS can be compiled on Less.js, WinLESS, LESS.app,
ChrunchApp, Simpless, Codekit. These compilers are free of cost. LESS.app can
only be supported on OS X and WinLESS only on Windows.
12. Which of the following is not a feature associated with LESS?
a) Variable
b) PHP
c) Opertaion
d) Parametric mixins
Answer: b
Explanation: LESS is based on JavaScript. It was created by Alexis Sellier. LESS
allows composing styles with some programming features. Some of them are
Variables, Parametric mixins, Nesting rules, Operation, Mixins.
13. Sass is based on ___________
a) Ruby
b) jQuery
c) JavaScript
d) PHP
Answer: a
Explanation: Sass is Ruby-bases CSS preprocessor. It was created by Hampton
Catlin, Nathan Weizenbaum and Chris Eppstein. It is like LESS, it can add
variables, mixins and nesting rules, with a little difference.
14. Which font is default in Skeleton sets?
a) Helvetica Neue
b) Ariel
c) sans-serif
d) Calibri

Answer: a
Explanation: Skeleton sets Helvetica Neue and Helvetica as the default font in
body document. If these fonts are not available, it will apply Ariel or default sans-
serif fonts to the user’s machine.
15. Adjacent sibling selector is defined with the notation _____________
a) #
b) $
c) %
d) +
Answer: d
Explanation: Adjacent sibling selector is defined with a plus (+) notation. It
selects the element that directly follows the previous element that was specified.
E.g. if we have <div> element that is followed by <p> element.
UNIT IV WEB PROJECT MANAGEMENT

TOPIC 4.1 PROJECT LIFE CYCLE
1. Which of the following is not project management goal?
a) Keeping overall costs within budget
b) Delivering the software to the customer at the agreed time
c) Maintaining a happy and well-functioning development team
d) Avoiding customer complaints

Answer: d
Explanation: Projects need to be managed because professional software
engineering is always subject to organizational budget and schedule constraints.
2. Project managers have to assess the risks that may affect a project.
a) True
b) False
Answer: b
Explanation: Risk management involves anticipating risks that might affect the
project schedule or the quality of the software being developed, and then taking
action to avoid these risks.
3. Which of the following is not considered as a risk in project management?
a) Specification delays
b) Product competition
c) Testing
d) Staff turnover
Answer: c
Explanation: Testing is a part of project, thus it can’t be categorized as risk.
4. The process each manager follows during the life of a project is known as
a) Project Management
b) Manager life cycle
c) Project Management Life Cycle
d) All of the mentioned
Answer: c
Explanation: A proven methodical life cycle is necessary to repeatedly implement
and manage projects successfully.
5. A 66.6% risk is considered as
a) very low

b) low
c) moderate
d) high
Answer: d
Explanation: The probability of the risk might be assessed as very low (<10%),
low (10–25%), moderate (25–50%), high (50–75%), or very high (>75%).
6. Which of the following is/are main parameters that you should use when
computing the costs of a software development project?
a) travel and training costs
b) hardware and software costs
c) effort costs (the costs of paying software engineers and managers)
Answer: d
Explanation: Estimation involves working out how much effort is required to
complete each activity and, from this, calculating the total cost of activities.
7. Quality planning is the process of developing a quality plan for
a) team
b) project
c) customers
d) project manager
Answer: b
Explanation: The quality plan should set out the desired software qualities and
describe how these are to be assessed.
8. Which of the following is incorrect activity for the configuration management of
a software system?
a) Internship management
b) Change management

c) Version management
d) System management
Answer: a
Explanation: Configuration management policies and processes define how to
record and process proposed system changes, how to decide what system
components to change, how to manage different versions of the system and its
components, and how to distribute changes to customers.
9. Identify the sub-process of process improvement
a) Process introduction
b) Process analysis
c) De-processification
d) Process distribution
Answer: b
Explanation: The current process is assessed, and process weaknesses and
bottlenecks are identified.
10. An independent relationship must exist between the attribute that can be
measured and the external quality attribute.
a) True
b) False
Answer: b
Explanation: The value of the quality attribute must be related, in some way, to
the value of the attribute than can be measured.


Answer: d
a) True
b) False
Answer: b
c) Testing
d) Staff turnover
Answer: c
Answer: c


a) very low
b) low
c) moderate
d) high
Answer: d
Answer: d
a) team
b) project
c) customers
d) project manager
Answer: b
a software system?

Answer: a
b) Process analysis
Answer: b
a) True
b) False
Answer: b

TOPIC 4.2 PROJECT DEFINITION - DISCOVERY AND

REQUIREMENTS
1. What are the types of requirements ?
a) Availability
b) Reliability
c) Usability
Answer: d
Explanation: All the mentioned traits are beneficial for an effective product to be
developed.
2. Select the developer-specific requirement ?
a) Portability
b) Maintainability
c) Availability
d) Both Portability and Maintainability
Answer: d
Explanation: Availability is user specific requirement.
3. Which one of the following is not a step of requirement engineering?
a) elicitation
b) design
c) analysis
d) documentation
Answer: b
Explanation: Requirement Elicitation, Requirement Analysis, Requirement
Documentation and Requirement Review are the four crucial process steps of

requirement engineering.Design is in itself a different phase of Software

Engineering.
4. FAST stands for
a) Functional Application Specification Technique
b) Fast Application Specification Technique
c) Facilitated Application Specification Technique
Answer: c
Explanation: None.
5. QFD stands for
a) quality function design
b) quality function development
c) quality function deployment
Answer: c
Explanation: None.
6. A Use-case actor is always a person having a role that different people may play.
a) True
b) False
Answer: b
Explanation: Use-case Actor is anything that needs to interact with the system, be
it a person or another (external) system.
7. The user system requirements are the parts of which document ?
a) SDD
b) SRS
c) DDD

d) SRD
Answer: b
Explanation: Software requirements specification (SRS), is a complete description
of the behaviour of a system to be developed and may include a set of use cases
that describe interactions the users will have with the software.
8. A stakeholder is anyone who will purchase the completed software system under
development.
a) True
b) False
Answer: b
Explanation: Stakeholders are anyone who has an interest in the project. Project
stakeholders are individuals and organizations that are actively involved in the
project, or whose interests may be affected as a result of project execution or
project completion.
9. Conflicting requirements are common in Requirement Engineering, with each
client proposing his or her version is the right one.
a) True
b) False
Answer: a
Explanation: This situation is seen in every field of work as each professional has
his/her way of looking onto things & would argue to get his/her point approved.
10. Which is one of the most important stakeholder from the following ?
a) Entry level personnel
b) Middle level stakeholder
c) Managers
d) Users of the software

Answer: d
Explanation: Users are always the most important stakeholders.After all, without
users or customers, what’s the point of being in business?.
1. What are the types of requirements ?

a) Availability
b) Reliability
c) Usability
Answer: d
Explanation: All the mentioned traits are beneficial for an effective product to be
developed.
2. Select the developer-specific requirement ?
a) Portability
b) Maintainability
c) Availability
d) Both Portability and Maintainability
Answer: d
Explanation: Availability is user specific requirement.
3. Which one of the following is not a step of requirement engineering?
a) elicitation
b) design
c) analysis
d) documentation
Answer: b
Explanation: Requirement Elicitation, Requirement Analysis, Requirement
Documentation and Requirement Review are the four crucial process steps of

requirement engineering.Design is in itself a different phase of Software

Engineering.
4. FAST stands for
a) Functional Application Specification Technique
b) Fast Application Specification Technique
c) Facilitated Application Specification Technique
Answer: c
Explanation: None.
5. QFD stands for
a) quality function design
b) quality function development
c) quality function deployment
Answer: c
Explanation: None.
6. A Use-case actor is always a person having a role that different people may play.
a) True
b) False
Answer: b
Explanation: Use-case Actor is anything that needs to interact with the system, be
it a person or another (external) system.
7. The user system requirements are the parts of which document ?
a) SDD
b) SRS
c) DDD

d) SRD
Answer: b
Explanation: Software requirements specification (SRS), is a complete description
of the behaviour of a system to be developed and may include a set of use cases
that describe interactions the users will have with the software.
8. A stakeholder is anyone who will purchase the completed software system under
development.
a) True
b) False
Answer: b
Explanation: Stakeholders are anyone who has an interest in the project. Project
stakeholders are individuals and organizations that are actively involved in the
project, or whose interests may be affected as a result of project execution or
project completion.
9. Conflicting requirements are common in Requirement Engineering, with each
client proposing his or her version is the right one.
a) True
b) False
Answer: a
Explanation: This situation is seen in every field of work as each professional has
his/her way of looking onto things & would argue to get his/her point approved.
10. Which is one of the most important stakeholder from the following ?
a) Entry level personnel
b) Middle level stakeholder
c) Managers
d) Users of the software

Answer: d
Explanation: Users are always the most important stakeholders.After all, without
users or customers, what’s the point of being in business?.
TOPIC 4.3 PROJECT SCHEDULE AND BUDGETING

Answer: d
a) True
b) False
Answer: b
c) Testing
d) Staff turnover

Answer: c
Answer: c
a) very low
b) low
c) moderate
d) high
Answer: d
Answer: d


a) team
b) project
c) customers
d) project manager
Answer: b
a software system?
Answer: a
b) Process analysis
Answer: b

a) True
b) False
Answer: b

Answer: d
a) True
b) False
Answer: b
c) Testing

d) Staff turnover
Answer: c
Answer: c
a) very low
b) low
c) moderate
d) high
Answer: d

Answer: d
a) team
b) project
c) customers
d) project manager
Answer: b
a software system?
Answer: a
b) Process analysis

Answer: b
a) True
b) False
Answer: b
UNIT V PROJECT CASE STUDY
UNIT V PROJECT CASE STUDY

TOPIC 5.1 OPENSOURCE CMS - WORDPRESS
None
None
TOPIC 5.2 ADVANCED AND MINIMAL UI TRANSITIONS BASED ON

THE PROJECT
1. Which of the following is golden rule for interface design?
a) Place the user in control
b) Reduce the user’s memory load

c) Make the interface consistent

Answer: d
Explanation: These golden rules actually form the basis for a set of user interface
design principles that guide this important software design activity.
2. Which of the following is not a design principle that allow the user to maintain
control?
a) Provide for flexible interaction
b) Allow user interaction to be interrupt-able and undo-able
c) Show technical internals from the casual user
d) Design for direct interaction with objects that appear on the screen
Answer: c
Explanation: The user interface should move the user into the virtual world of the
application.
3. Which of the following is not a user interface design process?
a) User, task, and environment analysis and modeling
b) Interface design
c) Knowledgeable, frequent users
d) Interface validation
Answer: c
Explanation: These are the end user for whom the product is being built.
4. When users are involved in complex tasks, the demand on __________ can be
significant.
a) short-term memory
b) shortcuts
c) objects that appear on the screen

Answer: a
Explanation: The interface should be designed to reduce the requirement to
remember past actions and results.
5. Which of the following option is not considered by the Interface design?
a) the design of interfaces between software components
b) the design of interfaces between the software and human producers and
consumers of information
c) the design of the interface between two computers
Answer: c
Explanation: None
6. A software might allow a user to interact via
a) keyboard commands
b) mouse movement
c) voice recognition commands
Answer: d
Explanation: All the mentioned input mediums are available today.
7. A software engineer designs the user interface by applying an iterative process
that draws on predefined design principles.
a) True
b) False
Answer: a
Explanation: The statement is true.

8. What incorporates data, architectural, interface, and procedural representations

of the software?
a) design model
b) user’s model
c) mental image
d) system image
Answer: a
Explanation: The requirements specification may establish certain constraints that
help to define the user of the system, but the interface design is often only
incidental to the design model.
9. What establishes the profile of end-users of the system?
a) design model
b) user’s model
c) mental image
d) system image
Answer: b
Explanation: To build an effective user interface, all design should begin with an
understanding of the intended users, including their profiles of their age, physical
abilities, education, etc.
10. What combines the outward manifestation of the computer-based system ,
coupled with all supporting information that describe system syntax and
semantics?
a) mental image
b) interface design
c) system image
d) interface validation

Answer: c
Explanation: When the system image and the system perception are coincident,
users generally feel comfortable with the software and use it effectively.
1. Which of the following is golden rule for interface design?

a) Place the user in control
b) Reduce the user’s memory load
c) Make the interface consistent
Answer: d
Explanation: These golden rules actually form the basis for a set of user interface
design principles that guide this important software design activity.
2. Which of the following is not a design principle that allow the user to maintain
control?
a) Provide for flexible interaction
b) Allow user interaction to be interrupt-able and undo-able
c) Show technical internals from the casual user
d) Design for direct interaction with objects that appear on the screen
Answer: c
Explanation: The user interface should move the user into the virtual world of the
application.
3. Which of the following is not a user interface design process?
a) User, task, and environment analysis and modeling
b) Interface design
c) Knowledgeable, frequent users
d) Interface validation

Answer: c
Explanation: These are the end user for whom the product is being built.
4. When users are involved in complex tasks, the demand on __________ can be
significant.
a) short-term memory
b) shortcuts
c) objects that appear on the screen
Answer: a
Explanation: The interface should be designed to reduce the requirement to
remember past actions and results.
5. Which of the following option is not considered by the Interface design?
a) the design of interfaces between software components
b) the design of interfaces between the software and human producers and
consumers of information
c) the design of the interface between two computers
Answer: c
Explanation: None
6. A software might allow a user to interact via
a) keyboard commands
b) mouse movement
c) voice recognition commands
Answer: d
Explanation: All the mentioned input mediums are available today.

7. A software engineer designs the user interface by applying an iterative process

that draws on predefined design principles.
a) True
b) False
Answer: a
Explanation: The statement is true.
8. What incorporates data, architectural, interface, and procedural representations
of the software?
a) design model
b) user’s model
c) mental image
d) system image
Answer: a
Explanation: The requirements specification may establish certain constraints that
help to define the user of the system, but the interface design is often only
incidental to the design model.
9. What establishes the profile of end-users of the system?
a) design model
b) user’s model
c) mental image
d) system image
Answer: b
Explanation: To build an effective user interface, all design should begin with an
understanding of the intended users, including their profiles of their age, physical
abilities, education, etc.
10. What combines the outward manifestation of the computer-based system ,
coupled with all supporting information that describe system syntax and

semantics?
a) mental image
b) interface design
c) system image
d) interface validation
Answer: c
Explanation: When the system image and the system perception are coincident,
users generally feel comfortable with the software and use it effectively.
TOPIC 5.3 HOST AND MANAGE THE PROJECT LIVE IN ANY PUBLIC
HOSTING.
1. Which of the following is a valid uniform resource locator?
a) http://www.acm.org/sigmod
b) www.google.com
c) www.ann.in
d) http:/www.acm.org/sigmod/
Answer: a
Explanation: A uniform resource locator (URL) is a globally unique name for
each document that can be accessed on the Web.
2. http://www.google.com/search?q=silberschatz
In the above URL which one is the argument which is used for processing of the
URL?
a) google
b) google.com
c) search
d) q=silberschatz

Answer: d
Explanation: Argument is always placed after ? symbol.
3. HTTP defines two ways in which values entered by a user at the browser can be
sent to the Web server. The _____ method encodes the values as part of the URL.
a) Post
b) Get
c) Read
d) Argument
Answer: b
Explanation: For example, if the Google search page used a form with an input
parameter
named q with the get method, and the user typed in the string “silberschatz” and
submitted the form, the browser would request the following URL from the Web
server: http://www.google.com/search?q=silberschatz.
4. A __________ is a program running on the server machine, which accepts
requests from a Web browser and sends back results in the form of HTML
documents.
a) HTML
b) HTTP
c) Web Server
d) Web browser
Answer: c
Explanation: The browser and Web server communicate via HTTP. Web servers
provide powerful features, beyond the simple transfer of documents.
5. The application program typically communicates with a database server, through
___________ or other protocols, in order to get or store data.
a) JDBC
b) ODBC

c) All of the mentioned

Answer: c
Explanation: The common gateway interface (CGI) standard defines how the Web
server communicates with application programs.
6. This extra information is usually maintained in the form of a _________ at the
client.
a) Cookie
b) History
c) Remainder
Answer: a
Explanation: A cookie is simply a small piece of text containing identifying
information and with an associated name.
7. Which of the following is not true about HTML ?
a) <meta>…</meta>
b) <meta…./>
c) <metadata>…</metadata>
d) <metadata name=”” />
Answer: b
Explanation: Meta data is the data about data which is included in the meta data
tag.
8. Html code contains:
a) Tags
b) Attributes
c) Elements

Answer: d
Explanation: <> are tags,size is a attribute.
9. Html document must always be saved with:
a) .html
b) .htm
c) .doc
d) Both .html & .htm
Answer: d
Explanation: .doc is used only for the word document format.
10. How many levels of headings are in html:
a) 2
b) 7
c) 6
d) 4
Answer: c
Explanation: The heading levels are h1,h2,h3,h4,h5,h6.
1. Which of the following is a valid uniform resource locator?

a) http://www.acm.org/sigmod
b) www.google.com
c) www.ann.in
d) http:/www.acm.org/sigmod/
Answer: a
Explanation: A uniform resource locator (URL) is a globally unique name for
each document that can be accessed on the Web.

2. http://www.google.com/search?q=silberschatz
In the above URL which one is the argument which is used for processing of the
URL?
a) google
b) google.com
c) search
d) q=silberschatz
Answer: d
Explanation: Argument is always placed after ? symbol.
3. HTTP defines two ways in which values entered by a user at the browser can be
sent to the Web server. The _____ method encodes the values as part of the URL.
a) Post
b) Get
c) Read
d) Argument
Answer: b
Explanation: For example, if the Google search page used a form with an input
parameter
named q with the get method, and the user typed in the string “silberschatz” and
submitted the form, the browser would request the following URL from the Web
server: http://www.google.com/search?q=silberschatz.
4. A __________ is a program running on the server machine, which accepts
requests from a Web browser and sends back results in the form of HTML
documents.
a) HTML
b) HTTP
c) Web Server

d) Web browser
Answer: c
Explanation: The browser and Web server communicate via HTTP. Web servers
provide powerful features, beyond the simple transfer of documents.
5. The application program typically communicates with a database server, through
___________ or other protocols, in order to get or store data.
a) JDBC
b) ODBC
c) All of the mentioned
Answer: c
Explanation: The common gateway interface (CGI) standard defines how the Web
server communicates with application programs.
6. This extra information is usually maintained in the form of a _________ at the
client.
a) Cookie
b) History
c) Remainder
Answer: a
Explanation: A cookie is simply a small piece of text containing identifying
information and with an associated name.
7. Which of the following is not true about HTML ?
a) <meta>…</meta>
b) <meta…./>
c) <metadata>…</metadata>

d) <metadata name=”” />
Answer: b
Explanation: Meta data is the data about data which is included in the meta data
tag.
8. Html code contains:
a) Tags
b) Attributes
c) Elements
Answer: d
Explanation: <> are tags,size is a attribute.
9. Html document must always be saved with:
a) .html
b) .htm
c) .doc
d) Both .html & .htm
Answer: d
Explanation: .doc is used only for the word document format.
10. How many levels of headings are in html:
a) 2
b) 7
c) 6
d) 4
Answer: c
Explanation: The heading levels are h1,h2,h3,h4,h5,h6.


It8078 Web Design and Management MCQ

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

It8078 Web Design and Management MCQ

Uploaded by

Copyright:

Available Formats

IT8078 WEB DESIGN AND MANAGEMENT MCQ – REGULATIONS 2017

IT8078 WEB DESIGN AND MANAGEMENT

UNIT I WEB DESIGN - HTML MARKUP FOR

Downloaded from : https://cse-r17.blogspot.com Page |1

Downloaded from : https://cse-r17.blogspot.com Page |2

language of an element’s content is given by lang attribute. The subscript text is

Downloaded from : https://cse-r17.blogspot.com Page |3

Downloaded from : https://cse-r17.blogspot.com Page |4

1. Which attribute specifies a unique alphanumeric identifier to be associated with

Downloaded from : https://cse-r17.blogspot.com Page |5

Downloaded from : https://cse-r17.blogspot.com Page |6

Downloaded from : https://cse-r17.blogspot.com Page |7

Downloaded from : https://cse-r17.blogspot.com Page |8

TOPIC 1.2 HTML TEXT, LINKS & LISTS

Downloaded from : https://cse-r17.blogspot.com Page |9

1. For explaining, which new technology is used?

Downloaded from : https://cse-r17.blogspot.com P a g e | 10

Downloaded from : https://cse-r17.blogspot.com P a g e | 11

element is used for horizontal/thematic break. Preformatted test is defined by

6. Which element is used for creating links?

Downloaded from : https://cse-r17.blogspot.com P a g e | 12

8. What is the color of an unvisited link?

Downloaded from : https://cse-r17.blogspot.com P a g e | 13

11. File paths are not used for linking in _________

Downloaded from : https://cse-r17.blogspot.com P a g e | 14

UNIT II CSS AND JAVASCRIPT

1. Which of the following represents a comment?

2. A single _____________ rule can be used in an external sheet to define

4. An ___________ rule is used to define a page block for printed styles.

Downloaded from : https://cse-r17.blogspot.com P a g e | 15

6. Which of the following property specifies the size of the mask?

8. Which of the following property defines the gap between columns in a

Downloaded from : https://cse-r17.blogspot.com P a g e | 16

Downloaded from : https://cse-r17.blogspot.com P a g e | 17

4. Which of the following selector selects an element that has no children?

Downloaded from : https://cse-r17.blogspot.com P a g e | 18

Downloaded from : https://cse-r17.blogspot.com P a g e | 19

UNIT II CSS AND JAVASCRIPT

Downloaded from : https://cse-r17.blogspot.com P a g e | 20

5. Which of the following property defines a relationship between bound

Downloaded from : https://cse-r17.blogspot.com P a g e | 21

9. Which of the following property specifies the direction in which a marquee

Downloaded from : https://cse-r17.blogspot.com P a g e | 22

1. Which of the following property specifies whether an element is an accelerator

Downloaded from : https://cse-r17.blogspot.com P a g e | 23

5. Which of the following property defines a relationship between bound

Downloaded from : https://cse-r17.blogspot.com P a g e | 24

6. Which of the following property defines the width of each column in a

Downloaded from : https://cse-r17.blogspot.com P a g e | 25

9. Which of the following property specifies the direction in which a marquee

TOPIC 2.2 JAVASCRIPT

Downloaded from : https://cse-r17.blogspot.com P a g e | 26

Downloaded from : https://cse-r17.blogspot.com P a g e | 27

d) will be displayed as a JavaScript text on the browser

Downloaded from : https://cse-r17.blogspot.com P a g e | 28

Downloaded from : https://cse-r17.blogspot.com P a g e | 29

d) Low level programming language

Downloaded from : https://cse-r17.blogspot.com P a g e | 30

Downloaded from : https://cse-r17.blogspot.com P a g e | 31

15. What will be the output of the following JavaScript code?

TOPIC 2.2.2 TYPES, VALUES AND VARIABLES

Downloaded from : https://cse-r17.blogspot.com P a g e | 32

Downloaded from : https://cse-r17.blogspot.com P a g e | 33