WEB PROGRAMMING WITH
MICROSOFT VISUAL STUDIO 2013
WEEK1
Introduction to ASP.NET
Explore ASP.NET Web applications in Microsoft Visual
Studio 2013.
ASP.net
 ASP.NET is a framework for creating web sites, apps and services with
HTML, CSS and JavaScript.
 "ASP.NET is a technology for building powerful, dynamic Web
applications and is part of the .NET Framework".
 .NET is language independent, which means you can use any .NET
supported language to make .NET applications. The most common
languages for writing ASP.NET applications are C# and VB.NET
.NET framework
The .NET Framework (pronounced “dot net”) is a software
framework that runs primarily on Microsoft Windows. It includes a
large library and supports several programming languages which
allow language interoperability (each language can use code written
in other languages). The .NET library is available to all the
programming languages that .NET supports. Programs written for the
.NET Framework execute in a software environment, known as the
Common Language Runtime (CLR), an application virtual machine
that provides important services such as security, memory
management, and exception handling. The class library and the CLR
together constitute the .NET Framework.
Microsoft Visual Studio
Microsoft Visual Studio is an integrated development
environment (IDE) from Microsoft. It can be used to develop console
and graphical user interface applications along with Windows Forms
applications, web sites, web applications, and web services in both
native code together with managed code for all platforms supported
by Microsoft Windows, Windows Phone, Windows CE, .NET
Framework, .NET Compact Framework and Microsoft Silverlight.
Visual Studio IDE Overview
 The Visual Studio IDE
(interactive development
environment) can increase
your productivity when
you write, debug, and test
code.
Visual Studio IDE Overview
The primary windows in Visual
Studio include
 the Solution Explorer,
 the Server
Explorer (Database
Explorer in Express),
 the Properties Window,
 the Toolbox,
 the Toolbar, and
 the Document Window.
Visual Studio IDE Overview
 After you open Visual Studio, you can
identify the tool windows, the menus
and toolbars, and the main window
space. Tool windows are docked on
the left and right sides of the
application window, with Quick
Launch, the menu bar, and the
standard toolbar at the top. In the
center of the application window is the
Start Page. When you load a solution
or project, editors and designers
appear in the space where the Start
Page is. When you develop an
application, you’ll spend most of your
time in this central area.
Visual Studio IDE Overview
 You can make additional
customizations to Visual
Studio, such as changing the
font face and size of the text
in the editor or the color
theme of the IDE, by using
the Options dialog box.
Depending on the settings
combination that you’ve
applied, some items in that
dialog box might not appear
automatically. You can make
sure that all possible options
appear by choosing
the Show all settings check
box.
To change the color theme of the IDE
.
 Open the Options dialog box by choosing the Tools menu at the top and then
the Options … item
 Open the Options dialog box by choosing the Tools menu at the top and then
the Options … item
Creating the Project
1.
2.
3.
4.
Open Visual Studio.
Select New Project from the File menu in Visual Studio.
Select the Templates -> Visual C# -> Web templates group on the left.
Choose the ASP.NET Web Application template in the center column.
Creating the Project
 5. Name your project choose the OK but
Creating the Project
6. Next, select the Web Forms template and chooks the Create Project button.
Creating the Project
 The project will take a little time to create. When it’s ready, open the Default.aspx page.
Different Views in Visual Studio IDE
 Design View
Design view displays ASP.NET Web pages, master pages,
content pages, HTML pages, and user controls using a
near-WYSIWYG view.
 Source View
To switch between Design view and Source view by selecting an
option at the
bottom of the center window. Source view
displays the HTML markup for your
Web page, which you can
edit.
Understanding the ASP.NET Frameworks
ASP.NET offers four primary development frameworks:
 ASP.NET Web Forms
The Web Forms framework targets developers who prefer declarative and control-based
programming, such as Microsoft Windows Forms
 ASP.NET MVC
ASP.NET MVC targets developers who are interested in patterns and principles
like testdriven development, separation of concerns, inversion of control (IoC), and dependency injection
(DI).
 ASP.NET Web Pages
ASP.NET Web Pages targets developers who want a simple web development story, along
the lines of PHP.
 ASP.NET Single Page Application
ASP.NET Single Page Application (SPA) helps you build applications that include
significant client-side interactions using HTML 5, CSS 3 and JavaScript.