ASP.

NET
ASP.NET is a web development platform, which provides a programming model, a comprehensive
software infrastructure and various services required to build up robust web applications for PC, as
well as mobile devices.
ASP.NET works on top of the HTTP protocol, and uses the HTTP commands and policies to set a
browser-to-server bilateral communication and cooperation.
ASP.NET is a part of Microsoft Net platform. ASP.NET applications are compiled codes, written using
the extensible and reusable components or objects present in .Net framework. These codes can use
the entire hierarchy of classes in .Net framework.
The ASP.NET application codes can be written in any of the following languages:
• C#
• Visual Basic.Net
• Javascript
• J#
ASP.NET is used to produce interactive, data-driven web applications over the internet. It consists of a
large number of controls such as text boxes, buttons, and labels for assembling, con guring, and
manipulating code to create HTML

fi
 ASP.NET Web Forms Model
ASP.NET web forms extend the event-driven model of interaction to the web
applications. The browser submits a web form to the web server and the server
returns a full markup page or HTML page in response.
All client side user activities are forwarded to the server for stateful processing. The
server processes the output of the client actions and triggers the reactions.
 ASP.NET Web Forms Model
ASP.NET web forms extend the event-driven model of interaction to the web applications. The browser submits a web
form to the web server and the server returns a full markup page or HTML page in response.
All client side user activities are forwarded to the server for stateful processing. The server processes the output of the
client actions and triggers the reactions.
Now, HTTP is a stateless protocol. ASP.NET framework helps in storing the information regarding the state of the
application, which consists of:
Page state
Session state
The page state is the state of the client, i.e., the content of various input elds in the web form. The session state is the
collective information obtained from various pages the user visited and worked with, i.e., the overall session state. To
clear the concept, let us take an example of a shopping cart.
User adds items to a shopping cart. Items are selected from a page, say the items page, and the total collected items and
price are shown on a di erent page, say the cart page. Only HTTP cannot keep track of all the information coming from
various pages. ASP.NET session state and server side infrastructure keeps track of the information collected globally
over a
ff
fi
 Components of .Net Framework 3.5
Before going to the next session on Visual Studio. Net, let us go through at the various components of the .Net framework 3.5.
The following table describes the components of the .Net framework 3.5 and the job they perform:
Components and their Description
(1) Common Language Runtime or CLR
It performs memory management, exception handling, debugging, security checking, thread execution, code execution, code
safety, veri cation, and compilation. The code that is directly managed by the CLR is called the managed code. When the
managed code is compiled, the compiler converts the source code into a CPU independent intermediate language (IL) code. A
Just In Time(JIT) compiler compiles the IL code into native code, which is CPU speci c.
(2) -Net Framework Class Library
It contains a huge library of reusable types. classes, interfaces, structures, and enumerated values, which are collectively called
types.
(3) Common Language Speci cation
It contains the speci cations for the .Net supported languages and implementation of language integration.
(4) Common Type System
It provides guidelines for declaring, using, and managing types at runtime, and cross-lanquage communication.
fi
fi
fi
fi
(5) Metadata and Assemblies
Metadata is the binary information describing the program, which is either stored in a portable executable le (PE) or in the memory. Assembly is a logical
unit consisting of the assembly manifest, type metadata, IL code, and a set of resources like image les.
(6) Windows Forms
Windows Forms contain the graphical representation of any window displayed in the application.
(7) ASP.NET and ASP.NET AJAX
ASP.NET is the web development model and AJAX is an extension of ASP.NET for developing and implementing AJAX functionality. ASP.NET AJAX
contains the components that allow the developer to update data on a website without a complete reload of the page.
(8) ADO.NET
It is the technology used for working with data and databases. It provides access to data sources like SQL server, OLE DB, XML etc. The ADO.NET allows
connection to data sources for retrieving, manipulating, and updating data.
(9) Windows Work ow Foundation (WF)
It helps in building work ow-based applications in Windows. It contains activities, work ow runtime, work ow designer, and a rules engine.
(10) Windows Presentation Foundation
It provides a separation between the user interface and the business logic. It helps in developing visually stunning interfaces using documents, media, two
and three dimensional graphics, animations, and more.
(11) Windows Communication Foundation (WCF)
It is the technology used for building and executing connected systems.
(12) Windows CardSpace
It provides safety for accessing resources and sharing personal information on the internet.
(13) LINQ
It imparts data querying capabilities to .Net languages using a syntax which is similar to the tradition query language SQL.
fl
fl
fl
fi
fl
fi
 VISUAL STUDIO
