INTERNET TECHNOLOGIES LAB (IT)

 Program 1: Demonstrate E-Mail working (Sending ,Receiving, forward)

1. Sending an Email

Step 1: Log in to Your Email Account

• Open your web browser and go to the website of your email provider (e.g., Gmail, Outlook).
• Enter your email address and password to log in.

Step 2: Compose a New Email

• Click on the "Compose" button. In Gmail, this button is usually found on the left side of the screen.

Step 3: Fill in the Email Details

• To: Enter the recipient's email address.
• Subject: Enter the subject of your email.
• Body: Type your message in the body section.
• Optionally, you can add attachments by clicking on the paperclip icon and selecting the files you want to attach.

Step 4: Send the Email

• Once you have filled in all the details, click the "Send" button to send the email.

2. Receiving an Email

Step 1: Check Your Inbox

• After logging in, you will typically be directed to your inbox.
• New emails will appear at the top of your inbox. Emails that you have not yet read will usually be highlighted in bold.

Step 2: Open the Email

• Click on the email to open and read it.

3. Forwarding an Email

Step 1: Open the Email You Want to Forward

• Go to your inbox and click on the email you want to forward to open it.

Step 2: Click on the Forward Button

• In Gmail, this button looks like an arrow pointing to the right and is usually found at the bottom of the email. In Outlook, it is typically found at the top of the email.

Step 3: Enter Forwarding Details

• To: Enter the email address of the person you want to forward the email to.
• Body: You can add additional comments above the original email content if you wish.

Step 4: Send the Forwarded Email

• Click the "Send" button to forward the email.

Program 2. How to create, organize meeting in Zoom/ GoogleMeet

Zoom

1. Sign Up/Log In

• Visit Zoom's website: Go to zoom.us.
• Sign Up or Log In: If you don't have an account, click "Sign Up, It's Free." If you have an account, click "Sign In" and enter your credentials.

2. Schedule a Meeting

• Go to My Account: Once logged in, click on "My Account" at the top right corner.
• Schedule a Meeting: On the left sidebar, click "Schedule a Meeting."
• Fill in Meeting Details:
  • Topic: Enter the meeting topic.
  • Description: (Optional) Add a description.
  • When: Set the date and time.
  • Duration: Set the meeting duration.
  • Time Zone: Ensure the correct time zone is selected.
  • Meeting ID: Choose to generate automatically or use your personal meeting ID.
  • Security: Set a meeting passcode and enable waiting room if desired.
  • Video: Choose whether to start with the host's and participants' videos on or off.
  • Audio: Choose whether to allow telephone, computer audio, or both.
  • Meeting Options: Enable or disable options like allowing participants to join anytime, mute participants upon entry, etc.
• Save: Click "Save" to schedule the meeting.

3. Invite Participants

• Copy Invitation: After saving, click "Copy the invitation" and copy the meeting details.
• Send Invites: Paste the invitation details into an email or calendar invite and send it to your participants.

4. Start the Meeting

• Go to Meetings: On the left sidebar, click "Meetings."
• Start: Find your scheduled meeting and click "Start."

Google Meet

1. Sign Up/Log In

• Visit Google Meet: Go to meet.google.com.
• Sign In: Use your Google account to sign in. If you don’t have one, you’ll need to create a Google account.

2. Schedule a Meeting

• Using Google Calendar:
  • Open Google Calendar: Go to calendar.google.com.
  • Create Event: Click on the "+ Create" button.
  • Event Details:
    • Title: Enter the event title.
    • Date and Time: Set the date and time.
    • Add Guests: Enter the email addresses of your participants.
    • Add Google Meet Video Conferencing: Click on "Add Google Meet video conferencing."
  • Save: Click "Save" and then "Send" to send the invitations.

3. Instant Meeting

• Start a Meeting: On the Google Meet homepage, click "New meeting."
• Get a Meeting Link: Click "Get a meeting link to share."
• Share Link: Copy the meeting link and share it via email or chat with participants.
• Start the Meeting: Click "Join now" to start the meeting and let participants in.

Organizing the Meeting

Prepare an Agenda

• Create a detailed agenda and share it with participants before the meeting.

Set Up the Meeting Space

• Ensure you have a quiet space, good lighting, and all necessary materials ready.

Program 3: Create a form by using various attributes of the input tags (text box, multiline textbox, option button, check box)

<html>

<body>

<form action="/submit" method="post">

<label for="fname">First Name:</label><br>

<input type="text" id="fname" name="fname"><br><br>

<label for="description">Description:</label><br>

<textarea id="description" name="description"></textarea><br><br>

<label for="gender">Gender:</label><br>

<input type="radio" id="male" name="gender" value="male">

<label for="male">Male</label><br>

<input type="radio" id="female" name="gender" value="female">

<label for="female">Female</label><br>

<label for="interests">Interests:</label><br>

<input type="checkbox" id="Computer" name="interests" value="sports">

<label for="Hacking">Hacking</label><br>

