FBISE, NCP & NBF-aligned resources for Classes 9–12
Browse by Class
Browse by Type
Computer Chapter 3 : Topic 1.1
Basic concepts and principles of web development
1 / 29
Which statement best explains why HTML, CSS, and JavaScript are considered the foundational technologies of modern web evelopment?
Reasoning: HTML provides structure, CSS controls appearance, and JavaScript enables dynamic behavior.
2 / 29
A developer creates a webpage containing headings and paragraphs but notices that the page has no colors or styling. Which technology is most likely missing?
Reasoning: CSS is responsible for styling elements such as colors, fonts, and layouts.
3 / 29
Which scenario demonstrates the primary role of JavaScript in a web application rather than HTML or CSS?
Reasoning: JavaScript performs logic and interactive tasks such as form validation.
4 / 29
A user clicks a button and new content appears without reloading the webpage. Which web technology is mainly responsible for this behavior?
Reasoning: JavaScript can dynamically modify webpage content through the DOM.
5 / 29
Why is a web browser considered an essential component of the web development ecosystem?
Reasoning: Browsers render HTML, CSS, and JavaScript into visible webpages.
6 / 29
Which option correctly describes the relationship between a web server and a web browser during website access?
Reasoning: Browsers send requests, and servers respond with webpage resources.
7 / 29
A website displays identical information to every visitor regardless of time or user input. What type of website is this?
Reasoning: Static websites show the same content to all users.
8 / 29
Which feature is most likely found in a dynamic website rather than a static website?
Reasoning: Dynamic websites often generate content using databases and user interactions.
9 / 29
An online shopping website updates product recommendations based on a customer's previous purchases. Which characteristic of web development does this demonstrate?
Reasoning: Dynamic websites adjust content according to user data.
10 / 29
Which statement best differentiates front-end development from back-end development in web applications?
Reasoning: Front-end focuses on user interaction; back-end handles data and logic.
11 / 29
Which of the following tasks would most likely be performed by a back-end developer?
Reasoning: Database management is a core back-end responsibility.
12 / 29
Why is HTML often called the "skeleton" of a webpage in web development?
Reasoning: HTML defines the structure and content elements of webpages.
13 / 29
A developer wants multiple webpages to share the same design style without rewriting formatting code repeatedly. Which approach is most suitable?
Reasoning: External CSS promotes consistency and easier maintenance.
14 / 29
Which web development language is primarily used to define the appearance and layout of webpage elements?
Reasoning: CSS controls visual presentation.
15 / 29
What is the main advantage of separating HTML structure from CSS styling in web development projects?
Reasoning: Separation improves readability, maintenance, and reusability.
16 / 29
Which technology allows developers to react to events such as mouse clicks, key presses, and button interactions on a webpage?
Reasoning: JavaScript handles events and user interactions.
17 / 29
A webpage adapts its layout automatically when viewed on a smartphone instead of a desktop computer. Which web development concept is being applied?
Reasoning: Responsive design adjusts layouts for different screen sizes.
18 / 29
Which CSS feature is most directly responsible for supporting responsive web design across different devices?
Reasoning: Media queries apply styles based on device characteristics.
19 / 29
A company wants website visitors to submit feedback through an online form. Which technology is essential for creating the form structure?
Reasoning: HTML provides form elements such as input fields and buttons.
20 / 29
Which statement best describes the purpose of a framework in web development?
Reasoning: Frameworks speed up development through reusable components.
21 / 29
Which of the following is commonly considered a front-end framework or library used for building user interfaces?
Reasoning: React is widely used for developing front-end interfaces.
22 / 29
Which technology is primarily responsible for storing, organizing, and retrieving data in many web applications?
Reasoning: Databases manage application data efficiently.
23 / 29
Why are databases important for dynamic web applications such as online stores and social media platforms?
Reasoning: Dynamic websites depend on data storage and retrieval.
24 / 29
Which situation best illustrates the use of client-side scripting in web development?
Reasoning: Client-side scripts execute within the browser.
25 / 29
Which situation best illustrates the use of server-side scripting in web development?
Reasoning: Login processing typically occurs on the server.
26 / 29
Why are frameworks increasingly popular in modern web development projects involving large websites and applications?
Reasoning: Frameworks improve efficiency, consistency, and scalability.
27 / 29
Which web development principle helps make websites easier to maintain, update, and expand over time?
Reasoning: Separation of concerns improves maintainability.
28 / 29
Which combination correctly matches technology with its primary role in web development?
Reasoning: This is the standard division of responsibilities.
29 / 29
A website allows users to search products instantly while typing into a search box. Which technology most directly enables this interactive experience?
Reasoning: JavaScript enables real-time user interaction.
Your score is
Restart quiz