Hello and welcome to the park to all build your first web app.
In this part we are going to add a web form.
So let's add a web form.
So within the solution Explorer window match right click on this part.
This is my first web app.
The one I've highlighted here with the little globe next to it.
So right click on that and click on add an option here to add.
And there is an option too for web form.
So let's look for it still option here to add web form.
That's right at the bottom here.
So click on that to add the web form.
We need to give the web form a name.
I'm going to call the form identity.
You can call it whatever name you one doesn't really matter so I'll just call mine.
I don t t.
And click OK.
So this is generated a SB x file.
So that's the name that identity dot A S P x file.
So this is called like a web form template.
Notice the hasty e-mail has got it doc type the hash CML the head the body and so on.
And then it's got the form tag in in there as well inside the body.
So it's basically generated and paste CML template the DOT ESB x file extension it's used to indicate
that this page is a web form.
So consist of a combination of hasty AML files mixed with a speed dot net declarative.
So the first line here is in haste.
It's p x dot net airspeed dot net declarative.
And then you've got some hasty e-mail mixed with it as well.
So these ones are hate mail and you've got the first line here which is an airspeed on net declarative.
We are going to use the designer to actually flesh out this web page.
So I'm going to ignore this airspeed dot net and paste CML generated template here and go for the designer.
So click on this option here.
The set designer.
All right.
It should generate so inside here whatever we create here is what the page will look like.
So you can see the mouse flashing inside it.
So this is where we'll start to design our form.
The design really is a convenient way.
It's a visual editor.
This look kind of like what you see what you get editor.
So you can this allows you to actually add mark up to your web page without having to access the hasty
e-mail.
I see us as code behind it OK.
Let's talk.
So why because I is flashing inside the box.
I want you to type in the text.
What is your first name.
What is your
first
name question mark as well.
After the question mark tab two spaces.
Are we going to add another control to that.
So we gonna add a control item here using the tool box on the left here you can see we've got some tool
box here.
So I just click on that and that should generate the tool box.
Trying to build that up the moment if I click on the standard here it will expand the tool box.
This pin here allows you to auto hide how you can pin it if you want it to stay there for a while without
moving about.
Okay.
All right.
Expand the standard one here.
Just click to expand that.
If you scroll down there should be one for a text box.
There's one here.
So double click on it.
All right.
Finally fi click told her high that you would notice that it is inserted a control item next to this
text here.
What is your name.
Okay.
So we're going to repeat what we did in this step.
So I'm just going to tab down and type livable space and do what is your last name.
All right.
And question mark and then give two spaces and then we double click on the text box again in from the
toolbar to box double click.
And it has inserted.
All right.
So we're beginning to see how our form will look inside the design.
We also want to add a button.
So place a mouse inside a designer top down okay and actually be enough.
So we are going to add a button see where we the mouse CASAREZ And in the toolbar here we've got an
option called button so I'm just going to double click as you can see it's inserted the button we are
going to add a label.
So I'm just going to click enter twice to create some space and we are going to go to the label option.
So that's a label here in the toolbar just double click and it's inserted a label.
I am going to stop this lecture here is gone.
Of our six minutes are try and try not to make the lectures too long.
So we're going to end here and we will continue in the next lecture.
So we've created some controls in the next lecture.
We are going to customize the controls using their proper to window this property here.
This is a proper tool and I'm talking about.
So we can use a property window here to customize the controls we have set up here.
So see see you in the next lecture.
Thank you so much for watching.
Bye for now.