SUJAY PUBLIC SCHOOL
RUN BY [Link] EDUCATIONAL TRUST
AFFILIATED TO CBSE(K-12) AFFILIATION NO:
1931412
Bonafide Certificate
This is to certify that the Practical file is done
by
of class X ____(Roll no ____________)
Submitted for Computer Applications
Practical Examination
for the year 2023- 2024.
Date:
Place: School Seal
Signature of Signature of HOD Signature of principal
Internal Examiner
COMPUTER APPLICATIONS
PRACTICAL FILE
SESSION: 2023-24
SUBJECT CODE: 165
NAME:______________________
CLASS:_____________________
ROLL NO:___________________
INDEX
[Link] TOPIC PAGE DATE SIGNATURE
NO
1. Creating Static Web Pages
2. Creating Static web pages
with images and Lists
3. Use Style Sheets to enforce a
format in an HTML Page
(CSS)
4. Embed Pictures, audio and
Videos in an HTML Page.
5. Create a web page with
tables and frames in an
HTML Page
6. Decorate web pages using
graphical elements
7. Create a website using
several web pages.
8. Work with HTML forms:
Text box, Radio buttons, and
Checkbox, Password, List
and Combo box.
9. Write a Blog using HTML
Pages Discussing Viruses,
Malware, Spam and
antiviruses.
10. Create a Web page
discussing Plagiarism
11. Create simple stories with
Scratch (with one character)
12. Create a simple stories with
Scratch (involving two
characters)
13. Write a Program for finding
the sum of two numbers
using operators in Python.
14. Write a Program to find
products of first n natural
numbers using Python.
15. Write a program to
concatenate two strings.
DATE:
[Link]
Write the program in HTML to create a static web page.
AIM:
To create a static web page in HTML.
PROCEDURE:
STEP 1: Open a blank Notepad File.
STEP 2: Type coding in the notepad
STEP 3: Save the file as [Link]. Set the Save As Type as All
Files.
STEP 4: Click on save from Save As dialog box. The file appears
With the icon of the default browser.
STEP 5: Open the file in the browser.
CODE:
<HTML>
<HEAD>
<TITLE> MY FIRST WEB PAGE </TITLE>
</HEAD>
<BODY>
THIS IS AN HTML DOCUMENT
</BODY>
</HTML>
OUTPUT:
RESULT:
Thus the static web page has been created and output was verified
successfully.
DATE:
[Link]
Write the steps for Creating Static web pages with images and Lists in
HTML.
AIM:
To create Static web pages with images and Lists in HTML.
PROCEDURE:
STEP 1: Open a blank Notepad file.
STEP 2: Type the coding in notepad.
STEP 3: Put the Save As Type in the save as dialog box as All files.
STEP 4: Name the file as web page [Link].
STEP 5: View the web page in a browser.
CODE:
<html>
<head>
<title> Float Property</title>
<style type = "text/css">
body{background-color:yellow}
img{float:right;}
h1{font-family:border;
font-weight:border;
font-size:20pt}
p{font-size:18pt;border=style:groove;background-color:cyan;
font-weight:bolder}
h3{background-color:pink;font-weight:bold;font-size:16pt;
font-family:Monotype Corsiva}
</style>
</head>
<body>
<h1> Storage Units</h1>
<p> The different storage units are: </p>
<img src="[Link]">
<ul>
<li><h3> 1 KB = 2<sup>10</sup>bytes</h3></li>
<li><h3> 1 MB = 2<sup>10</sup>KB</h3></li>
<li><h3> 1 GB = 2<sup>10</sup>MB</h3></li>
<li><h3> 1 TB = 2<sup>10</sup>GB</h3></li>
<li><h3> 1 PB = 2<sup>10</sup>TB</h3></li>
</ul>
</body>
</html>
OUTPUT:
RESULT:
Thus the Static web pages with images and Lists in HTML was
created and output verified successfully.
DATE:
[Link]
Write the program by Using Style Sheets to enforce a format in an
HTML Page (CSS).
AIM:
To create a program by Using Style Sheets to enforce a format in an
HTML Page (CSS).
PROCEDURE:
STEP 1: Open a blank Notepad File.
STEP 2: Type the code in the notepad
STEP 3: Save the file as [Link]. Set the Save As Type as All
Files.
STEP 4: Click on save from Save As dialog box. The file appears
With the icon of the default browser.
STEP 5: Open the file in the browser.
CODE:
<html>
<body>
<h1 style="color:blue;">A Blue Heading</h1>
<p style="color:red;">A red paragraph.</p>
</body>
</html>
OUTPUT:
RESULT:
Thus the Static web pages with images and Lists in HTML was
created and output verified successfully.
DATE:
[Link]
Write the program to Embed Pictures, audio and Videos in an HTML
Page.
AIM:
To Embed Pictures, Audio and Videos in an HTML Page.
PROCEDURE: Click Here
Click Here
STEP 1: Open a blank Notepad File.
STEP 2: Type coding in the notepad
STEP 3: Save the file as [Link]. Set the Save As Type as All
Files.
STEP 4: Click on save from Save As dialog box. The file appears
With the icon of the default browser.
STEP 5: Open the file in the browser.
CODE:
OUTPUT:
RESULT:
Thus Embed Pictures, audio and Videos in an HTML Page was done
and output was Verified successfully.
DATE:
[Link]
Write the steps to create a web page with tables and frames in an
HTML Page
AIM:
To create a web page with tables and frames in an HTML Page
PROCEDURE:
STEP 1: Open a blank Notepad File.
STEP 2: Type coding in the notepad
STEP 3: Save the file as [Link]. Set the Save As Type as All
Files.
STEP 4: Click on save from Save As dialog box. The file appears
With the icon of the default browser.
STEP 5: Open the file in the browser.
CODE:
OUTPUT:
RESULT:
Thus the web page with tables and frames in an HTML Page
Was done and the output was verified successfully.
DATE:
[Link]
Write the steps to Decorate web pages using graphical elements in
HTML.
AIM:
To decorate web pages using graphical elements in HTML.
PROCEDURE:
STEP 1: Open a blank Notepad File.
STEP 2: Type the code in the notepad
STEP 3: Save the file as [Link] . Set the Save As Type as All
Files.
STEP 4: Click on save from Save As dialog box. The file appears
With the icon of the default browser.
STEP 5: Open the file in the browser.
CODE:
OUTPUT:
RESULT:
Thus the web pages are decorated with graphical elements in HTML
and output was verified successfully.
DATE:
[Link]
Write the steps to create a website using several web pages.
Note the following points while generating the webpage:
Link color is black, background color is yellow and visited link color
is green.
❖ Title of the page is “Wildlife in India”.
❖ Heading of the page is Maroon.
❖ Image used is “[Link]”
❖ Caption of the table is blue.
❖ Table border is blue and of size 2.
❖ The 4 links are [Link], [Link], [Link] and [Link].
❖ The email id for contact us is abc@[Link]
AIM:
To create a website using several web pages.
PROCEDURE:
STEP 1: Open a blank Notepad File.
STEP 2: Type coding in the notepad
STEP 3: Save the file as [Link]. Set the Save As Type as All
Files.
STEP 4: Click on save from Save As dialog box. The file appears
With the icon of the default browser.
STEP 5: Open the file in the browser.
CODE:
OUTPUT:
RESULT:
Thus websites are created with several web pages in HTML and
output was verified successfully.
DATE:
[Link]
Write a program to work with HTML forms: Text box, Radio buttons,
and Checkbox, Password, List and Combo box.
AIM:
To write a program to work with HTML forms: Text box, Radio
buttons, and Checkbox, Password, List and Combo box.
TAGS:
Text Box:
<Input type = “Text”>
It is a Single line text input field in which the user can enter text.
Radio Buttons:
<Input type = “Radio”>
It specifies a set of controls that are linked so that only one radio
button among each set is selected at a time.
Check Box:
Password:
List:
Combo Box:
OUTPUT:
RESULT: