1
00:00:00,730 --> 00:00:07,450
Très bien alors il est temps pour un autre exercice et c'est que vous pouvez voir ici, nous allons construire un simple blog minimaliste.

2
00:00:07,590 --> 00:00:21,920
Et cet exercice va vraiment se concentrer sur à peu près tout ce que nous avons couvert, mais il va vraiment frapper sur un lot de la boîte des choses modèle ainsi rembourrage et des marges et des frontières ainsi que la polygraphie type obtenir une nouvelle police Google et quelques autres des choses.

3
00:00:22,080 --> 00:00:25,050
Donc, nous allons construire ce que je vais vous donner quelques instructions.

4
00:00:25,050 --> 00:00:31,890
Si vous voulez l'essayer par vous-même tout d'abord, puis nous allons aller sur elle comme toujours à partir de zéro dans la prochaine vidéo.

5
00:00:32,430 --> 00:00:34,020
Donc, je vais vous donner quelques conseils.

6
00:00:34,020 --> 00:00:37,200
La première chose que vous remarquerez probablement est cette boîte grise.

7
00:00:37,860 --> 00:00:45,470
Et c'est en fait une frontière qui est autour du corps de sorte que le corps a cette frontière de 20 pixels qui va tout le chemin autour de lui.

8
00:00:45,480 --> 00:00:52,900
Et donc cela signifie que le corps a une explicite avec qui il ne va pas tout le chemin à travers l'écran, mais il va d'ici à là.

9
00:00:53,310 --> 00:00:57,790
Donc, une autre chose que je vais mentionner ici sont quelques-unes des couleurs.

10
00:00:58,440 --> 00:01:00,730
Donc, vous n'avez pas à deviner les couleurs.

11
00:01:00,750 --> 00:01:05,920
Ce serait un bon exercice pour que vous utilisiez réellement un sélecteur de couleur et essayez et découvrez ceci dehors sur vos propres.

12
00:01:06,270 --> 00:01:12,450
Mais parce que je ne suis pas sûr de savoir comment la qualité sera reportée sur la vidéo et cela va changer certaines choses.

13
00:01:12,480 --> 00:01:16,340
Je vais juste vous donner les couleurs, donc je les ai tapées ici.

14
00:01:16,560 --> 00:01:24,500
Vous pouvez vous référer à ces derniers ou vous pouvez vous sentir libre d'utiliser vos propres couleurs, mais la couleur de la bordure autour du corps ici est cette nuance de gris.

15
00:01:24,630 --> 00:01:28,720
La couleur de date ce bleu et ceci est cette nuance de bleu ici.

16
00:01:28,920 --> 00:01:34,300
Et puis la couleur de titre pour les titres de blog est cette nuance de gris bleuâtre.

17
00:01:34,740 --> 00:01:40,160
Et puis une autre chose est que vous aurez besoin d'avoir une police incluse ici et cette police.

18
00:01:40,380 --> 00:01:43,410
Je ne m'attendais pas à ce que vous vissiez juste le haut de votre tête.

19
00:01:43,410 --> 00:01:50,520
Il est appelé Source sense pro et il est disponible sur les polices Google afin que vous devrez aller sur les polices Google.

20
00:01:50,730 --> 00:01:51,950
Télécharge le.

21
00:01:51,950 --> 00:01:52,600
L'inclure.

22
00:01:52,600 --> 00:01:56,830
Nous devons le télécharger, mais l'inclure correctement dans votre vieilli ou sur votre fichier CSSA.

23
00:01:57,180 --> 00:02:00,760
Donc quelques autres choses cette blockquote ici.

24
00:02:01,170 --> 00:02:04,650
Cet effet est juste une bordure gauche qui a été activée.

25
00:02:04,800 --> 00:02:07,580
Donc, c'est la même couleur grise que nous avons ici c'est juste plus mince.

26
00:02:07,680 --> 00:02:09,410
Donc, c'est la frontière aleft.

27
00:02:09,570 --> 00:02:15,060
Une chose que je dois prêter attention à est de s'assurer que ceux-ci sont tous alignés exactement la même chose.

28
00:02:15,060 --> 00:02:19,410
Notez qu'il ya une petite marge ou un rembourrage ou quelque chose ici.

29
00:02:19,410 --> 00:02:25,410
La prochaine chose que je vais souligner ici est que la date est dans tous les plafonds.

30
00:02:25,560 --> 00:02:27,600
Il y a donc un moyen de le faire avec votre succès.

31
00:02:27,660 --> 00:02:28,730
Rendez-le en majuscules.

32
00:02:29,070 --> 00:02:33,720
Et aussi qu'il y a un peu d'espace entre les lettres ici.

33
00:02:33,720 --> 00:02:37,790
Donc, ce n'est pas dans l'espacement lettre normale, ils sont espacés un peu plus loin.

34
00:02:38,400 --> 00:02:41,900
Et puis une dernière chose entre les postes.

35
00:02:41,910 --> 00:02:47,370
Il y a cette ligne et c'est un élément H R qui signifie une règle horizontale.

36
00:02:47,370 --> 00:02:53,590
Et ainsi vous pouvez ajouter un H R dedans et en tant que styliser ceci pour obtenir cette ligne mince qui sorte de rétrécit vers le bas.

37
00:02:53,820 --> 00:02:54,910
J'ai trouvé quelque chose en ligne.

38
00:02:54,930 --> 00:02:56,560
Je vais juste vous le montrer dans la prochaine vidéo.

39
00:02:56,670 --> 00:03:03,950
Mais juste la recherche de nos styles et il ya tellement de grands articles et des stylos de code que vous pouvez simplement copier l'un des.

40
00:03:04,020 --> 00:03:08,490
Donc, je ne m'attends pas à ce que ce soit juste autre que cela.

41
00:03:08,640 --> 00:03:11,580
N'hésitez pas à utiliser le texte que vous voulez.

42
00:03:11,670 --> 00:03:15,720
J'ai utilisé je pense que c'est ipsum bacon, mais mettre n'importe quel texte que vous voulez.

43
00:03:15,720 --> 00:03:20,990
N'hésitez pas à avoir plus de deux messages et puis aussi devenir fou de couleurs et de polices et de le rendre votre propre.

44
00:03:21,330 --> 00:03:22,730
OK, je vais vous voir dans la prochaine vidéo.

45
00:03:22,740 --> 00:03:23,960
Nous partons de zéro.