#100DaysOfWeb in Python Transcripts
Chapter: Days 5-8: HTML and HTML5
0:00 This wouldn't be a 100 Days of Code course
0:02 if you didn't get a chance to write
0:04 a decent amount of code yourself.
0:06 Now, we may be stretching the definition of code
0:09 here a little bit when we talk about HTML
0:11 but in this context
0:13 I think it kind of counts.
0:14 We're going to talk about what you get to do
0:16 for the next three days after watching the videos.
0:20 So, how do we get started?
0:21 Well, you start out by watching the videos
0:23 and since this one comes last
0:25 you probably have done that.
0:26 Maybe you're skipping ahead.
0:27 So go back, watch the videos if you
0:28 haven't already done that.
0:29 This should take you, occupy you for a day, about.
0:33 Now, we're going to do something really fun.
0:35 You saw us recreate Yahoo before.
0:39 Now, we're going to create another early version
0:41 of one of these tech giants, Google.
0:44 So you can see here, we've got the Google
0:45 home page circa 1998.
0:48 Yeah, it's built with tables and center tags
0:50 and all that badness.
0:51 It's really quite simple.
0:53 So, what your job is going to be
0:55 is to recreate something that looks
0:56 roughly like this.
0:58 So, I would say go back here to this link
1:01 and go to the 1998 version
1:03 and download this picture here.
1:06 But the rest of it you can just do
1:07 with straight HTML and tables.
1:09 Yeah, that's right, tables.
1:11 We didn't talk about tables, so here's a little quick
1:13 example of how you do tables.
1:15 You just need a table with three columns.
1:18 One here, here and here.
1:19 Actually, the Google page, that's a table row
1:23 with column span three.
1:24 You can do that or you just put it out there as a div.
1:26 That might be a little bit better.
1:29 So, this will be great.
1:30 You can rebuild this over days two and three.
1:32 And then for day four, you're going to add
1:34 a registration and sign in, log in page, if you will.
1:37 However detailed you want to get there.
1:39 Basically, imagine Google not like it was
1:42 but like it is, where you have to create an account.
1:44 So, you're going to create a login form with
1:46 the right validation and all of that kind of stuff
1:49 just like we did. That's it!
1:51 You've got three days of playing with HTML
1:52 and maybe some really rudimentary styles.
1:55 Hopefully, you have fun on this retro tech tour
1:58 and playing with this older HTML with
2:00 of course, HTML5.