A Tour of the IDE

A Tour of the IDE

Visual Studio is the integrated development environment (IDE) used for creating ASP.NET web pages. The IDE refers to all those tools which a user needs to create a complex web applications that are integrated in a single environment.

Here we will study some most important screen elements.

1. The Main Menu

You will see the main menu at the Top of the application, right below the Windows title bar. This menu bar contains items like the File, Edit, and Help menus as well as menus that are specific to Visual Studio,such as the Website and Debug menus. The menu changes automatically depending on the task you are working on, so you will see menu items appear and disappear as you work through the application.
Fig 3.

2. The Toolbox

The toolbox consist of many control from where you can simply drag the control you want and drop it onto your web page.

The controls in the Toolbox are grouped in number of categories based on their functionality, but you will find basic tools such as Button, labels and Text Boxes on standard Tab.

You can also search the tool according to your requirement from search Toolbox.
Fig 4.

3. Document Window

Visual Studio gives you three ways to look at your web page:

a) Design View: Here you will see a graphical representation of what your page looks alike.It consist of number of tools.
Fig 5.

b) Source View: Here you will see the underlying markup, with HTML code for the page and ASP.NET control Tags codes.
Fig 6.

c) Split View: This is the combined View which allows you to see both the design view and source view at a same time.
Fig 7.

4. Solution Explorer Window

You will see the Solution Explorer window at the top right corner of the main window that lists all the files in the web Application directory.
Fig 8.

The solution Explorer reflects everything that is in the application directory of a projectless website. No files are hidden in this window.

The Solution Explorer is an important window because it gives an overview of the files that comprise the website.The Solution Explorer allows to store files in separate folders, creating a logical and organized site structure. You can also use the Solution Explorer to add new files to your site, move existing files around using drag and drop or cut and paste, rename files and delete them.

The main usage of Solution Explorer is to save you from restoring .it allow you to perform a variety of file management tasks within Visual studio such as you can Rename, Delete or Copy files by simply right clicking the item and choosing the appropriate command.

5. Properties Window

when you add a web control to a web page then you want to make some changes in its properties for that Visual studio provides you an easier option. Visual studio provides you a property window which you can see just below the solution explorer window at the bottom right corner of the visual studio window.

To change the property of any control, firstly you have to select the control then automatically properties related to that control will be appeared on the Property window from where you can make changes according to your requirement.
Fig 9.