ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Beginning Web Development in ASP.NET

Updated on January 11, 2011

One of the best ways to save money and have fun with your on-line business is to build your own web site. Microsoft has made this realy simple with their ASP.NET website building software. And the best part is, you can get started for free using the laptop or desktop that you already own (provided it is running some version of Windows). In this article, I am going to explain how to get the free products that you need to get started with ASP.NET. I will also show you how to write your first web page without needing to really program anything at all. So fire up your imagination and let's have some fun.

What You Need to Install

To develop a website using the ASP.NET environment, you need to first download some development tools and install them onto your computer. An ASP.NET development tool called Visual Studio Express is available for free from the Microsoft web site. Follow this link to the Microsoft Visual Studio Express website. Follow the directions on the web site to install the Microsoft Web Platform onto your machine. The web platform will include a place to develop your web site called Visual Studio, plus a database called SQL Server Express, which is a free tool that you can use to store any data that you collect on your web site.

When you install Visual Studio, you will be given the option of picking a language in which to write any code that your web site needs behind the scenes to do its work. I suggest that you pick the C# (C-Sharp) language, only because I will be using it in all of my future demonstrations and if you need any help from me later, I will answer your questions in C#.

Once you have installed the software successfully, proceed to the next part of this article to see how to start your first web site.

Building Your First Website

Let's be honest up front here. There is a lot to learn about building websites, and we are going to be taking it pretty slowly. From the time that you open Visual Studio, it will probably take you a month to learn enough about it to actually build a website for your business. The good news is, it is super easy to get started, and you can learn a little at a time. So it won't be overwhelming to learn this stuff. Another thing to know is that if you Google "ASP.NET tutorial", you will find lots of help with building websites. You can also ask me questions. I have been doing ASP.NET for about ten years, so I am pretty good at it by now I hope.

To get started, all you really need to do is open up the Visual Studio Express that you just installed. When it starts up, you should land on a start page that has an option to start a New Project. You will probably get some options as to what kind of project to make. Pick "Web Application", or "ASP.NET Website". Either one will start a website project for your. A lot of things will happen in the background when you press OK and it may take a while, but eventually the screen will look something like this:

This bunch of windows might look confusing, but it's really not that bad. In the middle is where you will see the web page you are currently working on, in other words your work in progress. You can see it either as "code" or as a web page layout. To see the web page layout, click the "Design" tab in the middle of the screen. To switch back to code, click the "Source" tab.

On the left side of the screen is the "toolbox". In it are things you can drag and drop onto your web page to make it do stuff. These are called "widgets" or "components". If you switch to design mode in the middle window, you can grab stuff on the left and just drop it onto your new web page.

On the right side of the screen on top is a list of all of the parts of your website (called the "Solution"). At the bottom right is a list of things (called properties) that you can change about any widget that you have dragged onto your current web page. This list changes when you click on a different widget on your web page.

For now, ignore everything on the page, and just go up to the menu bar and press the little green arrow that is pointing to the right (near the word "Debug"). You can also press F5 if you like shortcuts.  This starts up your website on your computer. This will take a while, because behind the scenes your computer is now turning all of the stuff listed on the top right of the screen into "code" that the computer can interpret. Eventually you should see your web site come up in a web browser. It should look something like the picture below.

How easy was that? And look at all the stuff your new website can already do. It has a menu with a Home page and an About page that you can click on. It even has a login page, and a place to register as a new user. Don't you feel like you're on your way to building your own website now?

You might be ready now to move on to Lesson 1.  Also, you might want to check out a book on ASP.NET programming from the list below.  Either way, have fun doing it yourself and I will see you next time.

Comments

    0 of 8192 characters used
    Post Comment

    • carljsp profile image

      carljsp 

      7 years ago

      cool hub on asp.net enough for beginner.

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)