D325 ITEC 3602 Networks
Final Assessment Review
(Questions & Solutions)
2025
©2025
, 1. Case Study – HTML Semantics and Accessibility
A web development team is tasked with improving the accessibility of a
government portal. They need to ensure that the site’s content is
correctly structured for screen readers and search engine optimization.
Question: Which HTML element is best used to define the primary
navigation section of a webpage?
A. `<header>`
B. `<nav>`
C. `<section>`
D. `<article>`
ANS: B. `<nav>`
Rationale: The `<nav>` element semantically indicates a block of
navigation links. Its proper use enhances accessibility and aids search
engines in understanding site structure.
---
2. Case Study – Responsive Design with CSS
A startup is redesigning its website to be mobile-friendly. The design
requires that images and columns automatically adjust based on the
device’s viewport size.
Question: Which CSS technique is most effective for creating such
responsive layouts?
A. Fixed width layouts
B. CSS Grid and Flexbox
C. Inline styles
D. Deprecated HTML tables
ANS: B. CSS Grid and Flexbox
Rationale: CSS Grid and Flexbox provide powerful and flexible layout
systems that allow content to adapt responsively to different screen
sizes, a key requirement in modern web design.
---
©2025
, 3. Case Study – JavaScript and DOM Manipulation
A dynamic web application needs to update content on a page without
requiring a full page reload. A developer uses JavaScript to modify the
Document Object Model (DOM) in response to user interactions.
Question: Which JavaScript method is used to add new HTML elements
to the DOM?
A. `document.createElement()`
B. `document.getElementById()`
C. `document.removeChild()`
D. `document.write()`
ANS: A. document.createElement()
Rationale: The `document.createElement()` method creates a new
HTML element, which can then be appended to the DOM to update a
webpage dynamically without reloading.
---
4. Case Study – AJAX and Asynchronous Communication
A network engineering team is developing a single‑page application (SPA)
that continuously updates data from the server without refreshing the
entire page.
Question: Which technology is most commonly used to enable
asynchronous data exchange in web applications?
A. REST APIs
B. AJAX
C. FTP
D. SMTP
ANS: B. AJAX
Rationale: AJAX (Asynchronous JavaScript and XML) allows web pages
to communicate with servers behind the scenes, enabling dynamic
updates without full page reloads.
---
©2025
Final Assessment Review
(Questions & Solutions)
2025
©2025
, 1. Case Study – HTML Semantics and Accessibility
A web development team is tasked with improving the accessibility of a
government portal. They need to ensure that the site’s content is
correctly structured for screen readers and search engine optimization.
Question: Which HTML element is best used to define the primary
navigation section of a webpage?
A. `<header>`
B. `<nav>`
C. `<section>`
D. `<article>`
ANS: B. `<nav>`
Rationale: The `<nav>` element semantically indicates a block of
navigation links. Its proper use enhances accessibility and aids search
engines in understanding site structure.
---
2. Case Study – Responsive Design with CSS
A startup is redesigning its website to be mobile-friendly. The design
requires that images and columns automatically adjust based on the
device’s viewport size.
Question: Which CSS technique is most effective for creating such
responsive layouts?
A. Fixed width layouts
B. CSS Grid and Flexbox
C. Inline styles
D. Deprecated HTML tables
ANS: B. CSS Grid and Flexbox
Rationale: CSS Grid and Flexbox provide powerful and flexible layout
systems that allow content to adapt responsively to different screen
sizes, a key requirement in modern web design.
---
©2025
, 3. Case Study – JavaScript and DOM Manipulation
A dynamic web application needs to update content on a page without
requiring a full page reload. A developer uses JavaScript to modify the
Document Object Model (DOM) in response to user interactions.
Question: Which JavaScript method is used to add new HTML elements
to the DOM?
A. `document.createElement()`
B. `document.getElementById()`
C. `document.removeChild()`
D. `document.write()`
ANS: A. document.createElement()
Rationale: The `document.createElement()` method creates a new
HTML element, which can then be appended to the DOM to update a
webpage dynamically without reloading.
---
4. Case Study – AJAX and Asynchronous Communication
A network engineering team is developing a single‑page application (SPA)
that continuously updates data from the server without refreshing the
entire page.
Question: Which technology is most commonly used to enable
asynchronous data exchange in web applications?
A. REST APIs
B. AJAX
C. FTP
D. SMTP
ANS: B. AJAX
Rationale: AJAX (Asynchronous JavaScript and XML) allows web pages
to communicate with servers behind the scenes, enabling dynamic
updates without full page reloads.
---
©2025
