21
Experiment-1 Objective: Design a static home page using basic HTML tags. Solution: <html><head><title>Web Designing</title></head> <body bgcolor="black"> <font face="Bradley Hand ITC" color="white" size="5">You are learning Web Designing</font> <font face="Cooper Black" color="green" size="4">You are learning Web Designing</font> <font face="broadway" color="red" size="6">You are learning Web Designing</font> <font face="Aerial" color="yellow" size="8"> You are learning Web Designing</font> <font face="Comic Sans MS" color="purple" size="10"> You are learning Web Designing</font> </body></html> Page 1 of 21 Pooja Kelodia 0536cs111011

Experiment

Embed Size (px)

DESCRIPTION

mmklmdsk

Citation preview

Experiment-1Objective: Design a static home page using basic HTML tags.Solution:Web Designing

You are learning Web Designing

You are learning Web Designing

You are learning Web Designing

You are learning Web Designing

You are learning Web Designing

Output:

Experiment-2Objective: Design a table using basic HTML tags.Solution:Web Designing


TABLE TITLE Column A Column B Data 1 Data 2

Output:

Experiment-3Objective: Design a form using basic HTML tags.Solution:Web Designing

Name: E-mail: Message:

Output:

Experiment-4Objective: Design a simple interest calculator using JavaScript.Solution:

Simple Interest Calculator

function calc(){var principal = parseInt(document.getElementById(principal).value);var rate = parseFloat(document.getElementById(rate).value);var months = document.getElementById(months).value;var days = document.getElementById(days).value;

var totalmonths =months+(days/30);

var final_si=parseFloat((principal*rate*totalmonths)/100);document.getElementById(final_si).innerHTML=Total Simple Interest: +final_si+
Total(P+I)+principal+++final_si+=+(principal+final_si);}

Simple Interest Calculator

Principal(P):Rate(R) of interest:(EX: per 100 Rupees)Duration(T):Months:Days:>All Rights Reserved By Madhu Bheemagani Goud

Output:

Experiment-5Objective: Design a simple form and validate textbox for email and alphabetic characters using JavaScript.Solution:

function Empty(element, AlertMessage){if(element.value.trim()== ""){alert(AlertMessage);element.focus();return false;}alert("Textbox Validation: Successful.")return true;}

Enter any value or left blank:

Output:

Experiment-6Objective: Design a simple form and validate for password and phone no.Solution: using JavaScript.

function isValid(){var password = document.getElementById('password').value;if (password == "rawr"){alert('Correct!')}else{alert('Wrong Password')}}

Password:

Output:

Experiment-7Objective: Add style to a web page using CSS.Solution:

My first styled page

body { padding-left: 11em; font-family: Georgia, "Times New Roman", Times, serif; color: purple; background-color: #d8da3d } ul.navbar { position: absolute; top: 2em; left: 1em; width: 9em } h1 { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }

  • Home page
  • Musings
  • My town
  • Links

My first styled page

Welcome to my styled page!

It lacks images, but at least it has style.And it has links, even if they don't goanywhere

There should be more here, but I don't knowwhat yet.

Made 3 april 2015
by Pooja Kelodia.

Output:

Experiment-8Objective: HOW Configuration of Web Servers.Solution:1. Click Start, point to Administrative Tools, and then click Internet Information Services (IIS) Manager.2. In the console tree, double-click ADFSWEB, double-click Sites, and then click Default Web Site.3. In the Actions pane, click Bindings.4. In the Site Bindings dialog box, click Add.5. In Type, click https.6. Under SSL certificate, click adfsweb, click OK, and then click Close.7. In the center pane, double-click SSL Settings, select the Require SSL check box.8. Under Client certificates, click Accept, and then click Apply.

Experiment-9Objective: Design a static web page using internal CSS.Solution:

body { background-color: #d0e4fe;}

h1 { color: orange; text-align: center;}

p { font-family: "Times New Roman"; font-size: 20px;}

Internal CSS ExampleThis is a paragraph.

Output:

Page 1 of 19Pooja Kelodia 0536cs111011