0% found this document useful (0 votes)

3 views15 pages

Document 7

The document provides definitions and examples of key web concepts such as websites, webpages, HTML, structured scripting, scripts, code, programming, and structured webpages. It explains the purpose and structure of each concept, along with examples of HTML code and JavaScript scripts. The document emphasizes the importance of organization and clarity in web development to enhance user experience.

Uploaded by

whoreallyrulesherworld

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

3 views15 pages

Document 7

Uploaded by

whoreallyrulesherworld

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

You are on page 1/ 15

ICT Homework

Questions :

1. What is a website ? Define and give an example.

Ans : A website is a collection of web pages that are accessed via the
internet and typically share a common domain name. Websites can serve
various purposes, such as providing information, facilitating
communication, or offering services and products. They are built using
web technologies like HTML, CSS, and JavaScript.

Example of a Website

 Wikipedia: https://www.wikipedia.org
Wikipedia is an online encyclopedia that provides a vast range of
information on various topics, contributed and edited by users
around the world.

2.What is a webpage ?

Example of a Website

3. What is HMLT ?

Ans : HTML (HyperText Markup Language) is the standard markup

language used to create and design webpages. It structures the content
on the web by using various elements or "tags" that define different types
of content, such as headings, paragraphs, links, images, and more.
Basic Structure of HTML Code

Here’s a simple example of HTML code that represents a basic webpage:

<!DOCTYPE html>

<head>

<meta name="viewport" content="width=device-width, initial-

scale=1.0">

<title>My Simple Webpage</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 20px;

