pgms
pgms
<!DOCTYPE html>
<html>
<head>
<title>POEM</title>
</head>
<body bgcolor="yellow">
<center>
<font color="red">
<h1>
<u>Twinkle Twinkle Little Star</u></h1>
</font></center>
<p align="center">
<font color="blue" family="courierNew" size=5>
<b>
Twinkle Twinkle little star</b><br>
How I wonder what you are<br>
Up above the world so high<br>
Like a diamond in the sky<br>
</p></font>
<center>
<pre>
<fontcolor="lightblue" family="ArialBlack" size=5>
<i>When the blazing sun is gone</i>
When the nothing shines upon
Then shows your little light
Twinkle, twinkle all the night
</pre>
</font>
<font color="orange">
<strong>by Jane Taylor</strong>
</font>
<center>
</body>
</html>
OUTPUT
1
<title> Wish List</title>
<style>
li{
color:pink;
}
th{
color:pink;
}
</style>
</head>
<body bgcolor="blue">
<center>
<font color="red">
<h1>MY WISH LIST</h1>
</font>
<table border="2px" style="width:300px">
<tr>
<th> Wish Items</th>
<th>Image</th>
<th>Brand Name</th>
</tr>
<tr><td>
<ol><li>Laptop</li></td>
<td><img src="l1.jpg"></td>
<td><ul type="circle">
<li> Apple</li>
<li>Dell</li>
<li>Lenova</li>
</ul>
</td></tr>
<tr><td>
<ol start=2><li>Mobiles</li></td>
<td><img src="l2.jpg"></td>
<td><ul type="square">
<li> IPhone</li>
<li>Honor</li>
<li>OnePlus</li>
</ul>
</td></tr>
<tr><td>
<ol start=3><li>Smart Gadgets</li></td>
<td><img src="l3.jpg"></td>
<td><ul type="disc">
<li> Smart Rings</li>
<li>Smart watch</li>
<li>Wireless bluetooth</li>
</ul>
</td></tr>
</ol>
</body>
</html>
OUTPUT
2
Program 7: Design and create a web page using HTML and CSS about an animal
<!DOCTYPE html>
<html>
<head>
<title>Awesome Animal</title>
<style>
p
{
border-style:solid;
border-top-color:red;
border-bottom-color:blue;
}
.animal
{
position:absolute;
top:300px;
left:155px;
}
h2
3
{color:tomato;}
</style>
</head>
<body bgcolor="orange">
<center>
<h2>Awesome Animal Cow </h2>
<font color="lightblue">
<img src="l4.jpg">
<div class="animal">
<p>
Cows are members of the sub-family "Bovinae"
of the family "Bovidae". This family also includes Gazelles, Buffalo, Bison, Antecopes, sheep and goats.
Cows are raised for many reasons
including: milk, cheese, other dairy products, also for meat such as beef and veal and materials such as
leather . In older times they were used as work animals to pull carts and to plow fields.
</p>
</body>
</html>
OUTPUT
8: Design and create web pages for a recipe book with more than 3 pages.
4
<!DOCTYPE html>
<html>
<head><title>Recipe Book</title>
<style>
a:link { color:yellow; }
a:hover { color:green;}
a:visited { color : hotpink; }
marquee{color:Orange;}
</style>
</head>
<body bgcolor="lightblue">
<marquee>
<h1>WELCOME TO MNTI FOODS</h1></marquee>
<center>
<form action="p8a.html">
<font color="red">
<h1>Recipe Book</h1>
<h2> <table border="2px">
<tr><td>
<ol><li>Rice
<font size="2">
<a href="p8a.html" > Recipe </a></font>
</li></td>
<td>
<iframe img src="i5.jpg" ></iframe></ol></td></tr>
<tr><td><ol start="2">
<li> Vegetable Salad
<font size="2">
<a href="p8b.html" > Recipe </a></font>
</li></td>
<td>
<iframe img src="i6.jpg" ></iframe></ol></td></tr>
<tr><td>
<ol start="3"><li> Fruit Salad
<font size="2">
<a href="p8c.html" > Recipe </a></font>
</li></ol></td>
<td>
<iframe img src="i10.jpg" ></iframe>
</td></tr>
</table></h2></font>
<a href="p8a.html">NEXT</a>
</form></center></body></html>
p8a.html
<!DOCTYPE html>
5
<html>
<head>
<title>Recipe Book</title>
<style>
marquee{color:Orange;}
</style>
</head>
<body bgcolor="lightblue">
<marquee>
<h1>WELCOME TO MNTI FOODS</h1>
</marquee>
<form >
<img src="i5.jpg" alt="Smiley face" style="float:right;width:450px;height:450px;"/>
<font color="red">
<h2> Rice Recipe</h2>
INGREDIENTS
<p > <ul>
<li> 1 cup Basmati rice or long grain rice</li>
<li>2 cups water</li>
<li>½ tsp salt</li>
<li>1 tsp oil</li>
</ul></p>
INSTRUCTIONS
<p> <ol>
<li>Wash rice gently changing water several times until the water appears clear.</li>
<li>For fluffier rice, the rice should be soaked for at least 15 minutes prior to
cooking.</li>
<li>Cooked rice expands to about 3 times its original size, so be sure to use the proper
size pan.</li>
<li>Drain the rice and put into the saucepan. Add the water, oil, and salt, bring to a boil
and turn the heat to low, and cover the pan.</li>
<li>Cook rice for about 15 minutes, or until the rice is tender and the water has
evaporated.</li>
<li>Turn off the heat and fluff the rice with a fork.</li>
</ol></p>
<a href="p8b.html">NEXT</a>
<a href="p81.html">BACK</a></align>
</form></center>
</body>
</html>
6
P8b.html
<!DOCTYPE html>
<html>
<head><title>Recipe Book</title>
<style>
marquee{color:Orange;}
</style></head>
<body bgcolor="lightblue">
<marquee><h1>WELCOME TO MNTI FOODS</h1></marquee>
<form >
<img src="i6.jpg" alt="Smiley face" style="float:right;width:450px;height:450px;">
<font color="red" ><h2> Vegetable Salad Recipe</h2>
INGREDIENTS
<p >Vegetable Salad Ingredients
<ul><li>2 medium sized carrots</li>
<li>2 medium sized cucumber</li>
<li>1 small tender white indian radish</li>
<li>1 large tomato</li>
<li>2 to 3 spring onions</li>
<li>1 or 2 tablespoon pumpkin seeds</li>
<li>1 tablespoon roasted sunflower seeds</li>
<li>½ tablespoon sesame seeds</li></ul>
Vegetable Salad Dressing
<ul><li>½ or 1 tablespoon extra virgin olive oil</li>
<li>½ or 1 teaspoon lemon juice</li>
<li>3 to 4 fresh italian basil, chopped</li>
<li>herbes as required</li>
<li>1 teaspoon celery, finely chopped</li>
<li>salt as required</li>
<li>pepper as required</li></ul></p>
INSTRUCTIONS
<p> <ol>
<li>Firstly rinse all the veggies. Peel and chop the carrots, radish and cucumber.</li>
<li>Chop the tomatoes. Finely chop the spring onions. Take all the veggies in a
bowl.</li>
<li>In a small bowl, whisk all the ingredients well for the dressing. Pour the dressing in
the bowl containing vegetables.</li>
<li>Toss well so that the veggies are coated with the dressing. </li>
<li>Serve the vegetable salad immediately.</li>
</ol></p>
<a href="p8c.html">NEXT </a>
<a href="p81.html">BACK</a>
</form></center></body></html>
7
P8c.html
<!DOCTYPE html>
<html>
<head><title>Recipe Book</title>
<style>
marquee{color:Orange;}
</style>
</head>
<body bgcolor="lightblue">
<marquee>
<h1>WELCOME TO MNTI FOODS</h1>
</marquee>
<form >
<img src="i10.jpg" alt="Smiley face" style="float:right;width:450px;height:450px;">
<font color="red">
<h2> Fruit Salad Recipe</h2>
INGREDIENTS
<p > <ul>
<li>1 large banana</li>
<li>2 medium sized mangoes</li>
<li>4 to 5 small to medium chickoo (sapota)</li>
<li>0 to 12 strawberries</li>
<li>1 dragon fruit - optional</li>
<li>2 to 3 tablespoons chopped nuts like cashews, almonds & pistachios(optional)</li>
<li>some slices of strawberries for garnish</li>
</ul></p>
INSTRUCTIONS
<p> <ol>
<li>Rinse, peel and chop the fruits. Take the chopped mixed fruits in a bowl.</li>
<li>Mix them with a spoon.</li>
<li>Add 2 to 3 tablespoons chopped nuts like cashews, almonds and pistachios.
(optional)</li>
<li>Mix the chopped nuts with the mix fruits.</li>
<li>Add the fruit salad mixture in bowls or ice cream cups.</li>
<li>Garnish with a few slices of strawberries or any fruit or berries.
<li>Serve fruit salad straight away.</li>
</ol></p>
<a href ="p81.html">BACK</a>
</form>
</center>
</body>
</html>
8
P8 .html Output 8b.html OUTPUT
9
Program9.html OUTPUT
10
Program 9: Design and create web page with Java Script to design a simple calculator to perform sum, product,
difference and quotient.
<!DOCTYPE html>
<html>
<head><title>Simple Calculator</title>
<script>
function display(val)
{
document.getElementById("result").value+=val;
}
function solve()
{
var x=document.getElementById("result").value;
var y=eval(x);
document.getElementById("result").value=y;
}
function clr()
{
document.getElementById("result").value="";
}
</script>
<style>
.title
{
margin-bottom:10px;
text-align:center;
width:300px;
color:red;
border:solid yellow 5px;
font-size:30
}
input[type="text"]
{
background-color:white;
border:solid black 2px;
width:100%;
}
</style>
</head>
<body bgcolor="pink">
<center>
<div class=title>Simple Calculator</div>
<br>
<tableborder="5"width="300px"height="300px">
<tr>
<td colspan="3">
<input type="text" id="result"/>
</td>
<td><input type="button" value="c" onclick="clr()"/>
</td>
</tr>
11
<tr align="center">
<td><input type="button" value="1" onclick="display('1')"/></td>
<td><input type="button" value="2" onclick="display('2')"/></td>
<td><input type="button" value="3" onclick="display('3')"/></td>
<td><input type="button" value="/" onclick="display('/')"/></td>
</tr>
<tr align="center">
<td><input type="button" value="4" onclick="display('4')"/></td>
<td><input type="button" value="5" onclick="display('5')"/></td>
<td><input type="button" value="6" onclick="display('6')"/></td>
<td><input type="button" value="-" onclick="display('-')"/></td>
</tr>
<tr align="center">
<td><input type="button" value="7" onclick="display('7')"/></td>
<td><input type="button" value="8" onclick="display('8')"/></td>
<td><input type="button" value="9" onclick="display('9')"/></td>
<td><input type="button" value="+" onclick="display('+')"/></td>
</tr>
<tr align="center">
<td><input type="button" value="." onclick="display('.')"/></td>
<td><input type="button" value="0" onclick="display('0')"/></td>
<td><input type="button" value="=" onclick="solve()"/></td>
<td><input type="button" value="*" onclick="display('*')"/></td>
</tr>
</table>
</center>
</body>
</html>
Program 10: Design and create a personal blog webpage with dashboard
12
[Note: For the first time blog will be created. Once created dashboard will get displayed ,everytime you opened your
blog ]
Step 1: Open search engine
Step 2: Search blogger.com
Step 3: After opening blogger.com , click on create your blog.
Step 4: Login with your gmail account.
Step 5: After adding your gmail choose the title for blog. Eg: MNTI
Step 6: After title click next and add your URL for blog.Eg: MNTI2
Step 7: After adding URL ,click next and a choose the name you want to display on your blog. Eg: MNTI
Step 8: After display of name click on finish.
Step 9: Click on posts and select NEWPOST and new layout will get displayed, click on title and add
title for which you are posting on blog.
Step 10:And go to page layout and add your description.
Step 11: If you want to add image on your blog, click on insert image and add image.Then click on
publish to publish your post.
Step 12: Click on theme , choose theme which you want to display on your blog and click on apply.
Step 13: Now your blog is ready to publish the post and page.
OUTPUT :
Dashboard
13
Theme Selection
Published Post
14
Program 11: Design and create web page about advantages of business process automation with respect to
your branch of engineering.
<!DOCTYPE html>
<html>
<head><title>BPA in Civil Engineering</title>
<style>
h1 { color:orange; }
h3,h2{ color:hotpink; }
p{
align:center;
color:blue;
size:5px;
}
li{
align:center;
color:red;
size:5px;
}
</style></head>
<body bgcolor="yellow">
<center><h1> Advantages of BPA in Civil Engineering</h1></center>
<h3>Automation increases the productivity of the construction projects,reduces
duration of laborious work & increases the construction safety and quality of work.</h3>
<p> BPA solutions are designed to eliminate inefficiency and provide companies with competitive advantages.</p>
<p><h2>Advantages of automation in Construction</h2>
<ol>
<li> Uniform quality with higher accuracy.</li>
<li>Replacing human operations on hard tasks.</li>
<li>Making complex tasks easier.</li>
<li>Increasing productivity with reduced cost.</li>
<li>Economic Improvement.</li>
<li>High work efficiency</li>
15
</ol></p>
<p><h2>Areas of Automation in Construction</h2>
<ol>
<li>Roads and Runways construction.</li>
<li>Structures</li>
<li>Building construction</li>
<li>Ports</li>
<li>Tunnels</li>
<li>Factories & Industries</li>
</ol></p>
</body>
</html>
</body>
</html>
OUTPUT:
OUTPUT
16
Program 11: Design and create web page about advantages of business process automation with respect to
your branch of engineering.
<!DOCTYPE html>
<html>
<head><title>BPA in Computer Science</title>
<style>
h1 { color:orange; }
h3,h2
{ color:hotpink; }
p{
align:center;
color:blue;
size:5px;
}
li{
align:center;
color:red;
size:5px;
}
</style></head>
<body bgcolor="yellow">
<center><h1> Advantages of BPA in Computer Science</h1></center>
<h3>Automation continues to make news in the tech industry.It has applications all over the business world,from
Marketing to HR to Logistics and Supply chain operations.</h3>
<h2> Implications of automating computer science</h2>
<p> <b>Computer Science </b>is the study of both computer hardware and software design. computer science has
many branches, including <b>AI, SE, Programming and ComputerGraphics.</b></p>
17
<p>Automation in <b>CS</b> helps to create more efficient programmers and processes.
Developing automation in and through <b>CS </b>has helped to advance technology in several industries.</p>
<p><ol>
<li> <b>Transportation </b>: From self-driving cars to driverless trains and subways being developed in some
countries.</li>
<li><b>Healthcare</b>: Automatic medication refill reminders or using an AI app to screen initial symptoms.</li>
<li><b>Online Marketing </b>: Automation helps marketers tun message testing to see review of each products or
about brand.</li>
<li><b>Reporting</b> : Automated reports allow the right people to regularly and automatically receive the
information they need.</li>
<li><b>Customer Service</b> : Chatbots can provide a satisfactory interaction with the customers.</li>
</ol></p>
<h2>Automation in <b>CS</b> is a still-growing and developing technology.</h2>
</body>
</html>
OUTPUT:
OUTPUT
18
Program 16: Installation of Antivirus Software
Step 1: Insert the CD or DVD into the computer’s disc drive.Then the installation process will start
automatically with the help guide.
Step 2: If it is downloaded then find the file on your computer. If it is a zip file, unzip the file to
extract and access.
Step 3: Go to setup.exe or install.exe , then double-click the file.
Step 4: The install process provides recommended options so the antivirus program will function
properly.
Step 5: If prompted to install other software along with the antivirus program, uncheck all boxes or
decline the install of extra programs.
Step 6: When the install process is complete, close out install window.
Step 7: The antivirus program is now installed and ready to use. If it is required to restart your
computer so that any modified settings in the OS can take effect
Step 8: After installing , it is recommended to update with latest version.
Step 9: In many cases, the antivirus program automatically checks for and installs the latest updates.
19
OUTPUT
Program 14: Create user account and demonstrate us of google drive, Google docs ,Google Co-lab
Creating Google Account
Tip: You don't need a Gmail account to create a Google Account. You can use your non-Gmail email address to
create one instead.
Step 1: Go to the Google account Sign In page.
Step 2: Click Create account.
Step 3: Enter your name.
Step 4: In the "Username" field, enter a username.
Step 5: Enter and confirm your password.
Step 6: Click Next.
Step 7: Optional: Add and verify a phone number for your account.
Step 8: Click Next.
Using Google Drive: Get started with Google Drive
You get 15 GB of space in your Drive for free.
Step 1: Go to drive.google.com
On your computer, go to drive.google.com. You’ll see "My Drive," which has:
Files and folders you upload or sync
Google Docs, Sheets, Slides, and Forms you create
Step 2: Upload or create files
You can upload files from your computer or create files in Google Drive.
Upload files and folders to Google Drive
Work with Office files
Create, edit, and format Google Docs, Sheets, and Slides
20
Step 3: Share and organize files
You can share files or folders, so other people can view, edit, or comment on them.
Share files from Google Drive
Share folders from Google Drive
Make someone else the owner of a file
To see files that other people have shared with you, go to the "Shared with me"
When you share from Google Drive, you can control whether people can edit, comment on, or only view the
file. When you share content from Google Drive, the Google Drive program policies apply.
4. To change what people can do to your doc, on the right, click the Down arrow Viewer, Commenter,
or Editor.
5. Choose to notify people.
If you want to notify people that you shared a doc with them, check the box next to Notify people.
If you notify people, each email address you enter will be included in the email.
If you don't want to notify people, uncheck the box.
6. Click Share or Send.
21
2. Click Share or Share Get link.
3. Under “Get Link”, click the Down arrow .
4. Choose who to share the file with.
5. To decide what people can do with your file when you share it, select Viewer, Commenter, or Editor.
6. Click Copy link Done.
7. Copy and paste the link in an email or any place you want to share it.
Share a file publicly
1. Select the file you want to share.
People who aren't signed in to a Google Account show up as anonymous animals in your file.
Share & collaborate on a file with more than 100 people
Up to 100 people with view, edit, or comment permissions can work on a Google Docs, Sheets, or Slides file at the
same time. When more than 100 people are accessing a file, only the owner and some users with editing permissions
can edit the file.To share and collaborate on a file with more than 100 people:
Publish the file
If you need many people to view a file at once, publish it and create a link to share to viewers. You can
give edit access to people who need to edit or comment on the file.
To remove a file from the web, you must stop publishing it.
To stop sharing a file with collaborators, sharing permissions should be changed
Create a Google Site
Create a Google Site to share information with many people. You can embed documents, spreadsheets, and
presentations on the site, which can be viewed by a large amount of users
22
Anyone with the link: Anyone who has the link can use your file, without signing in to their Google
Account.
Restricted: Only people you share the file with will be able to use it.
Installing Libraries
Although most of the commonly used Python libraries are pre-installed, new libraries can be installed using the below
packages:
!pip install [package name]
OR
23
!apt-get install [package name]
Select the files for upload For multiple files, the individual key names can be obtained by looping through the
uploaded files.
for file in uploaded.keys():
print('Uploaded file "{name}" with length {length} bytes'.format(name=file, length=len(uploaded[file])))
OUTPUT
24
Program 17: Demonstration and hands on browser settings
chrome://settings
Step 1: Enable phishing and malware protection: Make sure that Chrome’s phishing and malware protection
feature is enabled under the “Privacy” section.
Step 2: Turn off instant search: The Instant search feature should be turned off for optimal security. having this
feature enabled means that anything you type in the address bar is instantly sent to Google.
Step 3: Don’t sync: Disconnect your email account from your browser under the “Personal Stuff” tab. Syncing your
email account with your Chrome browser means that personal information such as passwords, autofill data,
preferences, and more is stored on Google’s servers. If you must use sync, select the “Encrypt all synced data”
option and create a unique passphrase for encryption.
Step 4: Configure content settings: Click “Content settings” under the “Privacy” section and do the following:
Cookies: Select “Keep local data only until I quit my browser” and “Block third-party cookies and site
data.” These options ensure that your cookies will be deleted upon quitting Chrome and that advertisers
will not be able to track you using third-party cookies.
JavaScript: Select “Do not allow any site to run JavaScript.” It is widely recommended that JavaScript be
disabled whenever possible to protect users from its security vulnerabilities.
o Pop-ups: Select “Do not allow any site to show pop-ups.
o Location: Select “Do not allow any site to track my physical location.”
25
Configure passwords and forms settings: Disable Autofill and deselect “Offer to save passwords I
enter on the web” under the “Passwords and forms” section. Doing so will prevent Chrome from saving
your logins, passwords, and other sensitive information that you enter into forms.
OUTPUT
Program 18: Demonstration and hands on privacy settings and password policy
Step 1: Enforce Password history policy: It will set how often an old password can be reused.
Step 2: Minimum Password Age Policy: It determines how long users must keep a password before.
they can change it. Specific minimum age should be set from 3 to 7 days.
Step 3: Maximum Password Age Policy: It determines how long users can keep a password before
they are required to change it. To ensure network security, one should set the value to 90 days
for passwords and 180 days for passphrases.
Step 4: Minimum Password Length Policy: This policy determines the minimum number of
characters needed to create a password.
Step 5: Password must meet complexity requirements policy: These guidelines says , passwords
o Can not contain the user name or parts of the users’ full name, such as their first name.
o At least three of the four available character types such as lowercase letters, uppercase letters,
numbers and symbols.
Step 6: Reset Password : The local administrator password should be reset every 180 days for greater
26
security and service account password should be reset atleast once a year during maintenance
time.
Step 7: Use strong Passphrases: Strong passphrases with a minimum of 15 characters should always
Be used to protect domain administrator accounts.
Step 8: Enabling the password audit policy: It allows to track all password changes.
Step 9: E-mail Notifications: Create e-mail notifications prior to password expiry to remind users
when its time to change their passwords.
Step10: Store Password using reversible encryption for all users policy: It should be enabled on a per- user
basis and then only meet the users actual needs.
OUTPUT:
27