How To Create a Beginner Web Form (Tutorial)

In this tutorial we will see how to create a simple web page. It is really a beginner level tutorial so you may find it slow or boring, but it is great for the crowd who are just getting into it and want to peek into things and there basic working.

Let us start by launching Visual Basic, I'm using the 2015 enterprise version and you can use any version and the community one as well. We select New Project or use the short cut of it Ctrl+Shift+N. And then we select Visual C# from the left tab and expanding it, we will select Web option. It will show you a option on the right of ASP.NET Web Application. Name it what you want and proceed.

Selecting this and proceeding, we will have the following dialog box.

Here we will select an Empty ASP.NET file with the option Web Forms checked. Click OK. Now we will have an WebApplication or whatever you named it, on your right in solution explorer. Now you need to right click on it, select Add and then New Item. You will now have the following dialog box in which you will search for Web Form and Add it.

Name it default, as this will be the default page you will be loading now so it is easy to recognize by the naming convention that you made this page the default. Now you will have a following view.

You can see that the Design, Split and Source option on the bottom. Select Design from the bottom in order to let drag n drop tools come in action for us to make things easy. You will now have a design view with Toolbox on your left. Open up the Toolbox and search for a Textbox. Then drag n drop on your design page where you want it.

You can now add any text straight from the design view into the Textbox you just dragged and dropped. Add My first web form page to it and debug it in order to see if it shows you the output on your browser or not. This will look something like this.

Success! Now this might not be the prettiest view for a Web Form but in this tutorial you have just learned the most basics of creating a web form. Now you need to test your knowledge by creating a registration page by just dragging n dropping objects from Toolbox. Its pretty simple! If there are any quires, you are welcome to comment and I will respond. Happy Learning!

Comments

How to create Animation in Blend for Visual Studio: Intro Tutorial

In this tutorial we will learn to make a very simple animation. We shall make a ball and make it bounce like it should naturally. Now it is a very basic level tutorial and if you're coming form any experience this might be slow learning curve for you. For these kind of animations a user have to write a long piece of code and a complex one too. Blend makes it easy for us to make simple animations by just drag n drop tools. I'm using Blend for VC 2015. Firstly we'll create a Blank Universal Windows App. Name it what you would like to. The following page will be open with Designer up front for with Photoshop like toolbar on your left. Behind the toolbar you will have the options like Assets, Stats etc. Now you need to right click on the Triangle button from the toolbox on your left and select Ellipse. Now you can draw it on your screen. Give it any color you want from the Brush tab under properties on your right.

How To Make Your First UWP Application - Simple Calculator Tutorial

In this tutorial we will learn how to use some of the very basic features of Visual Studio and create a UWP(Universal Windows Platform) application. Windows 10 introduces the Universal Windows Platform (UWP), which further evolves the Windows Runtime model and brings it into the Windows 10 unified core. As part of the core, the UWP now provides a common app platform available on every device that runs Windows 10. By the end of this tutorial you will have basic knowledge about how to create a simple UWP application and how to drag and drop objects in order to make UI and also how to edit their internal code. Firstly we'll start with simply opening with the Visual Studio 2015. On the left side you will be able to see following options. From this menu you need to click on the "New Project.." option. A dialog box will be shown and then you will choose C# and extend the tree then you will select Universal. From the Universal option, you

How to connect SQL Database to your Web Form (Tutorial)

In this tutorial we will see how to connect SQL Database to our WebForm page created in Visual Studio 2015. You will need SQL Server 2014 which you can download from here . The tutorial will include how to make a simple webform page and add textbox and buttons to it. And then apply database to it with CRED operations but we will only be checking insertion. Now open Visual Studio and create a ASP.NET Web App in WEB section. Add a new web form to your project. If you do not know this previously you can follow my previous tutorial, How to create a beginner web form . Now what we want a is a view like this. Now in order to do that, we will select Split view from the bottom on Visual Studio. Now you also able to see the code section behind your webform. You can see the textbox ID and the Button ID. We will use these Ids in order to receive data from the fields. For textboxes to show text in the picture above, you add placeholder in textb

TechKnowPoint

Search This Blog