1
00:00:02,029 --> 00:00:09,789
This lesson is about design and edition of webpages. In this first video we will only

2
00:00:09,789 --> 00:00:19,469
just see some context that you are going to need to do something in

3
00:00:19,469 --> 00:00:28,949
these pages. You just only have to do a very simple web page but obviously it's

4
00:00:28,949 --> 00:00:37,590
very good idea that you know everything so if you don't understand something you

5
00:00:37,590 --> 00:00:44,829
should not worry about it because you shouldn't worry about it because is

6
00:00:44,829 --> 00:00:52,270
there also there are all of them very some of them are complicated to

7
00:00:52,270 --> 00:01:03,270
understand and it's too much for this course so just only have a view

8
00:01:03,270 --> 00:01:12,250
and summarize the main idea well we are going to talk about

9
00:01:12,250 --> 00:01:20,469
something about what pages are and how if you want to design one of

10
00:01:20,469 --> 00:01:27,010
of pages, what you should do. After that, something about publishing that

11
00:01:27,010 --> 00:01:34,329
is something we aren't going to do because it's not for this

12
00:01:34,329 --> 00:01:42,349
course. It could be in other courses but not in this. Something about HTML code

13
00:01:42,349 --> 00:01:50,030
and have a script that it is also for this course. Edit your software

14
00:01:50,030 --> 00:01:56,930
web page that it's not so important, our hosting that isn't important. So for

15
00:01:56,930 --> 00:02:04,750
you the best thing is the design, the planification and something about HTML

16
00:02:04,750 --> 00:02:17,169
code. So this is important for you. If you want to do a web page, you can

17
00:02:17,169 --> 00:02:25,449
use two ways. One of them is using different kinds of editors, such as

18
00:02:25,449 --> 00:02:35,849
Weaver, Vubrifone, Microsoft Express Expression, Composer, New and so on. But you also

19
00:02:39,449 --> 00:02:48,650
do your web page using the HTML code. So there are some advantages and disadvantages

20
00:02:48,650 --> 00:02:58,569
of each method as you can see in this slice if you use the html code the code is cleaner but

21
00:02:59,610 --> 00:03:07,610
on the other hand is it's a little bit rough it's a little bit challenging it's a little

22
00:03:07,610 --> 00:03:15,849
bit difficult for you on the other hand all these kind of editors are very easy to to use

23
00:03:15,849 --> 00:03:32,759
but, on the other hand, the pages are not so good, the pages haven't had enough quality sometimes.

24
00:03:32,759 --> 00:03:41,759
So, in any case, don't have enough knowledge about HTML code.

25
00:03:41,759 --> 00:03:57,280
Well, webpages can be classified in statics and dynamics. It depends that the users can change the contents of the pages.

26
00:03:57,280 --> 00:04:07,199
If the users can, the webpages are dynamics.

27
00:04:07,199 --> 00:04:22,279
You also can classify the webpage depending on, based on its way of working or the person

28
00:04:22,279 --> 00:04:26,680
who is responsible for the website, for example,

29
00:04:26,680 --> 00:04:31,180
is the administrator, or you should,

30
00:04:34,959 --> 00:04:39,959
you can transfer programs using different types of programs

31
00:04:43,139 --> 00:04:46,959
or host it on the server, or so on.

32
00:04:46,959 --> 00:04:50,779
So the most important is that they can be

33
00:04:50,779 --> 00:05:02,300
Well, before designing anything you should thinking of this, so you should

34
00:05:02,300 --> 00:05:09,819
a pre-design and you should planning something for these web pages. For

35
00:05:09,819 --> 00:05:19,639
example, for whom you are going to design your web page, the contents, the get

36
00:05:19,639 --> 00:05:27,939
lights which technology is the best for this kind of the web page a budget also

37
00:05:27,939 --> 00:05:35,000
it's very important that the structure of web pages more or less as you can see