Visual Studio is an integrated development environment (IDE) developed by Microsoft. It is used to
develop computer programs including websites, web apps, web services and mobile apps. Visual Studio
uses Microsoft software development platforms including Windows API, Windows Forms, Windows
Presentation Foundation (WPF), Microsoft Store and Microsoft Silverlight. It can produce both native
code and managed code.
Visual Studio includes a code editor supporting IntelliSense (the code completion component) as well as
code refactoring. The integrated debugger works as both a source-level debugger and as a machine-level
debugger. Other built-in tools include a code pro ler, designer for building GUI applications, web
designer, class designer, and database schema designer. It accepts plug-ins that expand the functionality
at almost every level-including adding support for source control systems (like Subversion and Git) and
adding new toolsets like editors and visual designers for domain-speci c languages or toolsets for other
aspects of the software development lifecycle (like the Azure DevOps client: Team Explorer).
fi
fi
Visual Studio supports 36 di erent programming languages [citation needed and
allows the code editor and debugger to support (to varying degrees) nearly any
programming language, provided a language-speci c service exists. Built-in languages
include C,61 C++, C++/CLI, Visual Basic NET, C#, F#,17) JavaScript, TypeScript, XML,
XSLT, HTML, and CSS. Support for other languages such as Python, 18) Ruby, Node.js,
and M among others is available via plug-ins. Java (and J#) were supported in the
past.
The most basic edition of Visual Studio, the Community edition, is available free of
charge. The slogan for Visual Studio Community edition is "Free, fully-featured IDE
for students, open-source and individual developers". As of February 19, 2024, Visual
Studio 2022 is a current production-ready version. Visual Studio 2013, 2015 and 2017 are
on Extended Support, while 2019 is on Mainstream Support. 9]
ff
fi
 HEADING TAG
<!DOCTYPE html>
<html>
<body>
<h1>SAHIL</h1>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
 <HR> AND <BR> TAG
<!DOCTYPE html>
<html>
<body>
<h1>The Main Languages of the Web</h1>
<p>HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page, and consists of a series of
elements.
HTML elements tell the browser how to display the content. </p>
<hr>
<p>CSS is a language that describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work,
because it can control the layout of multiple web pages all at once.
<br>
<br>
JavaScript is the programming language of HTML and the Web. JavaScript can change HTML content and attribute values. JavaScript can
change CSS.
JavaScript can hide and show HTML elements, and more.</p>
</body>
</html>
 IMAGE TAG
<! DOCTYPE html>
<html>
<body>
<h2>HTML Image</h2>
<img src="pic_trulli.jpg" alt="Trulli" width="500" height="333">
</body>
</html>
 ORDERED AND UNORDERED LIST
<!DOCTYPE html>
<html>
<body>
<h2>An Unordered HTML List</h2>
<ul>
<li>Co ee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<h2>An Ordered HTML List</h2>
<ol>
<li>Co ee</li>
<li>Tea</li>
<li>Milk</li>
</01>
</body>
ff
ff
 TABLE
<!DOCTYPE html>
<html>
<body>
<table>
<tr>
<th>Firstname</th>
<th>roll no</th> <th>class</th> <th>marks</th>
</tr>
<tr>
<td>sahil</td>
<td>1369</td>
<td>BCA</td>
<td>100</td>
</tr>
<tr>
<td>amit</td>
<td>1436</td>
<td>BCA</td>
<td>101</td>
</tr>
<tr>
<td>nitika</td>
<td>569</td>
<td>BCA</td>
<td>90</td>
</tr>
</table>
</body>
</html>
 REGISTRATION FORM
<!DOCTYPE html>
<html>
<head>
‹meta name="viewport" content="width=device-width, initial-scale=1">
</head> <body>
‹form action="/action_page.php">
«div class="container">
<h1>Register</h1>
<p>Please ll in this form to create an account. ‹/p>
<hr>
<label for=“email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" id="email" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" id="psw" required>

