Create a Web Site using Visual Studio 2010

Uploaded by peterMankato on 05.10.2011

Here’s a quick view on how to set up
a web site using Visual Studio 2010 for your ASP.NET
projects. I’m going to take you through
three main steps. First, I show you how to make a folder to hold your websites,
Then we will create a new web site.
We will use the plain or empty web site and then add a new page.
Let’s start by going into Windows Explorer. [mouses down to the lower left corner]
I set up a folder on the desktop called “visualStudioWebSite”
This will hold all my web sites.
Then, I’m going to load up Visual Studio 2010.
Inside of Visual Studio I’ll use File/New/Web Site.
You can create a Project.
A Project is design to hold several websites.
But, keep things simple and just use “Web Site".
I recommend using the ASP.NET Empty Web Site.
I just want to point out a few things that will remain
once you initially set them. In this class you want to use Visual Basic as the language.
Another popular language is Visual C Sharp.
That is very Java-like. But, we are going to be using Visual Basic in this course
so you want this set to Visual Basic. The .NET framework
is set up for version 4.0. But, you can also go back to an earlier version if you need to for compatibility.
The interesting piece is, that all of these frameworks
are the same. They are all version 2.0, except for the
added features built on top of version 2.0.
2.0 is the simplest. Through the years, as Microsoft came out with
new versions, they added more capabilities on top of version 2.0.
around the core. You should probably
if you are using 2010 you’ll come up with Framework 4.0.
The other pieces down here.... you can set up your file type
You can see that
you can use HTTP or FTP. We are just going to use the File System.
We are going to browse out the that folder that I made on the desktop. We are going to browse out the that folder that I made on the desktop.
Find my desktop. Here’s my desktop
Here’s my visualStudioWebSite.
Again, I’m going to check: Visual Basic,
Net Framework 4.0, ASP.NET Empty Web Site,
and then pointing to the correct folder where I want to store
my new website. Click on OK
Visual Studio is going to ask where you want to store the web site.
Well, I’m going to put it in this folder (visualStudioWebSite)
And, I’m going to call it
I’m going to put an “sol” in front of the filename
I’m going to give it a name
so I can recognize it in the future. The “sol” stands for “solution”.
solHelloWorldDemo.sln - As soon as I see this folder I’ll know
it is a Visual Basic solution folder.
A Visual Studio solution.
Notice again, I’m inside the visualStudioWebSite. This is where I’m going to store all my web sites.
And this solution is going to create another folder.
inside this visualStudioWebSite folder. (Note: this didn’t really work out as I thought it would...)
Here’s my website. I’m going to go into the web site by right-mouse clicking on the site name in the Solution Explorer.
Right-mouse click and select “Add New Item"
The “Add New Item” window comes up
and we want to add a “Web Form”.
Right on the top. Now, Microsoft really likes to use
the file name default.aspx. My preference is to
do what most other web people do, using index.aspx instead.
[typing to change the name default.aspx to index.aspx]
.aspx is the extension for .NET
They couldn’t use .asp because that is the old version
and they completely redid the language for .NET. So, they
renamed the extension .aspx so there wouldn’t be confusion
between the two programming languages.
We also want to put our code in a separate file
so make sure that box (in the lower right corner) is checked.
Right now, we aren’t going to use Master Pages, although you will learn how in future modules.
Back to Web Form and say
Click on the Add button.
and you can see here is our new web page (in the Solution Explorer panel on the right side of the screen.)
The web page comes up as pure code. There’s some added
features in here that aspx uses. Here’s the DOCTYPE
setting up the page as transitional. You can see it is a standard HTML web form.