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 replace the need for HTML and CSS knowledge

B) To convert static websites into dynamic web applications

C) To automatically host the website on the internet

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

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 browsers only open files with “index” name

C) Because it stores CSS styles for the website

D) Because it contains JavaScript logic only

3 / 18

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

A) html → head → body

B) body → html → head

C) html → body → head

D) head → body → html

4 / 18

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

A) It contains all images of the website

B) It executes JavaScript code only

C) It stores metadata, links, and page information

D) It displays visible page content to users

5 / 18

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

A) To reduce the number of HTML files

B) To separate design styling from structure for better organization

C) To increase internet speed automatically

D) To convert the website into a dynamic application

6 / 18

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

A) To create server-side logic

B) To control layout, colors, and visual presentation

C) To define database connections

D) To store website files permanently

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) Compressing all image files into a zip folder

C) Converting files into PDF format

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

8 / 18

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

A) It removes the need for CSS

B) It automatically generates web content

C) It reduces internet usage

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

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 automatically debug server-side errors

B) To permanently store website data online

C) To convert static websites into mobile apps

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

11 / 18

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

A) Using too many folders

B) Writing comments in CSS files

C) Missing or incorrect closing tags in HTML structure

D) Using descriptive file names

12 / 18

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

A) IDE removes the need for HTML

B) IDE does not support CSS files

C) IDE provides tools like syntax highlighting and error detection

D) Text editors are faster than IDEs always

13 / 18

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

A) Inline CSS only

B) External CSS file

C) Internal CSS only

D) No CSS usage

14 / 18

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

A) The HTML file will not open

B) The website will load without styles applied

C) The browser will crash

D) The IDE will delete the project

15 / 18

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

A) Image compression tool

B) Internet browser integration

C) Database management system

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 make the project organized and easier to manage

B) To reduce CSS file size

C) To speed up HTML compilation

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 browser renders the static page normally without IDE tools

B) The file becomes dynamic automatically

C) The file is converted into CSS

D) The IDE controls the rendering

18 / 18

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

A) They only contain fixed content without user interaction processing

B) They use databases instead of HTML

C) They automatically generate backend code

D) They depend on cloud computing only

Your score is