Republic of the Philippines

MARINDUQUE STATE COLLEGE Courses Offered:

Boac Campus:
COLLEGE OF ENGINEERING, INFORMATION AND INDUSTRIAL TECHNOLOGY BS Information Technology
BS Information Systems
INSTITUTE OF INFORMATION SYSTEM AND TECHNOLOGY (AACCUP, Inc. Reaccredited Level 3)
Santa Cruz Campus:
Panfilo M. Manguera Sr. Rd., Tanza, Boac, Marinduque BS Information Systems
IIST Tel. No.: (042) 704-0193 IIST E-mail Address: [email protected] (AACCUP, Inc. Reaccredited Level 2)

Website: www.mscmarinduque.edu.ph

MIDTERM EXAMINATION – ELECTIVE 1 (Web Development)

Name: ____________________________ Score: /100

Year & Section: _____________________ Date: ______________

Direction: Read each of the following items/question and write the answer carefully to the space
provided or to your answer sheet. Wrong spelling considered wrong.

PART I: (IDENTIFICATION) Identify the following question. (2 points each)

Web Graphics1. Visual representation used in Web site to enhance or enable the representation
of idea or feeling, in order to reach the Web site user.
Liquid Animation 2. A Movement on the screen that has a water-feel likes design.
Typography 3. Seek to create a greater meaning by thoughtful and deliberate selection font, size,
color, layout, alignment and other factors that affect the design.
Minimalist 4. One that seeks to simply interfaces by removing unnecessary elements or contents
that does not support user task.
White space5. It is also called negative space.
Macro 6. Space between the elements of copy, graphics, images, etc.
Micro 7. It is space between smaller element such as letter spacing and line-height.
:hover 8. Use this class to add special style to an element when you mouse over it.
:first-line 9. Use this element to add special styles to the first line of the text in a selector.
Dark mode 10. It is color scheme that uses a dark background and light text elements in the
design.
Voice 11. Voiceovers can humanize an experience, guide a user with instructions, and serve the
functional role of communicating important information in the absence of
visuals.
3D Illustration 12. It is an effective way to personalize, and add character and individually to
your website.
3D Button Effects 13. It is the most important elements for any website. This is the button that
will allow users to move though the purchasing or signing up process with
ease, directly from your landing page.
3D typography 14. It is the key to grabbing attention and focusing user attention on your content.
Ambient Sound 15. This type has the strongest ability to subconsciously transport the user into
the world of experience.
Class selector 16. Indicates the class or classes to which particular element belongs. Element that
belong to the same class may share aspects of their presentation.
IIST Goal: To produce competitive IT professionals and IT enabled individuals who will encourage real innovation for the advancement in the digital era
of the province and the country as a whole.
VISION: “An advanced and adaptive university pursuing quality education, lifelong gender-sensitive learning environment, responsive research-based
community programs and transparent governance with sustainable resource generation by 2025.”
MISSION: “To provide excellence in instruction, research, extension and production that magnifies W.I.S.D.O.M. in leadership through Total Quality
Management System responsive to the challenges of the 21st century education.”
 Republic of the Philippines
MARINDUQUE STATE COLLEGE Courses Offered:
Boac Campus:
COLLEGE OF ENGINEERING, INFORMATION AND INDUSTRIAL TECHNOLOGY BS Information Technology
BS Information Systems
INSTITUTE OF INFORMATION SYSTEM AND TECHNOLOGY (AACCUP, Inc. Reaccredited Level 3)
Santa Cruz Campus:
Panfilo M. Manguera Sr. Rd., Tanza, Boac, Marinduque BS Information Systems
IIST Tel. No.: (042) 704-0193 IIST E-mail Address: [email protected] (AACCUP, Inc. Reaccredited Level 2)

Website: www.mscmarinduque.edu.ph

:first letter 17. Use this element to add special style to the first letter of the text in a selector.
Style sheets 18. It represents a major breakthrough for Web page designers, expanding their
ability to improve the appearance of their pages. 
:lang 19. Use this class to specify a language to use in a specified element.
Style tags 20. It is used to define style information (CSS) for a document.

PART II: (TRUE OR FALSE) Write TRUE if the statement correct and write FALSE if the
statement wrong. (1 point each)

