Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,630 --> 00:00:02,100
All right. So in this lesson,
2
00:00:02,100 --> 00:00:05,910
we're going to be building our very first website. Now,
3
00:00:05,940 --> 00:00:08,430
because we've only talked about HTML so far
4
00:00:08,670 --> 00:00:12,090
so how to you structure websites using HTML elements
5
00:00:12,180 --> 00:00:15,780
and we haven't yet gotten to the part where we've learned about styling using
6
00:00:15,780 --> 00:00:16,613
CSS,
7
00:00:16,710 --> 00:00:20,190
then we're kind of limited in terms of the kind of websites that we can make.
8
00:00:20,700 --> 00:00:25,200
But fear not. Our websites are going to be right up there with the internet Titans,
9
00:00:25,380 --> 00:00:28,050
but just way back in 1997.
10
00:00:28,320 --> 00:00:31,320
So do you remember what Yahoo looked like when it first launched?
11
00:00:31,380 --> 00:00:34,860
Or do you remember what Google looked like when it first came out? No?
12
00:00:34,860 --> 00:00:38,430
You don't remember? Well, there is a great website that can show you exactly that.
13
00:00:38,670 --> 00:00:41,340
And it's called the internet archive wayback machine,
14
00:00:41,700 --> 00:00:45,750
and you can find it at web.archive.org. Now in here,
15
00:00:45,780 --> 00:00:48,780
if you just enter the URL of a website that you are interested in,
16
00:00:49,050 --> 00:00:51,570
say yahoo.com,
17
00:00:52,200 --> 00:00:56,970
then it shows you what this website looks like all the way from 1996 to current
18
00:00:56,970 --> 00:00:58,650
date, which is 2017.
19
00:00:58,950 --> 00:01:03,950
Now let's have a look at what Yahoo looked like originally on the first day it
20
00:01:04,020 --> 00:01:08,490
was crawled, so 17th of October 1996.
21
00:01:08,790 --> 00:01:11,190
So let's go ahead and click on that snapshot.
22
00:01:11,940 --> 00:01:16,200
And this is exactly what it looked like. So if we close off this frame,
23
00:01:16,560 --> 00:01:17,393
you can see
24
00:01:17,700 --> 00:01:21,780
it's almost like as if you've time traveled back to 1996
25
00:01:21,780 --> 00:01:25,710
when Yahoo first launched and you were visiting this website for the first time.
26
00:01:26,280 --> 00:01:30,600
Now, as you can see, most of this is just pure HTML.
27
00:01:30,990 --> 00:01:35,730
It's a lot of structure and a lot of formatting, but it looks really ugly.
28
00:01:35,910 --> 00:01:39,030
But it's okay because it's a great place to get started with.
29
00:01:39,390 --> 00:01:43,560
This is the sort of website that we're going to be building by the end of this
30
00:01:43,560 --> 00:01:47,550
module. Now I hear you say, Oh, but this looks terrible. Surely
31
00:01:47,550 --> 00:01:50,430
nobody builds websites like this anymore. Well,
32
00:01:50,460 --> 00:01:54,750
this is an interesting anecdote that you might not know. If you have a look at
33
00:01:54,750 --> 00:01:57,630
some of the world's top computer science professors,
34
00:01:57,990 --> 00:02:01,140
and you look at their personal pages that they've built,
35
00:02:01,260 --> 00:02:04,200
they all look a little bit like this,
36
00:02:04,260 --> 00:02:08,220
not so dissimilar from the websites in 1996.
37
00:02:08,520 --> 00:02:11,400
So this is Thomas Cormen who's a serious algorithm guy,
38
00:02:11,610 --> 00:02:15,300
and this is a website of Jon Kleinberg and another huge name computer science
39
00:02:15,300 --> 00:02:17,790
professor. And of course the King himself,
40
00:02:17,820 --> 00:02:20,940
Donald Knuth has a website that looks like this.
41
00:02:21,180 --> 00:02:24,060
So if it's good enough for these computer science Titans,
42
00:02:24,330 --> 00:02:27,450
then it's probably good enough also for our very first website.
43
00:02:28,020 --> 00:02:29,310
By the end of this module,
44
00:02:29,310 --> 00:02:32,460
we're going to build a website that looks much like this,
45
00:02:32,520 --> 00:02:36,510
something that we can put up online to show what we've done, our CV,
46
00:02:36,750 --> 00:02:38,880
as well as our hobbies and things that we like to do.
47
00:02:38,910 --> 00:02:43,380
So you can use it as a personal site or somewhere to list your CV online.
48
00:02:43,740 --> 00:02:48,120
I hope you're excited because I'm super excited. And once you're ready,
49
00:02:48,180 --> 00:02:51,510
let's go ahead and create our very first website.
4412
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.