To

ASP.NET
Dr
op
Im
ag
e
Introduction

He
re

Dr
ag
Dr an
ag d
an Dr
d op
Dr Im
op
op Im
ag
Im e
ag He
e re
He
re
DIANA VICTORIA

Dr
ag
Dr an
ag d
an Dr
d op
D
 Topic & Structure of The Lesson

Types of Websites ASP.NET

o Browser and web server o Functionalities
operation o Language support
o Static and dynamic web o Object-oriented
request o Window and IIS

.NET ASP.NET Web Development

o .NET Framework o Web Form
o .NET Components o UI Control
o Features o Form Validation
o Pros and Cons

01 02 03 04
s
 Static Web Pages

Definition
Static web pages are simple and written in the HTML
language and stored in web server.

Request Process
Whenever server receives a request regarding a web page, it
sends a response along with the requested web page to the client
without performing any additional processing. It just locates that
page on its hard disk and add HTTP headers and reply back an
HTTP response.
 Dynamic Web Pages

Definition
Dynamic web pages are complex and written in the server-side
scripting language and stored in web server.

Request Process
The web server calls a program located on the hard disk which
can access a database, perform transaction procedure, etcetera.
The application program produces HTML output, which is used
to construct an HTTP response by the web server. The web
server sends the HTTP response thus created, back to the web
browser.
Dynamic vs Static Website
Your Title Text Goes Here

Comparisons
Dynamic Websites Static Websites
It is complex to construct and design. It is simple to construct.
Server-side scripting allows the server to generate Static web pages are difficult to alter because it requires
unique content each time the page is loaded with the the change to be implemented at each point manually.
same source code.
Dynamic web pages are created using CGI (Common Static web page involves technology such as HTML,
Gateway Interface) and languages like AJAX, C#, PERL, JavaScript, CSS, etcetera for its construction.
PHP, etcetera server-side scripting languages
The page content in dynamic web pages changes The static web pages display the same content each
according to the user. time when someone visits it.
A database is used in at the server end in a dynamic web In contrast, There is no database used in a static web
page. page.
Dynamic web pages take more time while loading. HTML pages can be loaded quickly by consuming less
time.

Dynamic vs Static Website

Concept of WebForm CSS

HTML

WebForm
Drag and Drop Image Here .NET
A software development framework
and ecosystem for desktop and web
application engineering.
It consists of .NET Framework, .NET
Core, Xamarin, and Universal
Windows Platform (UWP)

Drag and Drop Image Here

ASP.NET
It is used to develop dynamic
websites and web applications.
 Pros and Cons of .NET

The Depreciation Memory Leak Steep Learning

of the Issues Curve
Original .NET
Framework

The Ease of
Light-Weight Cross-Platform Solution for Deployment and Great
Nature Development Enterprises Maintenance Documentation
 Enterprise
-scale
Scalable Infrastruct
Product ure

When
to Cross
use .NE Platform
T? Need
 Includes
Multi-tier, optimizations
database- for
intensive performance,
applications testing and
Introduction security

to ASP.NET XHTML
ASPX files documents
• Static
What is ASP.NET?
• ASP.NET is a server side scripting technology that enables scripts
(embedded in web pages) to be executed by an Internet server.

• ASP stands for Active Server Pages

• ASP.NET is a program that runs inside IIS

• IIS (Internet Information Services) is Microsoft's Internet server

• IIS comes as a free component with Windows servers

• ASP.NET 4.5 improves upon ASP.NET by adding support for

several new features.
ASP.NET File

• An ASP.NET file is just the same as an HTML file

• An ASP.NET file can contain HTML, XML, and scripts

• Scripts in an ASP.NET file are executed on the server

• An ASP.NET file has the file extension ".aspx"

 VISUAL BASIC .NET: Visual Basic .net (VB.net) is a
modern version of the venerable basic programming
language. basic was originally intended as a limited
language designed for beginners, but the current version
of visual basic is as powerful a language as you’ll find.

Language C#: C# (pronounced c-sharp) is a relatively new language

designed by microsoft specifically for .net. its syntax is
similar to java, so if you’re an experienced java
Support programmer, you won’t have much trouble learning C#.

J#: Microsoft’s version of Java. It isn’t used much for