21. A minimalist web-design strategy in one that seeks to complicated interfaces by

adding unnecessary elements or content that does not support user task. False
22. Macro is the space between bigger elements such as letter spacing (kerning) and line
height (leading).False
23. Micro is the least common distinction of whitespace. False
24. Whitespace is also called positive space. False
25. Active whitespace is intentional use to create structure and flow page. True
26. Passive white tag occurs naturally in elements such as graphics or text. False
27. Dark Mode is a multi-color scheme that uses a dark background and light text
elements in the design. False
28. Typography is the use of code in a design. False
29. Web images are visual representations used on a Web site. False
30. Often confused with simplicity, the concept of minimalism entails providing all the
elements to only include those that are essential. False
31. Web design is becoming more bold and daring, using glow in the dark neon’s . True
32. Imagery that uses luminous colors is sure not attract attention throughout your
website. False
33. 3D Elements used in web design can make a website more impressive and
memorable. True
34. The luminous you choose for your titles and headings can be key to grabbing
attention and focusing user attention on your content. False
35. Illustrated imagery in web design can be an effective way to personalize, and add
character and individuality to your website. True
36. Action button is one of the most important elements for any website.True
37. Advantages of using 3D Elements is Grabbing the attention of users with designs that
“jump out” of the screen. True

IIST Goal: To produce competitive IT professionals and IT enabled individuals who will encourage real innovation for the advancement in the digital era
of the province and the country as a whole.
VISION: “An advanced and adaptive university pursuing quality education, lifelong gender-sensitive learning environment, responsive research-based
community programs and transparent governance with sustainable resource generation by 2025.”
MISSION: “To provide excellence in instruction, research, extension and production that magnifies W.I.S.D.O.M. in leadership through Total Quality
Management System responsive to the challenges of the 21st century education.”
 Republic of the Philippines
MARINDUQUE STATE COLLEGE Courses Offered:
Boac Campus:
COLLEGE OF ENGINEERING, INFORMATION AND INDUSTRIAL TECHNOLOGY BS Information Technology
BS Information Systems
INSTITUTE OF INFORMATION SYSTEM AND TECHNOLOGY (AACCUP, Inc. Reaccredited Level 3)
Santa Cruz Campus:
Panfilo M. Manguera Sr. Rd., Tanza, Boac, Marinduque BS Information Systems
IIST Tel. No.: (042) 704-0193 IIST E-mail Address: [email protected] (AACCUP, Inc. Reaccredited Level 2)

Website: www.mscmarinduque.edu.ph

38. 3D elements in web design offer a realistic look and create a feeling of physical
presence. True
39. Image can provide audio feedback, to complement visual feedback. False
40. Vertical layout is a simple way to keep a design from becoming overcrowded. False
41. Imagery that uses luminous colors is sure not attract attention throughout your
website. False
42. 3D Elements used in web design can make a website more impressive and
memorable. True
43. The luminous you choose for your titles and headings can be key to grabbing
attention and focusing user attention on your content. False
44. Illustrated imagery in web design can be an effective way to personalize, and add
character and individuality to your website. True
45. Action button is one of the most important elements for any website. True
46. Advantages of using 3D Elements is Grabbing the attention of users with designs that
“jump out” of the screen. True
47. 3D elements in web design offer a realistic look and create a feeling of physical
presence. True
48. Image can provide audio feedback, to complement visual feedback. False
49. Vertical layout is a simple way to keep a design from becoming overcrowded. False
50. Style sheets represent a major breakthrough for Web page programmers, expanding
their ability to improve the appearance of their pages. FALSE

PART III: (MULTIPLE CHOICES) Read and analyze the following statement and write the
letter of the BEST answers in the space provided or in your answer sheet after each numbers. (1
point each)

51. Creates pseudo-3D effects and make the design more layered and fun.
d. Soft shadows
b. both a & c
c. Floating elements
a. none of the above
52. A _________ web-design strategy in one that seeks to simplify interfaces by
removing unnecessary elements or content that does not support user task.
c. Minimalist
d. Micro
b. Macro

