1
00:00:00,900 --> 00:00:10,160
In this lecture we are going to design the interface for our web browser so open a Visual Studio.

2
00:00:10,680 --> 00:00:17,190
And once you've got visual studio open click on new project and we begin by creating a new project.

3
00:00:17,190 --> 00:00:23,940
Make sure you've got visual C sharp selected and make sure you've got windows form applications selected

4
00:00:24,420 --> 00:00:25,330
under the name.

5
00:00:25,380 --> 00:00:28,290
You need to give the application a name.

6
00:00:28,410 --> 00:00:30,090
I'm going to call my blue line

7
00:00:35,850 --> 00:00:40,840
click click and visual studio shoot build the form.

8
00:00:41,310 --> 00:00:42,770
So this is the phone.

9
00:00:42,870 --> 00:00:47,800
So I want to add a couple of components to the phone.

10
00:00:47,850 --> 00:00:54,930
So I go to the tool box I'm going to click within the different options for forms.

11
00:00:54,940 --> 00:01:00,960
I'm going to click the all of this click this one and that will show me all the options.

12
00:01:01,740 --> 00:01:08,390
So one of the components I need to add is called a tool strip.

13
00:01:08,610 --> 00:01:18,240
Some will just double click on that and that should add a tool to to the form so it's now added a tool

14
00:01:18,300 --> 00:01:31,110
strip a tool strip is like a traditional toolbar such as the one you see in word processing or Word

15
00:01:31,200 --> 00:01:39,750
Excel and stuff like that where you have the bold italic and other options within that toolbar set that

16
00:01:39,870 --> 00:01:46,290
it can hold several different types of controls rather than just buttons.

17
00:01:46,320 --> 00:01:46,710
All right.

18
00:01:46,710 --> 00:01:50,750
So another component I want to add is a browser.

19
00:01:51,500 --> 00:01:51,830
Yeah.

20
00:01:52,490 --> 00:01:53,260
There's a tool.

21
00:01:53,280 --> 00:01:55,770
That's an option for a web browser.

22
00:01:55,770 --> 00:01:57,030
There you go.

23
00:01:57,030 --> 00:01:58,490
Double click on it.

24
00:01:58,980 --> 00:02:02,090
And it should had a web browser.

25
00:02:02,110 --> 00:02:08,580
So this is the web browser here is this main window here you can see this bit here.

26
00:02:08,580 --> 00:02:11,690
That's the properties for the web browser.

27
00:02:11,700 --> 00:02:20,200
So this web browser is going to be doing all the heavy lifting for this application.

28
00:02:20,220 --> 00:02:33,090
The web browser here it's actually a web browser is actually an embedded version of the Windows Internet

29
00:02:33,180 --> 00:02:34,500
Explorer.

30
00:02:34,500 --> 00:02:34,860
Right.

31
00:02:34,860 --> 00:02:42,390
So you you get the beat Rudd that that renders the web pages so it will help you render the web pages

32
00:02:42,900 --> 00:02:49,640
without the toolbars or other user interface functionality.

33
00:02:51,180 --> 00:02:57,190
So we are going to add controls to the tool strip.

34
00:02:57,240 --> 00:03:04,100
So if I click on the tool strip I click on there.

35
00:03:04,530 --> 00:03:06,890
You can see some sub many.

36
00:03:06,930 --> 00:03:10,350
So you've got the button.

37
00:03:10,350 --> 00:03:19,410
This button here brings you know we can make it turn that into one of the menu buttons are quite common.

38
00:03:19,410 --> 00:03:26,740
We you use them a lot in your Windows application and then you've got this core the separator.

39
00:03:27,030 --> 00:03:29,870
You see the split button here.

40
00:03:29,970 --> 00:03:36,740
These plate button uses separately to space things out neatly.

41
00:03:36,780 --> 00:03:43,320
So you can use that to space things out neatly split but it can help you split the button.

42
00:03:43,320 --> 00:03:46,260
Also we've got something else called separator.

43
00:03:46,260 --> 00:03:53,660
You can also use the separators also to create space between various menu items.

44
00:03:53,660 --> 00:03:59,110
And this is a combo box and that's a text box if you want to add a progress bar.

45
00:03:59,130 --> 00:04:02,760
You can do that vi this menu as well.

46
00:04:02,760 --> 00:04:10,380
And also there's a label if you want to add a label to any of your menu items.

47
00:04:10,410 --> 00:04:18,280
I'm going to wrap up this lecture now in the second part of this lecture.

48
00:04:18,330 --> 00:04:27,000
We are going to be adding some controls to the to strip menu.

49
00:04:27,000 --> 00:04:28,770
So thanks for watching.

50
00:04:28,770 --> 00:04:29,740
Bye for now.