<input type="checkbox" id="ctf" name="interests" value="music">

<label for="ctf">CTF</label><br>

<input type="submit" value="Submit">

</form>

</body>

</html>

Program 4: Create a simple HTML page by using some of the basic tags (hyperlink, marquee,image)

<html>

<body>

<h2>My Blog </h2>

<img src="image location.png">

<p><i>Learn New things</i>

<p>From creator <b>Venky</b> hey people this is my blog where i

will be updating the content of Technologies and Cybersecurity</p>

<p>content provided </p>

<ul>

<li>Android Hacking</li>

<li>System Hacking</li>

<li>Programming</li>

</ul>

<p>and here it provides the link of the blog which display all the

content of programming and cybersecurity and etc feel free to ask

your qurries and also share and you can visit my you tube channel

for the video representation

<a href="https://blackeye001.blogspot.com/">Blogpost</a> website.</p>

</body>

</html>

Program 5: Create a web page with multiple types of style sheet used in a single page

<html>

<head>

<title>My Web Page</title>

<link rel="stylesheet" type="text/css" href="style.css">

<style>

h1 {

color: blue;

}

p {

font-size: 18px;

}

</style>

<p style="font-weight: bold;">Anonymous!!!</p>

</head>

<body>

<h1>We Never Forgive</h1>

<p>We Never Forget expect Us.</p>

<p class="red-text">If you spend more on coffee than on IT

security, you will be hacked..</p>

<p>Yes, I am a criminal. ....</p>

<p style="color: green;">Amateurs hack systems, professionals

hack people,No technology that's connected to the Internet is unhackable.</p>

</body>

</html>

Program 6. Write a CGI sample program to send output back to the user(for linux )

In This post i will be showing how to do run cgi program in linux based system

step1: open terminal

step2: Enter the below command in terminal

"lsb_release -d ; hostname -I ; hostname"

step3: Next command

"sudo apt-get update ; apt-get install python3 python3-pip apache2"

step4:enable cgid

"sudo a2enmod cgig"

step5:Write th code in bin directory by using below command

"sudo nano /usr/lib/cgi-bin/test.py "

step6:Enable permission by below command

"chmod 755 /usr/lib/cgi-bin/test.py"

step7:Now restart apache server by below command

" sudo systemctl restart apache2.service ; systemctl status apache2"

Then run the in you browser by entering your local host address

eg:127.0.0.1/cgi-bin/test.py

It gives the output

System addreess and cgi-bin/test.py

Program 7. Create Time-Table using table tag

<html>

<head>

<title>Time Table</title>

</head>

<body

<h2>Weekly Classes</h2>

<table border="1">

<tr>

<th>Day</th>

<th>9:00-10:00</th>

<th>10:00-11:00</th>

<th>11:00-12:30</th>

</tr>

<tr>

<td>Monday</td>

<td>Internet Technologies</td>

<td>Software Engineering</td>

<td>The Design And Analysis of Algorithm</td>

</tr>

<tr>

<td>Tuesday</td>

<td>Internet Technologies</td>

<td>Software Engineering</td>

<td>The Design And Analysis of Algorithm</td>

</tr>

<tr>

<td>Wednesday</td>

<td>Internet Technologies</td>

<td>Software Engineering</td>

<td>The Design And Analysis of Algorithm</td>

</tr>

<tr>

<td>Thursday</td>

<td>Internet Technologies</td>

<td>Software Engineering</td>

<td>The Design And Analysis of Algorithm</td>

</tr>

<tr>

<td>Friday</td>

<td>Internet Technologies</td>

<td>Software Engineering</td>

<td>The Design And Analysis of Algorithm</td>

</tr>

</table>

</body>

</html>

Program 8: Creation of Frames in browser window using HTML.

Create 4 html files

* menu.html

<!Doctype html>

<html>

<body>

<h2>Menu</h2>

<u1>

<li>Android Hacking</li>

<li>Free course</li>

<li>Python</li>

<li>Networking</li>

</u1>

</body>

</html>

*info.html

<!Doctype html>

<html>

<body>

<h2>Info</h2>

<p>About author my self venkatesh s i'm a BCA graduate

student i have made this blog to help you regarding "cybersecurity"

and "Technolog Content" contact:blackeye0001@youtube</p>

</body>

</html>

*content.html

<!Doctype html>

<html>

<body>

<h2>Content</h2>

<p> Hey Viewers i will be providing the content of Ethical Hacking and Technology related things so enjoy the content!!</p>

</body>

</html>

>Main.html

<!Doctype html>

<html>

<frameset cols="20%,40%,20%">

<frame src="/home/godfather/Desktop/menu.html"name="menu_frame">

<frame src="/home/godfather/Desktop/content.html"name="content_frame">

<frame src="/home/godfather/Desktop/info.html"name="info_frame">

</html>

Progarm 9. Write a java script program to create dialogue boxes using alert, confirm and prompt

methods

<html>

<head>

<title>Dialog Box Example</title>

<script>

function showAlert() {

alert("Black eye");

}

