Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Creating a web site with ASP.NET

From: Visual Studio 2010 Essential Training

Video: Creating a web site with ASP.NET

Programmers have been creating web applications with Visual Studio for years. When Visual Studio first debuted in 2002, it included a new way of building web sites with .NET-managed libraries. For those of us who were building ASP classic sites, this was a welcome change. Now ten years later, we continue to see phenomenal growth in web tools from Microsoft and other vendors. In this movie, I will show you how to create some ASP.NET web sites. Just so you know, however, this is a big topic--much bigger than we can cover in a single movie.

Creating a web site with ASP.NET

Programmers have been creating web applications with Visual Studio for years. When Visual Studio first debuted in 2002, it included a new way of building web sites with .NET-managed libraries. For those of us who were building ASP classic sites, this was a welcome change. Now ten years later, we continue to see phenomenal growth in web tools from Microsoft and other vendors. In this movie, I will show you how to create some ASP.NET web sites. Just so you know, however, this is a big topic--much bigger than we can cover in a single movie.

But you can find other ASP.NET titles here on lynda.com. I am inside Visual Studio, and I am going to create a new ASP.NET web site. To do that, I go to the File menu, and choose New > Web Site. The default location for this application will be in My Documents folder, inside the Visual Studio web sites folder. It may be a different location on your computer. I want to make sure this is a C# application, and then I will choose ASP.NET Web Site. Now, creating this kind of web site project in Visual Studio gives you a very simple folder-based site.

Any files that you add to this folder or its sub-folders are considered to be part of this site. You can see I have a Default.aspx page and several other pages in here. There is also something called a master page. There are CSS documents, menus, user management controls. It also includes the jQuery JavaScript library. All of these items are part of the standard ASP.NET web site library. To run this application, I can choose to debug it, or I can go over to one of these items--let's say this Default page-- and right-click and say View in Browser.

I can even select my browser by choosing Browse With, and then it will show all the registered browsers. Now you may notice that in the lower right-hand corner of my screen, a dialog is popped up down here that says ASP.NET Development Server. This means that I don't have to have a production-quality web server on my developer machine. I have this dedicated light-weight developer-only Development Server available. It's picked a local host and a port on my machine for this web site. I am going to browse with Firefox and then click Browse.

Choose No to this dialog. There is my sample page. Notice I have got a couple of links across the top here. I can go to the About page or back to the Homepage. And again, it's loaded it with the correct port number up here in the browser. There are several other types of web applications you can build. We can find more here in the File menu, under New > Project. Remember last time I chose Web Site? This time I am going to choose Project and then click Web.

Over here, you can see an ASP.NET Web Application. This is a more developer- centric model of the web application. It's going to compile some DLLs. It's a little more sophisticated than the one I just showed you. There is also a number of other types of ASP projects here. Model View Controller is one of the very popular new ones. It's called ASP.NET Model View Controller 2 Web Application. I encourage you to look at some of these other types down here. I am going to look at just this one here: ASP.NET Web Application.

This time it's going to look out on my hard drive, to my Exercise File folder. Again, on your machine, you can choose wherever you like to put these files. I am going to go ahead and click OK. It doesn't look much different. It's just what happens when you compile the application. And now in order to add an item to this project, you can no longer just add it to the folder on your hard drive. You will have to go to your Web Application, right-click, and choose Add > New Item, so that Visual Studio knows about it.

I thought I would edit a little bit of code. I am going to click on the Designer, and then I am going to go to this section right here after this text and hit Enter, which adds a new paragraph, and then I can add controls by dragging and dropping. I can also edit this in my HTML, if I'd like. I am going to add a button, and then I am going to add a hyperlink. Now, this hyperlink is editable by going to the Properties window. For instance, I can change the text to say something like "Go to About page", and then for the location of where to navigate to, I can click on this property, and choose from this dropdown, and pick any of the pages that are in my web site.

So I am going to tell it to go to the About.aspx page. Again, I can browse by choosing right-click > Browse With. This time I will just view in browser, which I believe on this machine will launch Internet Explorer. Now, I'll click on the hyperlink, and it moves me to the About page. I can also put code, and I can debug ASP.NET applications. Let me show you how to do that.

I am going to close this browser. I am going to go move to this button, and I am going to double-click on it which will stub in some C# code for me. Double-click on the button. It switches me over to the C# view of the code behind page, and inside this procedure here, I am going to modify the text on that hyperlink. The hyperlink control is called Hyperlink1, and I am going to change the text to say "lynda.com", and then I want to change the navigate location.

That's called NavigateUrl. And I think I am ready. Since I want to debug the application, I no longer need to go over here and right-click and say View in Browser. I need to go up here to Debug and say Start Debugging. That will attach the debugger to the browser. So let me do that.

I will choose Debug > Start with Debugging. Save my changes. I have the Development Server launched. When I click on the button, it changes to text, and now when I click on the hyperlink, we no longer go to the About page, but we go to the lynda.com web site. I told you I could debug this, so let me switch over to Visual Studio, and I am going to put a breakpoint here by clicking on this margin. If you don't have the margin, you can press F9.

Now, there is a breakpoint there. I will switch back to my browser, click on the button, and notice what happens. I switch over to Visual Studio, and there is now yellow marker on the line of code where I had the breakpoint. Now, I can step through my code, I can hover over these values to see what's currently stored in there, I can edit the values, I can rewind my code, and re-run that line of code again by dragging the yellow arrow up to the previous line.