IIST Goal: To produce competitive IT professionals and IT enabled individuals who will encourage real innovation for the advancement in the digital era
of the province and the country as a whole.
VISION: “An advanced and adaptive university pursuing quality education, lifelong gender-sensitive learning environment, responsive research-based
community programs and transparent governance with sustainable resource generation by 2025.”
MISSION: “To provide excellence in instruction, research, extension and production that magnifies W.I.S.D.O.M. in leadership through Total Quality
Management System responsive to the challenges of the 21st century education.”
 Republic of the Philippines
MARINDUQUE STATE COLLEGE Courses Offered:
Boac Campus:
COLLEGE OF ENGINEERING, INFORMATION AND INDUSTRIAL TECHNOLOGY BS Information Technology
BS Information Systems
INSTITUTE OF INFORMATION SYSTEM AND TECHNOLOGY (AACCUP, Inc. Reaccredited Level 3)
Santa Cruz Campus:
Panfilo M. Manguera Sr. Rd., Tanza, Boac, Marinduque BS Information Systems
IIST Tel. No.: (042) 704-0193 IIST E-mail Address: [email protected] (AACCUP, Inc. Reaccredited Level 2)

Website: www.mscmarinduque.edu.ph

a. Dark mode
53. Is a color scheme that uses a dark background and light text elements in the design.
b. Macro
d. Dark mode
a. Minimalist
c. Soft shadows
54. Is an intentional use to create structure and flow page.
a. Macro
c. Micro
b. Passive
d. Active
55. ______ white space occurs naturally in elements such as graphics or text.
d. Macro
b. Micro
c. Passive
a. Active
56. ______ is the space between smaller elements such as letter spacing(kerning) and line
height(leading).
c. Macro
a. Micro
d. Passive
b. Active
57. ______ is the space between the elements of copy, graphics, images, etc.
d. Macro
b. Micro
c. Passive
a. Active
58. Are movements on the screen that have a water-like feel.
a. Typography
c. Web Graphics
b. Liquid animation
d. Floating elements

59. ________ are visual representations used on a Web site to enhance or enable the
representation of an idea or feeling.
b. Typography

IIST Goal: To produce competitive IT professionals and IT enabled individuals who will encourage real innovation for the advancement in the digital era
of the province and the country as a whole.
VISION: “An advanced and adaptive university pursuing quality education, lifelong gender-sensitive learning environment, responsive research-based
community programs and transparent governance with sustainable resource generation by 2025.”
MISSION: “To provide excellence in instruction, research, extension and production that magnifies W.I.S.D.O.M. in leadership through Total Quality
Management System responsive to the challenges of the 21st century education.”
 Republic of the Philippines
MARINDUQUE STATE COLLEGE Courses Offered:
Boac Campus:
COLLEGE OF ENGINEERING, INFORMATION AND INDUSTRIAL TECHNOLOGY BS Information Technology
BS Information Systems
INSTITUTE OF INFORMATION SYSTEM AND TECHNOLOGY (AACCUP, Inc. Reaccredited Level 3)
Santa Cruz Campus:
Panfilo M. Manguera Sr. Rd., Tanza, Boac, Marinduque BS Information Systems
IIST Tel. No.: (042) 704-0193 IIST E-mail Address: [email protected] (AACCUP, Inc. Reaccredited Level 2)

Website: www.mscmarinduque.edu.ph

d. Web Graphics
c. Liquid animation
a. Floating elements

60. ________ seeks to create a greater meaning by thoughtful and deliberate selection
font, size, color, layout, alignment, and other factors that affect the design of type on
a page.
d. Typography
b. Web Graphics
c. Liquid animation
a. Floating elements

61. A_________ gradients are like a linear gradient mixed with mirror.

d. shadow
c. reflected
b. reflected mirror
a. linear mirror

62. Used in web design can make a website more impressive and memorable.
C. 3D web page
B. 3D elements
A. 3D website
D. 3D web design

63. A compressed or loss format.

B. mp4
A. mp3
D. recorder
C. audio

64. A simple way to keep a design from becoming overcrowded.

A. horizontal layout
B. vertical "
C. straight "
D. broken "