function showConfirm() {

var result = confirm("Do you want to continue?");

if (result) {

alert("You clicked OK!");

} else {

alert("You clicked Cancel!");

}

}

function showPrompt() {

var name = prompt("Enter your name to black eye");

if (name) {

alert("Hello, " + name + "!");

} else {

alert("You didn't enter a name!");

}

}

</script>

</head>

<body>

<h1>Dialog Box Example</h1>

<button onclick="showAlert()">Show Alert</button>

<button onclick="showConfirm()">Show Confirm</button>

<button onclick="showPrompt()">Show Prompt</button>

</body>

</html>

Program 10. Write a java script program on Form Validations.

<html>

<head>

<title>Form Validation Example</title>

<script>

function validateForm() {

var name = document.forms["myForm"]["name"].value;

var email = document.forms["myForm"]["email"].value;

var password = document.forms["myForm"]["password"].value;

if (name == "") {

alert("Name must be filled out");

return false;

}

if (email == "") {

alert("Email must be filled out");

return false;

}

if (password == "") {

alert("Password must be filled out");

return false;

}

if (password.length < 6) {

alert("Password must be at least 6 characters long");

return false;

}

alert("Registration successful.")

return true;

}

</script>

</head>

<body>

<h1>Form Validation Example</h1>

<form name="myForm" onsubmit="return validateForm()">

<label for="name">Name:</label>

<input type="text" name="name" id="name">

<label for="email">Email:</label>

<input type="email" name="email" id="email">

<label for="password">Password:</label>

<input type="password" name="password" id="password">

<button type="submit">Submit</button>

</form>

</body>

</html>

Program 11: Write a java script program to perform four arithmetic operations: Addition, Subtraction,Multiplication and Division on two numbers.

<html>

<head>

<title>Arithmetic Operations Example</title>

<script>

function performOperation() {

var num1 = document.getElementById("num1").value;

var num2 = document.getElementById("num2").value;

var operation = document.getElementById("operation").value;

var result;

if (operation == "add") {

result = Number(num1) + Number(num2);

} else if (operation == "subtract") {

result = Number(num1) - Number(num2);

} else if (operation == "multiply") {

result = Number(num1) * Number(num2);

} else if (operation == "divide") {

result = Number(num1) / Number(num2);

}

document.getElementById("result").innerHTML = result;

}

</script>

</head>

<body>

<h1>Arithmetic Operations Example</h1>

<label for="num1">Number 1:</label>

<input type="number" name="num1" id="num1">

<label for="num2">Number 2:</label>

<input type="number" name="num2" id="num2">

<label for="operation">Operation:</label>

<select name="operation" id="operation">

<option value="add">Addition</option>

<option value="subtract">Subtraction</option>

<option value="multiply">Multiplication</option>

<option value="divide">Division</option>

</select>

<button type="button" onclick="performOperation()">Perform Operation</button>

<p>Result: <span id="result"></span></p>

</body>

</html>

Program 12: Create a web site of our College.

Create 4 html files

*index.html

<html>

<head>

<title>BlackEye Institution</title>

<style>

body{

font-family: Georgia , sans-serif;

}

header{

background-color:#5c5656;

padding: 100px;

text-align: center;

}

nav{

background-color:#fc897e;

margin: 20px 0;

text-align: center;

}

nav a{

background-color:#f2c4bf;

margin: 0 15px;

}

</style>

</head>

<body>

<header>

<img src="/home/godfather/Pictures/blackeye.png " alt="BlackEye Institution"

width="200">

<h1>BlackEye Institution</h1>

<p>#391 7th Cross, Bhuvaneshwari Nagar, R T Nagar post Bangalore</p>

</header>

<nav>

<a href="/home/godfather/Desktop/index12.html">Home</a>

<a href="/home/godfather/Desktop/about12.html">About Us</a>

<a href="/home/godfather/Desktop/course12.html">Courses</a>

<a href="/home/godfather/Desktop/contact12.html">Contact Us</a>

</nav>

<main>

<h2>Welcome to BlackEye Institution</h2>

<p>We also provide training on Computer based courses conducted by

Blackeye Securities</p>

</main>

</body>

</html>

*about.html

<html>

<head>

<title>About us</title>

</head>

<body>

<h1>About us</h1>

<p>Blackeye Institution was founded in the year 2020 with the aim

to provide best quality of courses to the students provided by

experts in top most companies</p>

</body>

</html>

*course.html

<html>

<head>

<title>About us</title>

</head>

<body>

<h1>Courses</h1>

<h2>Networking</h2>

<h3>OWSAP</h3>

<h4>Bug-Bounty</h4>

</body>

</html>

*contact.html

<html>

<head>

<title>Contact us</title>

</head>

<body>

<h1>Contact Us</h1>

<p>Address:#391 6th Cross, Bhuvaneshwari Nagar, R T Nagar post Bangalore</p>

<p>Phone:080-123456,789101112

<p>Email:blackeye@security.com</p>

</body>

</html>