So as you can see, there are lot of ways of working with web sites in Visual Studio. The key point today is that Visual Studio provides all the tools you need to edit, build, debug, and deploy those web sites.

Show transcript

This video is part of

Image for Visual Studio 2010 Essential Training
Visual Studio 2010 Essential Training

86 video lessons · 31773 viewers

Walt Ritscher
Author

 
Expand all | Collapse all
  1. 2m 3s
    1. Welcome
      1m 2s
    2. Using the exercise files
      1m 1s
  2. 7m 19s
    1. Understanding the Visual Studio versions
      3m 51s
    2. Setting up your developer computer
      3m 28s
  3. 58m 2s
    1. Creating a Visual Studio project
      4m 58s
    2. Working with Solution Explorer
      6m 32s
    3. Working with big projects
      3m 53s
    4. Taking a tour of the Integrated Developer Environment (IDE)
      8m 36s
    5. Introducing drag-and-drop UI design
      7m 38s
    6. Working with the Properties window
      6m 44s
    7. Looking at Server Explorer
      7m 4s
    8. Exploring the new Help engine
      6m 41s
    9. Setting options for the IDE
      5m 56s
  4. 39m 25s
    1. Creating a simple WPF application
      1m 32s
    2. Building the UI with the editors
      9m 14s
    3. Working with the application code
      3m 37s
    4. Communicating with the web site
      7m 15s
    5. Connecting your data
      8m 4s
    6. Binding to an RSS feed
      5m 4s
    7. Packaging and deploying the application
      4m 39s
  5. 39m 46s
    1. What languages are supported in Visual Studio 2010?
      1m 17s
    2. Exploring basic settings for the Code Editor
      5m 35s
    3. Writing a C# program
      6m 48s
    4. Writing a VB program
      6m 29s
    5. Working with C++
      6m 38s
    6. Working with F Sharp
      6m 9s
    7. Font and color options
      6m 50s
  6. 1h 5m
    1. Formatting your code
      6m 43s
    2. Navigating your code
      7m 44s
    3. Using the Task List
      2m 26s
    4. Commenting your code
      2m 45s
    5. Documenting your code
      8m 26s
    6. Using IntelliSense effectively
      7m 0s
    7. Working with code snippets
      6m 25s
    8. Refactoring your code
      5m 15s
    9. Understanding code generation
      2m 10s
    10. Generating code with T4
      6m 29s
    11. Using the Class View, Class Designer, and Class Diagram tools
      5m 51s
    12. Refactoring VB with CodeRush Xpress
      4m 33s
  7. 1h 11m
    1. Working with project and item templates
      8m 38s
    2. Creating a console application
      7m 5s
    3. Creating a class library
      6m 26s
    4. Creating a web site with ASP.NET
      7m 37s
    5. Creating a rich internet application with Silverlight
      6m 57s
    6. Creating a classic Windows application with Windows Forms
      10m 31s
    7. Creating a dramatic Windows application with Windows Presentation Foundation (WPF)
      4m 41s
    8. Creating a WCF service
      9m 1s
    9. Using an existing WCF service
      6m 38s
    10. Navigation UI designs with the Document Outline view
      3m 41s
  8. 33m 18s
    1. Creating a data project with SQL Project
      6m 24s
    2. Clarifying the confusion on .NET Data
      3m 31s
    3. Using ADO.NET in your application
      6m 50s
    4. Creating typed datasets
      7m 55s
    5. Using the data binding tools
      8m 38s
  9. 30m 13s
    1. Debugging code
      9m 32s
    2. Working with the Watch and other debug windows
      7m 46s
    3. Other debugging techniques
      6m 50s
    4. IntelliTrace historical debugging in Visual Studio Ultimate
      6m 5s
  10. 17m 56s
    1. Understanding Visual Studio editions and test tools
      2m 22s
    2. Verifying your code with unit tests
      8m 58s
    3. Running performance and load tests
      6m 36s
  11. 34m 5s
    1. Building your application
      4m 19s
    2. Customizing the build process with MSBuild
      6m 36s
    3. Setting assembly information
      2m 12s
    4. Deploying a basic Windows application
      2m 19s
    5. Creating an installer with Visual Studio
      7m 39s
    6. Creating a ClickOnce application
      5m 13s
    7. Setting up IIS for deploy
      2m 9s
    8. Deploying a Silverlight or ASP.NET application
      3m 38s
  12. 14m 0s
    1. Understanding source control
      2m 9s
    2. Setting up Team Foundation Server source control
      3m 5s
    3. Using Team Foundation Server source control
      8m 46s
  13. 17m 31s
    1. Understanding the .NET Office integration
      4m 16s
    2. Making a Word 2010 application
      7m 54s
    3. Making an Excel 2010 add-in
      5m 21s
  14. 31m 34s
    1. Understanding the extensibility model in Visual Studio
      2m 17s
    2. Adding external tools to the Tools menu
      4m 42s
    3. Creating macros
      7m 16s
    4. Using the Extension Manager
      5m 1s
    5. Creating an MEF add-in
      7m 9s
    6. Deploying and installing an add-in with VSIX
      5m 9s
  15. 25m 34s
    1. Working with configuration files
      5m 37s
    2. Using the Settings Editor
      7m 30s
    3. Using the Resources Editor
      6m 59s
    4. Localizing your resources
      5m 28s
  16. 1m 17s
    1. Goodbye
      1m 17s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Visual Studio 2010 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.