h1 {

color: navy;

color: darkslategray;

</style>

</head>

<body>

<h1>Welcome to My Webpage</h1>

<p>This is a simple webpage created using HTML.</p>

<a href="https://www.example.com">Visit Example.com</a>

</body>

</html>

4. What is sructure script ?

Ans : t seems there might be a typo in your question. If you meant
"structure script," could you clarify what specific context you're
referring to? However, if you meant "structured scripting" or "script
structure," I can provide some information on that.

Structured Scripting

Structured scripting usually refers to writing scripts (often in

programming languages like JavaScript, Python, or others) in a clear,
organized manner that follows a logical structure. This involves:

1. Modularity: Breaking the code into functions or modules for better

organization and reusability.
2. Control Structures: Using loops, conditionals, and other control
structures to manage the flow of the script.
3. Clear Naming Conventions: Using descriptive names for variables
and functions to make the code easier to read and maintain.
4. Commenting: Adding comments to explain complex sections of the
code.

Example of a Structured Script (JavaScript)

Here's a simple example of a structured JavaScript script that adds two

numbers:

javascript
// Function to add two numbers
function addNumbers(a, b) {
return a + b;
}

// Main function
function main() {
const num1 = 5;
const num2 = 10;
const result = addNumbers(num1, num2);
console.log(`The sum of ${num1} and ${num2} is $
{result}`);
}

// Run the main function

main();
Key Points:

 The code is organized into functions.

 Each function has a specific purpose.
 The main logic is contained within a main function, making it easier
to read and maintain.

4. What is script ?

Ans : A script is a set of instructions written in a programming or scripting

language that is executed by a computer or web browser. Scripts are used
to automate tasks, perform calculations, manipulate data, or control the
behavior of applications and webpages.

Types of Scripts

1. Web Scripts: Typically written in languages like JavaScript, these

scripts run in web browsers to create dynamic content, handle user
interactions, and communicate with servers.
2. Server-Side Scripts: Executed on a web server, using languages
like PHP, Python, or Ruby, to generate web pages or handle backend
processes.
3. Shell Scripts: Used in operating systems to automate tasks in a
command-line environment, written in languages like Bash or
PowerShell.

Example of a Simple JavaScript Web Script

Here’s a basic example of a JavaScript script that displays an alert when a

webpage is loaded:

html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Simple Script Example</title>
<script>
// This function runs when the page loads
function showAlert() {
alert("Welcome to my webpage!");
}
</script>
</head>
<body onload="showAlert()">
<h1>Hello, World!</h1>
</body>
</html>

Console

Key Features of Scripts

 Interactivity: Scripts can respond to user actions, such as clicks or

key presses.
 Automation: They can automate repetitive tasks, saving time and
reducing errors.
 Dynamic Content: Scripts can update the content of a webpage
without requiring a full page reload.

Scripts are essential for modern web development and application

programming, enabling richer user experiences and more efficient
workflows.

5.What is code ?

Ans : Code refers to the set of instructions written in a programming or

scripting language that tells a computer what to do. It is the fundamental
building block of software applications, websites, and other digital
systems.

Key Aspects of Code

1. Programming Languages: Code is written in various languages,

each with its own syntax and rules. Examples include:
a. Python: Known for its readability and simplicity.
b. JavaScript: Primarily used for web development to create
interactive content.
c. Java: A versatile language used in many applications, from
web to mobile.
d. C++: Often used for system/software development and game
programming.
2. Syntax: Each programming language has its own syntax, which is
the set of rules that defines the combinations of symbols that are
considered to be correctly structured programs.
3. Comments: Code often includes comments, which are non-
executable lines that explain what the code does, making it easier
to understand for others (or for the original author when they return
to it later).
4. Execution: Code must be executed or interpreted by a computer or
a runtime environment to perform the tasks defined in it.

Example of Code (Python)

Here’s a simple example of Python code that adds two numbers:

python
# Function to add two numbers
def add_numbers(a, b):
return a + b

# Main code
num1 = 5
num2 = 10
result = add_numbers(num1, num2)
print(f"The sum of {num1} and {num2} is {result}")

Key Functions of Code

 Automation: Code can automate tasks, making processes more

efficient.
 Logic and Control: It implements algorithms and logic to solve
problems.
 Data Manipulation: Code can manipulate and analyze data,
making it essential in data science and analytics.
 User Interaction: In web development, code creates interactive
elements that enhance user experience.

In essence, code is the language that computers understand, enabling

humans to instruct machines to perform tasks.

7. What is instruction ?

Ans:
Code refers to the set of instructions written in a programming or
scripting language that tells a computer what to do. It is the fundamental
building block of software applications, websites, and other digital
systems.

Key Aspects of Code

1. Programming Languages: Code is written in various languages,

Example of Code (Python)

Here’s a simple example of Python code that adds two numbers:

python
# Function to add two numbers
def add_numbers(a, b):
return a + b

# Main code
num1 = 5
num2 = 10
result = add_numbers(num1, num2)
print(f"The sum of {num1} and {num2} is {result}")
Key Functions of Code

 Automation: Code can automate tasks, making processes more

In essence, code is the language that computers understand, enabling

humans to instruct machines to perform tasks.

8. what is program ?

Ans : Code refers to the set of instructions written in a programming or

scripting language that tells a computer what to do. It is the fundamental
building block of software applications, websites, and other digital
systems.

Key Aspects of Code

1. Programming Languages: Code is written in various languages,

Here’s a simple example of Python code that adds two numbers:

python
# Function to add two numbers
def add_numbers(a, b):
return a + b

# Main code
num1 = 5
num2 = 10
result = add_numbers(num1, num2)
print(f"The sum of {num1} and {num2} is {result}")

Key Functions of Code

 Automation: Code can automate tasks, making processes more

In essence, code is the language that computers understand, enabling

humans to instruct machines to perform tasks.

9. What is programming ?

Ans : Code refers to the set of instructions written in a programming or

scripting language that tells a computer what to do. It is the fundamental
building block of software applications, websites, and other digital
systems.

Key Aspects of Code

1. Programming Languages: Code is written in various languages,

Example of Code (Python)

Here’s a simple example of Python code that adds two numbers:

python
# Function to add two numbers
def add_numbers(a, b):
return a + b

# Main code
num1 = 5
num2 = 10
result = add_numbers(num1, num2)
print(f"The sum of {num1} and {num2} is {result}")

Key Functions of Code

 Automation: Code can automate tasks, making processes more

In essence, code is the language that computers understand, enabling

humans to instruct machines to perform tasks.
10. Give an example of structured webpage and describe them.

Ans: A structured webpage is designed with a clear organization and

layout, making it easy for users to navigate and understand the content.
Below is an example of a structured webpage, along with descriptions of
its key components.

Example of a Structured Webpage

<!DOCTYPE html>

<head>

<meta name="viewport" content="width=device-width, initial-

scale=1.0">

<title>My Structured Webpage</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 0;

line-height: 1.6;

header {

background: #4CAF50;

color: white;

padding: 10px 0;

text-align: center;

nav {

margin: 10px 0;

}
nav a {

margin: 0 15px;

color: white;

text-decoration: none;

section {

padding: 20px;

margin: 10px;

footer {

background: #222;

color: white;

text-align: center;

padding: 10px 0;

position: relative;

bottom: 0;

width: 100%;

</style>

</head>

<body>

<h1>Welcome to My Webpage</h1>

<nav>

<a href="#about">About</a>

<a href="#services">Services</a>

<a href="#contact">Contact</a>

</nav>
</header>

<h2>About Us</h2>

<p>We are a company dedicated to providing excellent services to our

clients. Our team is experienced and passionate about what we do.</p>

</section>

<h2>Our Services</h2>

<ul>

<li>Web Development</li>

<li>Graphic Design</li>

<li>SEO Services</li>

</ul>

</section>

<h2>Contact Us</h2>

<p>If you have any questions, feel free to reach out!</p>

<p>Email: [email protected]</p>

</section>

</footer>

</body>
</html> About Us
We are a company dedicated to providing excellent services to our clients.
Our team is experienced and passionate about what we do.

Our Services
 Web Development
 Graphic Design
 SEO Services

Email: [email protected]

Description of Key Components

1. Doctype Declaration:
a. <!DOCTYPE html>: This declaration defines the document type
and version of HTML used, which helps browsers render the
page correctly.
2. HTML Element:
a. <html lang="en">: The root element of the webpage,
indicating that the language is English.
3. Head Section:
a. Contains <meta> tags for character set and viewport settings,
ensuring proper text rendering and responsive design.
b. <title> sets the title of the webpage, displayed in the
browser tab.
c. <style> includes CSS to define the visual appearance of
elements on the page.
4. Header:
a. <header> contains the main heading (<h1>) and a navigation
menu (<nav>), providing quick links to different sections of the
page.
5. Navigation:
a. <nav> includes links (<a>) that allow users to jump to different
sections, enhancing usability and accessibility.
6. Sections:
a. <section> elements are used to group related content, each
with its own heading (<h2>). This organization helps users
understand the structure of the information.
b. The first section provides information about the company, the
second lists services offered, and the third offers contact
details.
7. Footer:
a. <footer> contains copyright information and serves as a
closing element for the webpage, providing additional context
about the site.

Conclusion

This structured webpage example demonstrates how to effectively

organize content using HTML elements. Each component plays a specific
role, making the webpage easy to navigate and visually appealing. A well-
structured webpage enhances user experience, encourages engagement,
and improves accessibility.