<div class="container signin">

<p>Already have an account? ‹a href="#">Sign in</a>.</p> </div> </form>
</body> </html>
fi
<label for=“psw-repeat”><b>repeat password</b></label>
<input type=“password” placeholder=“repeat password” name=“psw-repeat” id=“psw-repeat”
required>
<hr>
‹p>By creating an account you agree to our <a href="#">Terms & Privacy</a>.</p>
<button type="submit" class="registerbtn">Register</button>
</div>
<div class="container signin">
<p>Already have an account? ‹a href="#">Sign in</a>.</p> </div> </form>
</body> </html>
 TABLE ROWSPAN AND COLSPAN
<! DOCTYPE html> <html>
<head>
</head> <body>
<table border="3">
<tr>
<th>name</th> <th>class</th>
<th colspan="2">registration no.</th> <th colspan="3">subjects</th>
</tr>
<tr>
<td>sahil</td>
<td>BCA</td>
<td colspan="2">12201369</td> <td rowspan="3">maths</td>
<td rowspan="3">HTML </td>
<td rowspan="3">python</td>
</tr>
</table>
 IMAGE HOVER
<!DOCTYPE html>
<html lang="en">
<head>
‹meta charset="UTF-8">
‹meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Image Zoom on Hover</title> ‹style>
• image-container 1 width: 300px;
margin: 50px auto;
img i
width: 100%;
transition: transform 0.55 ease;
img: hover {
transform: scale(1.2);
</style>
</head> <body>
‹div class="image-container">
<img src="https://via.placeholder.com/300" alt="Placeholder Image">
</div>
</body> </html>
 LIST USING CSS
<html lang="en">
<head>
‹meta charset="UTF-8">
‹meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS Dropdown Menu</title>
<style>
ul {
list-style-type: none;
padding: 0;
}li {
background-color: #4CAF50; color: white; padding: 10px;
position: relative;
width: 150px;
text-align: center;
i:hover 1
background-color: #45a049;
fl
} li ul {
display: none;
position: absolute;
top: 100%;
left: 0; } li:hover ul ‹ display: block;
} li ul li {
background-color: #555;
} li ul li:hover ‹
background-color: #666;
</style>
</head> <body>
<ul>
<li>Menu
<ul>
<li>Option 1</li> <li>Option 2</li> <li>Option 3</li>
</ul>
</li>
</ul>
</body> </htm l>
 Hover over the page to change the background colour!
<!DOCTYPE html>
<html lang="en">
<head>
‹meta charset="UTF-8">
‹meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hover Background Change</title> <style>
body {
height: 100h; display: ex;
justify-content: center; align-items: center; background-color: lightblue;
body: hover {
background-color: lightcoral;
}
</style>
</head> <body>
Hover over the page to change the background color!
</body> </html>
fl
 SERVICES PROVIDE BY HOSPITAL
<html lang="en" >
<head>
<meta charset="UTF-8">
‹meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>XYZ Hospital</title>
</head>
‹body>
<header>
<h1>XYZ Hospital</h1>
</header>
<nav>
<a href="#home"> Home</a> |
‹a href="#services">Services</a> I «a href="#doctors"> Doctors</a> l «a href="#contact"> Contact</
a>
</nav>
<section id="home">
<h2>Welcome to XYZ Hospital</h2>
‹p>Providing quality healthcare services since Lyear].</p>
</section>
«section id="services">
<h2>Our Services</h2>
‹ul>
‹li>Emergency Care</li>
‹li>Inpatient Services</li>
‹li>Outpatient Services</li> ‹li>Specialized Clinics</li>
‹/ul>
</section>
<section id="doctors">
<h2>Our Doctors</h2>
‹p>Meet our team of experienced and dedicated healthcare professionals.</p>
<!-- Add more details or pro les of doctors --›
</section>
‹section id="contact">
<h2>Contact Us</h2>
<p>Address: [Hospital Address]</p>
<p>Phone: Hospital Phone Number</p>
‹p>Email: [Hospital Email]</p>
fi