1
00:00:01,710 --> 00:00:08,260
This lecture I would start coding a small business with each Let me show you a small business page.

2
00:00:08,260 --> 00:00:14,550
Again this is the page I will be writing only the steamin markup in this lecture.

3
00:00:14,550 --> 00:00:16,360
It is a very simple page.

4
00:00:16,590 --> 00:00:18,060
So let us get started.

5
00:00:19,520 --> 00:00:26,970
Looking at the very first thing I need to create called a project simple business page name of simple

6
00:00:26,970 --> 00:00:30,710
business page or small business page inside this folder.

7
00:00:30,720 --> 00:00:37,960
I need to create some more corridors like just all of the JavaScript and jacuzzi files.

8
00:00:38,000 --> 00:00:44,920
We'll go inside geus folder and then Jesus is focused getting stylesheet.

9
00:00:45,090 --> 00:00:54,930
All of the external stage sheet files will go inside CSSA folder and then images I will store all the

10
00:00:54,930 --> 00:01:05,570
images for this web page inside images folder and then bookstore HTL file coronating 18 Markoe for this

11
00:01:05,660 --> 00:01:06,760
each.

12
00:01:06,840 --> 00:01:10,170
At this stage we need on Page Image.

13
00:01:10,170 --> 00:01:19,340
So let me copy from the content for the this is the image we will need for the whole page so they can

14
00:01:19,340 --> 00:01:26,160
copy it and move it to the simple business web page.

15
00:01:26,270 --> 00:01:29,480
I mean mainstreet inside you just color

16
00:01:32,490 --> 00:01:32,940
looking.

17
00:01:32,970 --> 00:01:39,300
This is the content we will be using for this simple business with which you can open this simple business

18
00:01:39,300 --> 00:01:43,750
web page for the inside breaker SEAGE so we can get started.

19
00:01:54,870 --> 00:01:58,220
In QuickStart a single file is totally blank.

20
00:01:58,440 --> 00:02:04,370
So if you have great the markup from scratch the very first thing is we need to add the document.

21
00:02:04,570 --> 00:02:06,060
Thank God.

22
00:02:06,500 --> 00:02:06,710
Day

23
00:02:09,940 --> 00:02:13,330
after day at the very first moment is a human element.

24
00:02:13,380 --> 00:02:20,780
Do you see this is art of completion by the baker's editor inside the entertainment element.

25
00:02:20,850 --> 00:02:24,390
We need to read the good important elements which are paid

26
00:02:28,390 --> 00:02:32,230
by the elements.

27
00:02:32,930 --> 00:02:37,190
Victime great title for small businesses which are taken really

28
00:02:39,960 --> 00:02:42,220
small business each

29
00:02:45,000 --> 00:02:48,370
local interest rates some market and say all the time.

30
00:02:49,500 --> 00:02:53,190
I would start writing Markoe for the header section.

31
00:02:53,220 --> 00:02:56,950
This is the view to write comments inside a steaming file.

32
00:02:56,970 --> 00:02:59,290
Comments are very important and useful.

33
00:02:59,340 --> 00:03:08,340
It organized that has Gene or Dunkleman and it really helps while debugging a steaming hot headed element

34
00:03:08,370 --> 00:03:08,930
isn't you.

35
00:03:08,970 --> 00:03:09,790

36
4:42.

37
00:03:09,790 --> 00:03:12,960
And he meant it defines the header of our document.

38
00:03:12,990 --> 00:03:25,260
It contains things like Logo heading and navigation type of things scores inside header element say

39
00:03:25,480 --> 00:03:26,500
that human.

40
00:03:26,610 --> 00:03:27,930
I need a mind control

41
00:03:33,390 --> 00:03:42,070
element Dwights section into G.M. file inside the mean container.

42
00:03:42,180 --> 00:03:45,540
I need a single goal

43
00:03:51,840 --> 00:03:57,180
and then single goal is what did they do why did it go column left

44
00:04:02,070 --> 00:04:08,860
for the column left and call right.

45
00:04:15,940 --> 00:04:18,590
So this is the header element inside the header element.

46
00:04:18,610 --> 00:04:21,900
I did a main container and inside the main container.

47
00:04:21,940 --> 00:04:28,630
I needed a single row and this single row is for the two headed into left column and right column in

48
00:04:28,630 --> 00:04:30,470
the coming letters.

49
00:04:31,530 --> 00:04:40,480
I will show you the purpose of this main container and single will just add content inside column left

50
00:04:49,510 --> 00:04:49,840
in

51
00:05:05,460 --> 00:05:07,950
it has some content on that I call them