ASP.NET development.
Windows and IIS Dependence

• ASP.NET will only work on Microsoft Windows–

based Web servers.
• That means the operating system must be a
recent version of Windows, and the HTTP server
software must be Microsoft’s Internet
Information Services, also known as IIS.
 • Visual Studio organizes the files of an ASP.NET application
by using logical containers called projects and solutions.
• A project is a container that holds all files related to a
single ASP.NET application — including the .aspx files
Creating Your that define the application’s Web pages, the code-
behind files that provide the code executed when the
First ASP.NET application runs, and other files used by the
application.
Application • A solution is a container that can hold one or more
projects. Solutions let you group related applications.
• Most solutions contain just a single project. In fact,
when you create a new Web application, Visual Studio
creates two containers: a project to hold the
application’s files and a solution to hold the project.
 • Alternative method of
adding scripts to make
static content dynamic
• Not included in the .aspx
file
• Must be compiled first
• Two source files:
• The markup file (or
Code-Behind the .aspx file)
defines the
Approach appearance of the
Web page.
• The code-behind file
(or the .aspx.cs
or .aspx.vb file)

• aspx.designer.cs file
contains all the
definition of the
controls that are being
used by the page.
Object Oriented
• ASP.NET is inherently object-oriented.
• If you’re familiar with programming and have worked with
object-oriented programming languages such as C++ or
Java, you’ll appreciate the benefits immediately.
• A major attraction of ASP.NET’s object orientation is that it
allows you to take advantage of a vast library of predefined
classes known as the .NET Framework.
Visual Studio
• One of the best features of ASP.NET is Visual Studio, the
integrated development environment that combines a
Web-page editor, a code editor, a debugger, and several
other development tools into one easy-to-use program.
• The more you work with Visual Studio, the more you come
to appreciate the many ways it simplifies the job of creating
ASP.NET Web applications.
 • Scripting delimiters <% and %>
• Wrapped around C# or VB.NET code
• Compiled and executed on the server
A Simple • @ Page directive
• Specifies information needed by CLR (Common
ASP.NET Language Runtime) to process file
• Language attribute
Example • Specifies C# or VB.NET as scripting language
• runat attribute with value “server”
• Indicates script should be processed on server
A Simple ASP.NET Example
Object Name Description
Request Used to access information passed by an
HTTP request.
Response Used to control the information sent to the
client.
Server Used to access methods and properties on the
server.
Commonly used ASP.NET objects.
Web Forms
• <form> tag
• Designate ASP.NET Web Form

• Web controls
• Web server controls
• Form-like controls such as drop-down lists and text
boxes
• Validation controls (validators)
• Required field validator
• Range validator
• etc
 ASP.NET Controls

• ASP.NET contains a large set of HTML controls. Almost all

HTML elements on a page can be defined as ASP.NET control
objects that can be controlled by scripts.

• ASP.NET also contains a new set of object oriented input

controls, like programmable list boxes and validation controls.

• The controls use syntax such as the following:

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Button" />
 Web Controls
• Text and Graphics Control
• Label, Button, TextBox, Image
RadioButtonList and
DropDownList
We b C o ntro l De sc rip tio n
Label Displays text that the user cannot edit.

Button Triggers an event when clicked.

TextBox Gathers user input and displays text.
Image Displays images (e.g., GIF and JPG).
RadioButtonList Contains a grouping of radio buttons.
DropDownList Displays a drop-down list of choices from which the user can select
one item.
C o m m o nly use d We b c o ntro ls.
Validation Controls
 Determines whether the data in another Web
control are in the proper format
 Validates user input

Server Control Description

RequiredFieldValidator Checks that the user does not leave a
field blank.
CompareValidator Compares an input value with
another value. The value being
compared to may be another
control’s input value.
RangeValidator Checks that a user’s entry is within a
specified range.
RegularExpressionValidator Checks that the entry matches a
regular expression pattern.
ValidationSummary Displays the validation errors for all
the validation controls on a page.
Validation server controls.
 Summary of Main Teaching Points

• Types of websites
• .Net
• ASP.Net
• Form Controls
• Validators
• Visual Studio
Q&A
“Experience
is a hard teacher
because
she gives the test first,
the lesson afterward.”

―Vernon Sanders Law