1 00:00:00,570 --> 00:00:02,000 Hello and welcome. 2 00:00:02,100 --> 00:00:12,420 This vigil I will introduce you to some assets you will need to develop your website assets are various 3 00:00:12,420 --> 00:00:19,040 components you will use in building your website. 4 00:00:19,050 --> 00:00:24,690 Let's take a look at some assets or start where they text. 5 00:00:24,690 --> 00:00:34,820 You need to know what text you want to use for example paragraph title list terms and so on. 6 00:00:34,980 --> 00:00:43,740 You can choose the theme call by using any free call or pick a tool. 7 00:00:43,830 --> 00:00:48,490 For example Web page effects dot com. 8 00:00:49,530 --> 00:00:56,670 There are so many carlaw a tool just to a Google search for colour. 9 00:00:56,670 --> 00:01:09,330 Pick a tool you can select a collar by its name or by their Hexa decimal or hex values which is something 10 00:01:09,480 --> 00:01:10,550 like this here. 11 00:01:10,560 --> 00:01:13,260 This is what is called the hex value. 12 00:01:13,260 --> 00:01:18,550 So the idea is to go true and just pick out whatever colour you need. 13 00:01:18,570 --> 00:01:20,620 You can play around with these. 14 00:01:20,700 --> 00:01:29,280 Once you find the colour you need you can just copy the hex decimal values into your code editor. 15 00:01:29,490 --> 00:01:40,200 You also need images but you must be careful not to just grab any images you see on the web because 16 00:01:40,380 --> 00:01:43,450 they may be copyright. 17 00:01:43,470 --> 00:01:53,190 However there is a good Web site called on Splash dot com that allows you to use its images for free 18 00:01:53,600 --> 00:01:59,910 but day to ask if he could give the owner of the images some credit. 19 00:02:00,030 --> 00:02:01,940 It's not mandatory. 20 00:02:01,980 --> 00:02:04,800 It's useful to Nolly. 21 00:02:04,860 --> 00:02:11,000 If you do use any of their images this this on Slashdot. 22 00:02:11,410 --> 00:02:16,950 And they have lots of free images you can use or you need to do it. 23 00:02:16,950 --> 00:02:20,370 You don't necessarily have to log in. 24 00:02:20,460 --> 00:02:27,060 You can just explore by clicking on this thread here and you can just go and this option for you to 25 00:02:27,060 --> 00:02:27,760 search. 26 00:02:27,780 --> 00:02:34,470 Depending on what type of images you are looking for is just typing whatever you are looking for. 27 00:02:34,470 --> 00:02:37,860 For example if you're looking for something relating to beaches. 28 00:02:37,950 --> 00:02:44,340 Just type in Beaches and he has different images that comes up and this should be an option. 29 00:02:44,340 --> 00:02:50,830 Teachers download it and you can just give be credit when you click on the download link. 30 00:02:50,940 --> 00:02:53,460 There's an option here to tell you. 31 00:02:53,480 --> 00:02:54,740 Say thanks. 32 00:02:54,960 --> 00:02:58,600 So that means you can copy this click copy. 33 00:02:58,600 --> 00:03:07,110 That means it will put a reference on your webpage to this image so they know who created the image 34 00:03:07,140 --> 00:03:12,980 so I strongly recommend you give credit to whoever designed the image. 35 00:03:13,050 --> 00:03:16,070 If you decide to use any of their images. 36 00:03:16,110 --> 00:03:24,690 Another said you are going to need is fonts so you need to know what type of fonts you'll be using for 37 00:03:24,690 --> 00:03:26,610 your website. 38 00:03:26,610 --> 00:03:35,280 Google has a collection of fonts quite a big library so you can go there and just look at the front 39 00:03:35,670 --> 00:03:38,160 and see what if by one line. 40 00:03:38,190 --> 00:03:45,090 If you do find one you like you can reference them inside your code editor. 41 00:03:45,240 --> 00:03:53,910 This is the Google home page so you basically it is giving you a sample of what the font is going to 42 00:03:53,910 --> 00:03:58,770 look like so you just look through and if there's any funds that you like. 43 00:03:58,890 --> 00:04:06,890 He can just take notes on the name and then you can reference it from the link inside your code.