Practical -2
AIM: Introduction to
Introduction to visual studio 2010 :
Microsoft Visual Studio is an integrated development environment (IDE) from
Microsoft. It can be used to develop console and graphical user interface application along
with Windows Forms application, web sites, web applications, and all platform supported by
Microsoft Windows, Windows Phone, Windows CE, .NET Framework, .NET Compact
Framework and Microsoft Silverlight . The latest version of Visual Studio 2013 with
framework V4.5.1(preview version).
Each version of Visual Studio is tiled to a specific .NET framework.
Integrated Development Environment (IDE)
The Visual Studio product family shares a single integrated development
environment (IDE) that is composed of several elements : the Menu bar, Standard toolbar,
various tool windows docked or auto hidden on left, bottom, and right sides, as well as the
editor space. The tool Windows, menus, and toolbar available depend on type of project of
file you are working in.
Creating a new web project (ASP.NET)
The first thing you do when you want to create a new applications is to create a new
project. This can be done from the Start Page as shown in figure:
Also you can create new project from file menu as shown in fig:
After selection of new project the "New Project" windows appears as shown below:
Here you can select the language you want use to create web applications. After
selecting language, Select Web option in left pane, then select ASP.NET Web
Applications or ASP.NET Empty Web Applications in middle pane of new project
window.
In this window you select an appropriate template based on what kind of applications you
want to create, and name and locations for your project and solutions.
The most common applications are:
Windows Form Applications
Console Applications
WPF applications
ASP.NET Web Applications
Silverlight Applications
Opening an Existing Web Site:
You can open an existing we sites from the start page as shown earlier in fig. you can
also open your existing web site by double clicking your project’s solution file with .sln
extension.
Files that contain the .sln extension are most commonly associated with the
Microsoft Visual Studio Software application. These SLN file contain information about the
project environment and the state of the project when the SLN file was created.
The SLN file that are created by Microsoft Visual Studio software are stored in text-
based file format. When Microsoft Visual Studio program open a project file, the pre-
solution and post-solution data for that file is read from the SLN file.
Building a Web Site:
In this part of section, you will create a web site project and add a new page to it.
You will also add HTML text and run the page in your web browser. Perform the following
steps to create a website:
1.Open Microsoft Visual Studio 2010 Ultimate.
2.On File menu, click New web site. The new web site dialog box appears.
3.Under installed templates, click a visual basic or C# and then select ASP.NET web site.
When you create a website project, use specify a template. Each template creates a web
project that contains different file and folders.
4.In the web location box, select files system , and then enter the name of the folder where
you want keep the pages of your web site.
5.Click Ok. Visual Studio creates a web project that includes pre-build functionality for
layout.
Before Running your project on web browser, you have to first build solution for
your project. You can build solution for project from build menu build solution. After
building solution of the project, you can run project by pressing F5 function key or from
debug menu of the Visual Studio IDE.
Understanding IDE of VS 2010.
Before you proceed with working on the page , it is useful to familiarize yourself with
the Microsoft Visual Studio development environment.
Following are major component of Microsoft Visual Studio IDE..
Toolbars: Provide commands for formating text, finding text, and so on.
Solution Explore Window: Displays the file and folder in your web site.
Document Window / Code Window: Displays the documents you are working on in tabbed
windows. You can switch between documents by clicking tabs.
Properties Window: Allows you to change settings for the page, HTML elements, controls,
and other objects.
View tabs: present you with different views of the same document. Design view is a near-
WYSIWYG editing surface. Source view is the HTML editor for the page. Split view displays
both the Design view and Source view for the document. You will work with the Design view
and Source views later in this walkthrough. If you prefer to open Web pages in Design view,
in the Tools menu, click Option, select the HTML Designer node, and change the START
Pages in option.
Toolbox: Provides controls and HTML elements that you can drag on to your page. Toolbox
Elements are grouped by common function.
Server Explorer/Database Explorer: Displays database connection. If Server Explorer is not
visible, on the View menu, click Server Explorer, or database explorer.
