1
00:00:00,730 --> 00:00:07,450
Oké dus is het tijd voor een andere oefening en dat is je kunt hier zien we gaan naar een eenvoudige minimalistische blog site te bouwen.

2
00:00:07,590 --> 00:00:21,920
En deze oefening gaat echt om zich te concentreren op vrijwel alles wat we hebben besproken, maar het is echt te raken op een groot deel van de box model dingen zo opvulling en marges en grenzen als ook het type polygraphy het krijgen van een nieuwe Google-lettertype en een andere paar dingen.

3
00:00:22,080 --> 00:00:25,050
Dus we gaan deze ga ik je een paar instructies te geven op te bouwen.

4
00:00:25,050 --> 00:00:31,890
Als je het wilt proberen op je eigen en daarna gaan we te gaan over het als altijd vanaf nul te beginnen in de volgende video.

5
00:00:32,430 --> 00:00:34,020
Dus zal ik u enkele tips geven.

6
00:00:34,020 --> 00:00:37,200
Het eerste wat je zult waarschijnlijk merken is dit grijs vak.

7
00:00:37,860 --> 00:00:45,470
En dat is eigenlijk een rand hebben die rond het lichaam, zodat het lichaam de 20 pixel rand die helemaal gaat omheen.

8
00:00:45,480 --> 00:00:52,900
En dus dat betekent dat het lichaam een ​​expliciete met dat het niet gaat helemaal over het scherm, maar het gaat van hier naar daar.

9
00:00:53,310 --> 00:00:57,790
Dus een ander ding dat ik hier zal noemen zijn enkele van de kleuren.

10
00:00:58,440 --> 00:01:00,730
Dus je hoeft niet om de kleuren te raden.

11
00:01:00,750 --> 00:01:05,920
Het zou een goede oefening voor u om daadwerkelijk een kleur picker gebruiken en te proberen en dit op uw eigen.

12
00:01:06,270 --> 00:01:12,450
Maar omdat ik ben niet zeker hoe hoe de kwaliteit dan door middel van video zal worden uitgevoerd en dat zal een aantal dingen veranderen.

13
00:01:12,480 --> 00:01:16,340
Ik ben gewoon gaan om u de kleuren geven, dus ik heb ze getypt hier.

14
00:01:16,560 --> 00:01:24,500
U kunt verwijzen naar deze of u kunt vrij om uw eigen kleuren te gebruiken voelen, maar de grens kleur rond het lichaam hier is dit grijstint.

15
00:01:24,630 --> 00:01:28,720
De datum kleur deze blauwe en dat is dit schaduw van blauw hier.

16
00:01:28,920 --> 00:01:34,300
En dan is de titel kleur voor de blog titels is dit schaduw van blauwgrijs.

17
00:01:34,740 --> 00:01:40,160
En dan is een ander ding is dat je nodig hebt om een ​​lettertype hier opgenomen en dit lettertype.

18
00:01:40,380 --> 00:01:43,410
Ik zou zeker niet verwachten dat je gewoon te raden uit de top van je hoofd.

19
00:01:43,410 --> 00:01:50,520
Het heet Bron zin pro en het is beschikbaar in de Google fonts dus je zult moeten gaan op Google fonts.

20
00:01:50,730 --> 00:01:51,950
Download het.

21
00:01:51,950 --> 00:01:52,600
Opnemen.

22
00:01:52,600 --> 00:01:56,830
We moeten om het te downloaden, maar ook op het correct in je hem uit de leeftijd of uw CSSA bestand.

23
00:01:57,180 --> 00:02:00,760
Dus een paar andere dingen dit blockquote hier.

24
00:02:01,170 --> 00:02:04,650
Dit effect is slechts een linkergrens die is ingeschakeld.

25
00:02:04,800 --> 00:02:07,580
Dus het is dezelfde grijze kleur als we hier hebben is het gewoon dunner.

26
00:02:07,680 --> 00:02:09,410
Dus dat is alinks grens.

27
00:02:09,570 --> 00:02:15,060
Een ding dat ik nodig hebt om aandacht aandacht te besteden aan is ervoor te zorgen dat deze zijn allemaal precies afgestemd hetzelfde.

28
00:02:15,060 --> 00:02:19,410
Let er is een kleine marge of padding of hier iets.

29
00:02:19,410 --> 00:02:25,410
Het volgende ding dat ik hier zal wijzen is dat de datum is in hoofdletters.

30
00:02:25,560 --> 00:02:27,600
Dus er is een manier om dat te doen met uw succes.

31
00:02:27,660 --> 00:02:28,730
Maak het hoofdletters.

32
00:02:29,070 --> 00:02:33,720
En ook dat er een klein beetje van de brief spatiëring hier.

33
00:02:33,720 --> 00:02:37,790
Dus dit is niet in de normale letterafstand ze afstand van elkaar een beetje verder.

34
00:02:38,400 --> 00:02:41,900
En dan nog een laatste ding tussen de palen.

35
00:02:41,910 --> 00:02:47,370
Er is deze lijn en dit is een H R element staat voor een horizontale lijn.

36
00:02:47,370 --> 00:02:53,590
En zo kunt u een H R toe te voegen aan en voor zover styling deze naar deze dunne lijn dat soort krimpt naar beneden te krijgen.

37
00:02:53,820 --> 00:02:54,910
Ik heb iets gevonden online.

38
00:02:54,930 --> 00:02:56,560
Ik ben gewoon gaan om het te laten zien in de volgende video.

39
00:02:56,670 --> 00:03:03,950
Maar onderzoek van onze stijlen en er zijn zo veel leuke artikelen en code pennen dat je gewoon één van kunt kopiëren.

40
00:03:04,020 --> 00:03:08,490
Dus ik verwacht niet dat je deze gewoon recht anders te krijgen dan dat.

41
00:03:08,640 --> 00:03:11,580
Voel je vrij om het even welke tekst die u wilt gebruiken.

42
00:03:11,670 --> 00:03:15,720
Ik gebruikte ik denk dat dit spek ipsum maar zet elke tekst die u wilt.

43
00:03:15,720 --> 00:03:20,990
Voel je vrij om meer dan twee berichten hebben en dan ook gek met kleuren en lettertypen en maak het je eigen.

44
00:03:21,330 --> 00:03:22,730
OK dus ik zie je in de volgende video.

45
00:03:22,740 --> 00:03:23,960
We beginnen vanaf nul.