1
00:00:00,940 --> 00:00:08,190
In this lesson we will be creating the control there page hit the Red Square to stop the process go

2
00:00:08,190 --> 00:00:16,970
to server P Why file here we created the index page so we will be adding on the controller page let's

3
00:00:16,980 --> 00:00:25,620
set the decorator at Mark app dot root slash controller slash now we defined the controller function

4
00:00:26,550 --> 00:00:34,620
return render template followed by controller HDMI all now go to the Template folder and right click

5
00:00:35,250 --> 00:00:41,680
choose new and click on HD AML file set the name to controller and hit OK.

6
00:00:41,970 --> 00:00:49,260
You can see the HDMI all has been created under the template folder in these two HCM l files there will

7
00:00:49,260 --> 00:00:56,070
be common codes so we will be creating a layout HDMI nail file where we can gather all the common layouts

8
00:00:56,370 --> 00:01:04,170
of the pages right click on the index HDMI all file and select copy right click on the templates folder

9
00:01:04,230 --> 00:01:11,670
and choose Paste change the name of the file to layout and hit ok you can see that the layout HDMI all

10
00:01:11,670 --> 00:01:19,110
file has been created and the content is exactly the same this layout HDL will become the base layout

11
00:01:19,170 --> 00:01:25,900
for the pages we'll set the indexed HDMI all fault to load the layout and we will only change the contents.

12
00:01:25,950 --> 00:01:32,460
First I want you to make sure you are using layout HDMI all delete the content part and the content

13
00:01:32,460 --> 00:01:33,120
part right.

14
00:01:33,120 --> 00:01:40,620
Curly braces followed by the percentage mark then a space block content space percentage mark and close

15
00:01:40,620 --> 00:01:41,630
the curly braces.

16
00:01:41,650 --> 00:01:44,070
Next open another curly braces.

17
00:01:44,070 --> 00:01:50,400
The percentage marks space and block space and percentage mark and close the curly braces.

18
00:01:50,400 --> 00:01:53,030
Now let's open index HDMI.

19
00:01:53,370 --> 00:01:58,200
Here we will delete the top part of the HD UML file and leave the content part.

20
00:01:59,100 --> 00:02:03,600
Once you've deleted go to the top and write curly braces.

21
00:02:03,600 --> 00:02:10,480
Percentage mark extends layout HMO percentage mark and close curly braces.

22
00:02:11,350 --> 00:02:12,260
Next set.

23
00:02:12,280 --> 00:02:13,570
Curly braces.

24
00:02:13,630 --> 00:02:18,720
Percentage Mark Block content percentage mark and close curly braces.

25
00:02:18,730 --> 00:02:25,330
By setting this block content the content in the index H2 AML will be overwritten onto the site.

26
00:02:25,330 --> 00:02:32,230
Lastly we need to set another Crowley braces with percentage mark and block percentage mark and close

27
00:02:32,230 --> 00:02:33,370
the curly braces.

28
00:02:33,370 --> 00:02:38,310
I want you to run this script again to see if the page has been successfully created.

29
00:02:38,680 --> 00:02:44,800
As we run the process we can see that the page is exactly the same as we made earlier.

30
00:02:44,800 --> 00:02:46,960
Hit the red square to stop the process.

31
00:02:46,960 --> 00:02:49,870
Now let's go on and finish making the controller page.

32
00:02:49,870 --> 00:02:56,080
First we need to copy some parts from the index HDMI and copy the curly braces and go onto the controller

33
00:02:56,080 --> 00:02:57,230
HDMI Alpha.

34
00:02:57,280 --> 00:03:03,780
Delete all the script in the controller HDMI URL and paste the curly braces that we just copied.

35
00:03:03,880 --> 00:03:10,120
Also go back to the index AGM now to copy that and block and paste it on the bottom of the controller

36
00:03:10,120 --> 00:03:11,750
age GMO.

37
00:03:11,950 --> 00:03:19,770
We will be writing under the block content let's start with style said the controller box with text

38
00:03:19,920 --> 00:03:28,670
aligned to center next right div class equals controller box.

39
00:03:28,870 --> 00:03:30,160
Now close the div tag

40
00:03:33,090 --> 00:03:35,410
followed by h1 tag.

41
00:03:35,520 --> 00:03:43,170
Remote control once you've finished writing the script run the script and make sure what you've created.

42
00:03:43,170 --> 00:03:48,350
As we run the process click on the link which will take us to the top page.

43
00:03:48,420 --> 00:03:53,410
Click on controller showing on the bottom of the site as you hit controller.

44
00:03:53,430 --> 00:03:58,170
You will see a site with the words remote controller on the top.

45
00:03:58,170 --> 00:04:02,970
The header will be the same as the top page withdrawn world on the top.

46
00:04:02,970 --> 00:04:09,750
Next to the home button once you click on the home button we are able to go back to the top page.

47
00:04:09,840 --> 00:04:15,950
We've successfully created some pages using the layout HDMI out in our next lesson.

48
00:04:15,990 --> 00:04:19,250
We will be adding some functions to the controller HMO.

49
00:04:20,070 --> 00:04:20,820
So see you there.