38
00:05:35,000 --> 00:05:42,199
in this slide you have a heading you have the logo titles contests

39
00:05:42,199 --> 00:05:53,879
a navigator, the author writes and you divide the page into different areas and provide

40
00:05:53,879 --> 00:06:03,600
links and so on, so it's very very important to do all this.

41
00:06:03,600 --> 00:06:12,899
You need imagines and graphic and typographic elements and you also for example need some

42
00:06:12,899 --> 00:06:23,620
styles for the sheet you should be careful because the the webpage um should be very very clean

43
00:06:25,459 --> 00:06:36,019
to pass the the evaluation to accessibility that is something very technical so now you you you

44
00:06:36,019 --> 00:06:42,379
shouldn't worry about it but in professional way this is very important

45
00:06:42,379 --> 00:06:56,769
because the accessibility is one of the main points in a very good web page and

46
00:06:56,769 --> 00:07:03,050
finally publication tool that is not for you but well there are a lot of

47
00:07:03,050 --> 00:07:11,050
publication tools as you can see in this slide this is one obviously is a blog

48
00:07:11,050 --> 00:07:20,649
that perhaps you can do a blog this year, right? I can learn you how to do a blog, a very easy blog,

49
00:07:20,649 --> 00:07:33,189
if you want. But the others I think is better for the courses, how to use IFTTP program.

50
00:07:33,189 --> 00:07:47,980
mainly the html code consists in different different tags so each tag is is a control

51
00:07:47,980 --> 00:07:57,079
which attack don't controls one cut three days of your web page and to show what it's

52
00:07:57,079 --> 00:08:05,240
happen you use the symbol that you have here one to open the tax and with this

53
00:08:05,240 --> 00:08:16,199
kind of bars to close the characteristic so between these symbols you you write

54
00:08:16,199 --> 00:08:26,079
the characteristic so a one characteristic for example to open a

55
00:08:26,079 --> 00:08:35,100
web page you put between this symbol HTML and to close your web page you use

56
00:08:35,100 --> 00:08:44,139
the symbol with the bar. But there are other characteristics in a web page, for

57
00:08:44,139 --> 00:08:52,139
example the head and the body which are the two main parts of your web page and

58
00:08:52,139 --> 00:09:02,740
and to show what is the head and what is the body, you use this kind of symbols.

59
00:09:02,740 --> 00:09:12,139
We also use an attribute tag with a value with different attributes of one thing.

60
00:09:12,139 --> 00:09:36,870
So in this page you have a cheat more or less for the main tags of HTML code and I think they are very good, they are explaining, but you can do a search for this kind of information.

61
00:09:36,870 --> 00:09:56,820
Apart from the standard web page you can use HTML5 code, which let us to change the content of one page.

62
00:09:56,820 --> 00:10:09,820
So this is indeed programming language, because the other is just only HTML code, it isn't programming indeed.

63
00:10:09,820 --> 00:10:22,860
And also you can use JavaScript. Those are programs that you can put inside the head of the page.

64
00:10:22,860 --> 00:10:56,100
And if you want to upload your page and share them on the internet, you need a hosting website. So you need a space and you need a program which lets you to upload your web page and then share with the rest of the people.

65
00:10:56,100 --> 00:11:12,100
If your website is very big, it's better for you to use some editors, such as Neon, such as Composer or such as Microsoft Express.

66
00:11:12,100 --> 00:11:21,100
And then, clean the last things, you use the HTML code.

67
00:11:21,100 --> 00:11:32,980
And it's the most important thing that you should know for now, for this moment.

68
00:11:32,980 --> 00:11:43,820
So in the next one I'll give you a tutorial of what kind of website, not website, how

69
00:11:43,820 --> 00:11:54,899
you can do a very simple, a very easy web page, that is your work, that's all it is.

70
00:11:54,899 --> 00:12:06,720
We also discussed something about safety on the internet.