WEBVTT

00:00:07.260 --> 00:00:13.610
In this session we are going to build a web site from scratch using ASML and yesus.

00:00:13.710 --> 00:00:19.770
So this is going to be a good opportunity to review and practice the skills we have learned in the HLL

00:00:19.830 --> 00:00:22.850
and CSSA chapters of the schools.

00:00:22.890 --> 00:00:27.390
So before going ahead and making these Web sites you need to make sure that you're comfortable with

00:00:27.390 --> 00:00:30.140
the basics of Ishmael and yesus.

00:00:30.240 --> 00:00:31.050
OK.

00:00:31.470 --> 00:00:35.530
So let's go through the different sections of our Web sites.

00:00:35.550 --> 00:00:42.780
So first of all we're going to have a header where we can place a title for our website or what we call

00:00:42.810 --> 00:00:43.790
a brand.

00:00:44.340 --> 00:00:47.080
And then we're going to have a nice search box in there.

00:00:47.430 --> 00:00:48.400
OK.

00:00:48.420 --> 00:00:55.170
I'm going to style it using some nice background and also in a style our inputs using some colors and

00:00:55.230 --> 00:00:58.590
we're going to add a nice search icon in there.

00:00:58.690 --> 00:01:01.100
I'm going to show you how to do all this.

00:01:01.150 --> 00:01:02.160
OK.

00:01:03.120 --> 00:01:09.140
Then we can have a menu because we're going to style using some nice background as well.

00:01:09.180 --> 00:01:13.210
You going to have some links inside the menu.

00:01:13.500 --> 00:01:13.940
OK.

00:01:14.080 --> 00:01:16.730
Or are the colors and transitions.

00:01:16.820 --> 00:01:23.790
Will we be practicing see it has properties we have learnt like styling borders adding padding margins

00:01:23.820 --> 00:01:25.140
and so on.

00:01:26.010 --> 00:01:28.770
And then you can have a nice content's box.

00:01:28.830 --> 00:01:34.800
We're going to play some text there had a paragraph and we're going to add some CSA styling as well

00:01:34.800 --> 00:01:36.220
.

00:01:37.080 --> 00:01:41.960
And then we're going to have a couple of sidebars a left one and a right one.

00:01:42.150 --> 00:01:47.070
And inside each one in a place a list of items that we're going to be styling using some nice colors

00:01:47.250 --> 00:01:50.740
transitions and pictures.

00:01:50.960 --> 00:01:52.540
OK.

00:01:52.830 --> 00:01:57.970
And finally we're going to have a nice footer for our Web site.

00:01:58.790 --> 00:02:00.760
OK.

00:02:00.780 --> 00:02:01.440
All right.

00:02:01.530 --> 00:02:09.780
So in the next video we're going to start writing some ASML and CACs code and build our websites