IIST Goal: To produce competitive IT professionals and IT enabled individuals who will encourage real innovation for the advancement in the digital era
of the province and the country as a whole.
VISION: “An advanced and adaptive university pursuing quality education, lifelong gender-sensitive learning environment, responsive research-based
community programs and transparent governance with sustainable resource generation by 2025.”
MISSION: “To provide excellence in instruction, research, extension and production that magnifies W.I.S.D.O.M. in leadership through Total Quality
Management System responsive to the challenges of the 21st century education.”
 Republic of the Philippines
MARINDUQUE STATE COLLEGE Courses Offered:
Boac Campus:
COLLEGE OF ENGINEERING, INFORMATION AND INDUSTRIAL TECHNOLOGY BS Information Technology
BS Information Systems
INSTITUTE OF INFORMATION SYSTEM AND TECHNOLOGY (AACCUP, Inc. Reaccredited Level 3)
Santa Cruz Campus:
Panfilo M. Manguera Sr. Rd., Tanza, Boac, Marinduque BS Information Systems
IIST Tel. No.: (042) 704-0193 IIST E-mail Address: [email protected] (AACCUP, Inc. Reaccredited Level 2)

Website: www.mscmarinduque.edu.ph

65. A_____ radiates at from a central point.

D. radial point
C. radiates point
B. radial gradients
A. radial color

66. One of the most important elements for any website is the call to action button.
C. 3D Illustrations
B. 3D Button Effects
A. 3D Typography
D. 3D Typographies

67.) This type has strongest ability to subconsciously transport the user into the world of
the experience.
B. Sound FX
A. Music/Score
D. Ambient Sound
C. Voice

68.) This is the type of color gradients that is similar to a radial gradient in that they are
both circular and use a center point for the color's beginning.
A. Linear gradient
B. Conic gradient
C. Reflected gradient
D. Diamond gradient

69.) It is best used in quadrilateral (square or rectangle)shapes.

D. Reflected gradient
C. Diamond gradient
B. Linear gradient
A. Conic gradient

70.) Using _______ is a way to give a layout design.

IIST Goal: To produce competitive IT professionals and IT enabled individuals who will encourage real innovation for the advancement in the digital era
of the province and the country as a whole.
VISION: “An advanced and adaptive university pursuing quality education, lifelong gender-sensitive learning environment, responsive research-based
community programs and transparent governance with sustainable resource generation by 2025.”
MISSION: “To provide excellence in instruction, research, extension and production that magnifies W.I.S.D.O.M. in leadership through Total Quality
Management System responsive to the challenges of the 21st century education.”
 Republic of the Philippines
MARINDUQUE STATE COLLEGE Courses Offered:
Boac Campus:
COLLEGE OF ENGINEERING, INFORMATION AND INDUSTRIAL TECHNOLOGY BS Information Technology
BS Information Systems
INSTITUTE OF INFORMATION SYSTEM AND TECHNOLOGY (AACCUP, Inc. Reaccredited Level 3)
Santa Cruz Campus:
Panfilo M. Manguera Sr. Rd., Tanza, Boac, Marinduque BS Information Systems
IIST Tel. No.: (042) 704-0193 IIST E-mail Address: [email protected] (AACCUP, Inc. Reaccredited Level 2)

Website: www.mscmarinduque.edu.ph

C. Color gradients
B. Horizontal layout
A. Parallax
D. 3D Button Effects

71. Specifies a unique identifier for an element. Must be unique within a single document;
more than one element cannot share the same identifier.
a. Class Selector
b. HTML font family
c. Id Selector
d. HTML text align

72. Indicates the class or classes to which particular element belongs. Element that belong to
the same class may share aspects of their presentation.
a. HTML text align
b. Class Selector
c. Id Selector
d. HTML font family

73. The font color tag changes the color of a text and can be used in any text writing tag like
<p> or heading tag.
a. HTML Font Size
b. HTML Font Family
c. HTML Font Color
d. HTML Background Color

74. is a selector that selects elements that are in a specific state

a. HTML Font Color
b. Pseudo-class
c. HTML Background Color
d. Class Selector

75. It is used to define style information (CSS) for a document.