52
00:05:16,510 --> 00:05:21,610
I will copy some of them you can and on the content quite

53
00:05:25,740 --> 00:05:30,380
content and pack for a long

54
00:05:36,220 --> 00:05:49,540
this hash is used who Cuenca nothing you can point to nothing between Steve and remain on the same page.

55
00:05:49,600 --> 00:05:54,660
Conceived in literacy could exist or this simple markup in a browser.

56
00:05:55,580 --> 00:06:02,630
Well King this is the design of the simple markup in a browser.

57
00:06:04,520 --> 00:06:07,400
Let's move forward from the head to section.

58
00:06:07,400 --> 00:06:11,990
We need a separator.

59
00:06:15,490 --> 00:06:17,930
I read the section meant section.

60
00:06:17,940 --> 00:06:21,510
Element is also just a container.

61
00:06:21,600 --> 00:06:29,490
It defines a section in a document and you know it can be split in go when people section all content

62
00:06:31,110 --> 00:06:37,900
inside a container which is before the main container.

63
00:06:40,430 --> 00:06:47,190
And dissyllable I don't get caught in containers

64
00:06:51,720 --> 00:06:54,440
inside a single goal.

65
00:06:54,590 --> 00:06:55,660
I need to call them

66
00:07:01,440 --> 00:07:02,660
Ivan.

67
00:07:02,960 --> 00:07:06,390
It's our horizontal core which will act as a separate

68
00:07:09,420 --> 00:07:11,740
signal and let us see that as it goes.

69
00:07:13,530 --> 00:07:14,620
This is the speed of

70
00:07:18,840 --> 00:07:23,290
morning homework next section is features

71
00:07:33,500 --> 00:07:35,720
mean killed in the

72
00:07:40,660 --> 00:07:40,970
search

73
00:07:48,060 --> 00:07:49,730
for this mean painting of

74
00:07:53,610 --> 00:07:54,510
the future.

75
00:07:54,580 --> 00:07:59,020
But do I need to be equal columns.

76
00:08:09,790 --> 00:08:13,000
Something called gwon

77
00:08:25,790 --> 00:08:29,680
took me copy some content on the content quarter.

78
00:08:29,680 --> 00:08:30,820
This is a dummy contained

79
00:08:34,690 --> 00:08:37,280
in automotive uncle

80
00:08:44,530 --> 00:08:52,680
Chiqui copy this all on one quarter list author gew columns like Uncle

81
00:09:02,900 --> 00:09:07,760
column will be horror old.

82
00:09:08,340 --> 00:09:15,420
OK the future section has a main container and Lincolnton it has a single rule and this single draw

83
00:09:15,430 --> 00:09:23,550
is further divided into three column 1 2 and 3 7 and LAUDISIO that observed in opposer.

84
00:09:23,600 --> 00:09:29,270
So this is a separator between the header section and the feature section in the feature section is

85
00:09:29,270 --> 00:09:34,460
do editing the columns and just move forward where the produce section

86
00:09:46,190 --> 00:09:52,610
element is also a container and it defines the folder of age do you want to go.

87
00:09:53,210 --> 00:10:02,620
And it typically contains copyrighted information contact information and don't so use it to mean it

88
00:10:03,940 --> 00:10:07,040
is an element for the meaning

89
00:10:10,280 --> 00:10:14,490
and the Single Girl.

90
00:10:14,630 --> 00:10:15,870
What this mean a

91
00:10:21,450 --> 00:10:24,640
inside this we need a full call

92
00:10:31,870 --> 00:10:36,440
and let us add some background like

93
00:10:41,400 --> 00:10:42,250
copyrights

94
00:10:45,570 --> 00:10:55,520
there some human Zurawski words like core copyright issues that each human does a horse.

95
00:10:55,930 --> 00:11:00,680
No so to 1:06 if we see it and it is you that isn't in a browser.

96
00:11:01,220 --> 00:11:03,030
So this is the photo section.

97
00:11:03,590 --> 00:11:09,010
So this is the design of simple esteeming markup page.

98
00:11:09,050 --> 00:11:11,210
There is no styling right now.

99
00:11:11,380 --> 00:11:17,450
In the coming section you will learn about Jasus and then you will add styling good this simple business

100
00:11:17,560 --> 00:11:19,450
page.

101
00:11:19,490 --> 00:11:27,680
So in this lecture you have learned about some new elements like Header section and quarter

102
00:11:31,390 --> 00:11:32,820
in the coming sections.

103
00:11:33,060 --> 00:11:36,650
I will be adding to this single business web page.

104
00:11:36,660 --> 00:11:37,520
See you here.

105
00:11:37,530 --> 00:11:37,760
Thanks.