Computer 9th Chap 3 : Topic 2.8 - Maryam Publications

Computer Chapter 3 : Topic 2.8

Create a Static Website using HTML & CSS

1 / 18

Which statement best describes the main purpose of using an IDE when creating a static website with HTML and CSS?

A) To automatically host the website on the internet

B) To convert static websites into dynamic web applications

C) To write, organize, and debug HTML and CSS code efficiently

D) To replace the need for HTML and CSS knowledge

2 / 18

When creating a static website project, why is the file named index.html typically used as the default homepage?

A) Because servers are configured to load index.html automatically

B) Because it stores CSS styles for the website

C) Because it contains JavaScript logic only

D) Because browsers only open files with “index” name

3 / 18

Which HTML structure correctly represents the basic skeleton of a static webpage created in an IDE environment?

A) body → html → head

B) head → body → html

C) html → body → head

D) html → head → body

4 / 18

What is the main function of the section in an HTML file when designing a static website?

A) It executes JavaScript code only

B) It contains all images of the website

C) It displays visible page content to users

D) It stores metadata, links, and page information

5 / 18

Why is it important to link an external CSS file in a static website project created in an IDE?

A) To convert the website into a dynamic application

B) To reduce the number of HTML files

C) To increase internet speed automatically

D) To separate design styling from structure for better organization

6 / 18

In a static website development workflow, what is the primary role of CSS in enhancing HTML pages?

A) To control layout, colors, and visual presentation

B) To define database connections

C) To store website files permanently

D) To create server-side logic

7 / 18

Which action is most essential before previewing a static website in a browser from an IDE like VS Code?

A) Uploading the project to a server

B) Converting files into PDF format

C) Saving all HTML and CSS files properly in the project directory

D) Compressing all image files into a zip folder

8 / 18

What is the main advantage of using folder structure in a static website project within an IDE?

A) It organizes files like HTML, CSS, and images systematically

B) It reduces internet usage

C) It automatically generates web content

D) It removes the need for CSS

9 / 18

Which HTML tag is used to connect an external CSS file in a static website project?

10 / 18

While working in an IDE, what is the main purpose of the live preview or live server feature for static websites?

A) To convert static websites into mobile apps

B) To permanently store website data online

C) To show real-time changes made in HTML and CSS instantly in browser

D) To automatically debug server-side errors

11 / 18

Which mistake will most likely cause a static HTML page to display incorrectly in a browser when developed in an IDE?

A) Missing or incorrect closing tags in HTML structure

B) Using descriptive file names

C) Writing comments in CSS files

D) Using too many folders

12 / 18

What is the main difference between writing code in a simple text editor and using an IDE for static website creation?

A) Text editors are faster than IDEs always

B) IDE provides tools like syntax highlighting and error detection

C) IDE does not support CSS files

D) IDE removes the need for HTML

13 / 18

Which CSS approach is most suitable for maintaining consistency across multiple pages in a static website project?

A) No CSS usage

B) Internal CSS only

C) External CSS file

D) Inline CSS only

14 / 18

In a static website project, what will happen if the CSS file path is incorrectly written in the HTML file?

A) The website will load without styles applied

B) The IDE will delete the project

C) The browser will crash

D) The HTML file will not open

15 / 18

Which feature of modern IDEs like Visual Studio Code helps developers quickly identify HTML syntax errors?

A) Internet browser integration

B) Database management system

C) Image compression tool

D) Syntax highlighting and error underlining

16 / 18

Why is it recommended to keep images in a separate folder within a static website project structure?

A) To speed up HTML compilation

B) To reduce CSS file size

C) To make the project organized and easier to manage

D) To convert images into code

17 / 18

What happens when a developer opens an HTML file directly in a browser without using an IDE preview tool?

A) The file is converted into CSS

B) The IDE controls the rendering

C) The browser renders the static page normally without IDE tools

D) The file becomes dynamic automatically

18 / 18

Which of the following best explains why static websites created in IDEs do not require server-side processing?

A) They depend on cloud computing only

B) They use databases instead of HTML

C) They automatically generate backend code

D) They only contain fixed content without user interaction processing

Your score is