a. Id Selector
IIST Goal: To produce competitive IT professionals and IT enabled individuals who will encourage real innovation for the advancement in the digital era
of the province and the country as a whole.
VISION: “An advanced and adaptive university pursuing quality education, lifelong gender-sensitive learning environment, responsive research-based
community programs and transparent governance with sustainable resource generation by 2025.”
MISSION: “To provide excellence in instruction, research, extension and production that magnifies W.I.S.D.O.M. in leadership through Total Quality
Management System responsive to the challenges of the 21st century education.”
 Republic of the Philippines
MARINDUQUE STATE COLLEGE Courses Offered:
Boac Campus:
COLLEGE OF ENGINEERING, INFORMATION AND INDUSTRIAL TECHNOLOGY BS Information Technology
BS Information Systems
INSTITUTE OF INFORMATION SYSTEM AND TECHNOLOGY (AACCUP, Inc. Reaccredited Level 3)
Santa Cruz Campus:
Panfilo M. Manguera Sr. Rd., Tanza, Boac, Marinduque BS Information Systems
IIST Tel. No.: (042) 704-0193 IIST E-mail Address: [email protected] (AACCUP, Inc. Reaccredited Level 2)

Website: www.mscmarinduque.edu.ph

b. HTML text align

c. Class Selector
d. Style Tags

76. It is used to define the style of the page and to control the overall page layout.
a. Anatomy of Style
b. Declaration
c. Selector
d. Style sheet

77. Represent a major breakthrough for Web page designers, expanding their ability to
improve the appearance of their pages.
a. Selector
b. Declaration
c. Anatomy of Style
d. Style sheet

78. It allow an equal distribution of text, photos, videos onto the webpages
a. Grid Layout
b. One Column Layout
c. Featured Image Layout
d. Asymmetrical Layout

79. It allow us to take elements contained in a web and control where they’re positioned
a. CSS page layout techniques
b. Web page layout techniques
c. HTTP page layout techniques
d. HTML page layout techniques
80. It is a pattern (or framework) that defines a website’s structure.
a. Website Layout
b. Selector
c. Internal
d. Declaration

IIST Goal: To produce competitive IT professionals and IT enabled individuals who will encourage real innovation for the advancement in the digital era
of the province and the country as a whole.
VISION: “An advanced and adaptive university pursuing quality education, lifelong gender-sensitive learning environment, responsive research-based
community programs and transparent governance with sustainable resource generation by 2025.”
MISSION: “To provide excellence in instruction, research, extension and production that magnifies W.I.S.D.O.M. in leadership through Total Quality
Management System responsive to the challenges of the 21st century education.”
 Republic of the Philippines
MARINDUQUE STATE COLLEGE Courses Offered:
Boac Campus:
COLLEGE OF ENGINEERING, INFORMATION AND INDUSTRIAL TECHNOLOGY BS Information Technology
BS Information Systems
INSTITUTE OF INFORMATION SYSTEM AND TECHNOLOGY (AACCUP, Inc. Reaccredited Level 3)
Santa Cruz Campus:
Panfilo M. Manguera Sr. Rd., Tanza, Boac, Marinduque BS Information Systems
IIST Tel. No.: (042) 704-0193 IIST E-mail Address: [email protected] (AACCUP, Inc. Reaccredited Level 2)

Website: www.mscmarinduque.edu.ph

PART 3: (BUNOS QUESTION): Innumerate the Vision, Mission, and Core Values of the
College. (15 points if exact and correct)

Prepared by:

ENGR. ALVIN PELAEZ REGENCIA

College Lecturer, IIST

Reviewed by:

WILBERT P. BENEDICTO, MIS

Head, BSI/S Program

Approved by:

MARIA NESSA M. SOLOMON, MA.Ed.

Associate Dean, IIST

IIST Goal: To produce competitive IT professionals and IT enabled individuals who will encourage real innovation for the advancement in the digital era
of the province and the country as a whole.
VISION: “An advanced and adaptive university pursuing quality education, lifelong gender-sensitive learning environment, responsive research-based
community programs and transparent governance with sustainable resource generation by 2025.”
MISSION: “To provide excellence in instruction, research, extension and production that magnifies W.I.S.D.O.M. in leadership through Total Quality
Management System responsive to the challenges of the 21st century education.”