1
00:00:00,730 --> 00:00:05,820
Muy bien, así que es hora de otro ejercicio y eso es lo que puedes ver aquí. Vamos a construir

2
00:00:05,880 --> 00:00:07,450
un sitio de blog minimalista simple.

3
00:00:07,590 --> 00:00:12,930
Y este ejercicio realmente se enfocará en prácticamente todo lo que hemos cubierto, pero realmente va a afectar muchas

4
00:00:12,930 --> 00:00:19,110
de las cosas del modelo de caja, por ejemplo, el relleno y los márgenes y las fronteras, así como la tipografía poligráfica,

5
00:00:19,350 --> 00:00:21,920
una nueva fuente de Google y algunas otras. cosas.

6
00:00:22,080 --> 00:00:25,050
Así que vamos a construir esto Voy a darte algunas instrucciones.

7
00:00:25,050 --> 00:00:30,120
Si primero quieres intentarlo por tu cuenta y luego vamos a repasarlo como siempre, empezando desde

8
00:00:30,120 --> 00:00:31,890
cero en el siguiente video.

9
00:00:32,430 --> 00:00:34,020
Así que te daré algunos consejos.

10
00:00:34,020 --> 00:00:37,200
Lo primero que probablemente notará es este cuadro gris.

11
00:00:37,860 --> 00:00:44,850
Y eso es en realidad un borde que rodea el cuerpo, por lo que el cuerpo tiene este borde de 20 píxeles que lo

12
00:00:44,850 --> 00:00:45,470
rodea todo.

13
00:00:45,480 --> 00:00:50,670
Y eso significa que el cuerpo tiene una explicita con eso que no va a través de la

14
00:00:50,700 --> 00:00:52,900
pantalla pero va de aquí para allá.

15
00:00:53,310 --> 00:00:57,790
Otra cosa que mencionaré aquí son algunos de los colores.

16
00:00:58,440 --> 00:01:00,730
Entonces no tienes que adivinar los colores.

17
00:01:00,750 --> 00:01:05,370
Sería un buen ejercicio para usted usar un selector de color y tratar de descubrirlo por

18
00:01:05,370 --> 00:01:05,920
su cuenta.

19
00:01:06,270 --> 00:01:11,640
Pero porque no estoy seguro de cómo la calidad se transmitirá a través del video y eso

20
00:01:11,640 --> 00:01:12,450
cambiará algunas cosas.

21
00:01:12,480 --> 00:01:16,340
Solo voy a darte los colores para que los escriba aquí.

22
00:01:16,560 --> 00:01:21,510
Puede volver a referirse a estos o puede usar sus propios colores, pero el color del

23
00:01:21,510 --> 00:01:24,500
borde alrededor del cuerpo aquí es este tono de gris.

24
00:01:24,630 --> 00:01:28,720
El color de la fecha es azul y este es el tono azul aquí.

25
00:01:28,920 --> 00:01:34,300
Y luego, el color del encabezado para los títulos del blog es este tono de gris azulado.

26
00:01:34,740 --> 00:01:40,160
Y luego otra cosa es que necesitarás tener una fuente incluida aquí y esta fuente.

27
00:01:40,380 --> 00:01:43,410
Definitivamente no esperaría que solo adivines la parte superior de tu cabeza.

28
00:01:43,410 --> 00:01:50,280
Se llama Source sense pro y está disponible en fuentes de Google, por lo que tendrá que utilizar las fuentes de Google.

29
00:01:50,730 --> 00:01:51,950
Descargalo.

30
00:01:51,950 --> 00:01:52,600
Incluirlo

31
00:01:52,600 --> 00:01:56,830
Tenemos que descargarlo, pero incluirlo correctamente en su edad o en su archivo CSSA.

32
00:01:57,180 --> 00:02:00,760
Así que algunas otras cosas este bloque aquí.

33
00:02:01,170 --> 00:02:04,650
Este efecto es solo un borde izquierdo que se ha encendido.

34
00:02:04,800 --> 00:02:07,580
Entonces es el mismo color gris que tenemos aquí, es más delgado.

35
00:02:07,680 --> 00:02:09,410
Entonces ese es un borde alemán.

36
00:02:09,570 --> 00:02:14,190
Una cosa a la que debo prestarle atención es asegurarse de que todos estén alineados exactamente de la misma manera.

37
00:02:15,060 --> 00:02:19,410
Tenga en cuenta que hay un pequeño margen o relleno o algo aquí.

38
00:02:19,410 --> 00:02:25,410
Lo siguiente que señalaré aquí es que la fecha está en mayúsculas.

39
00:02:25,560 --> 00:02:27,600
Entonces hay una manera de hacerlo con su éxito.

40
00:02:27,660 --> 00:02:28,730
Hazlo mayúsculo

41
00:02:29,070 --> 00:02:33,720
Y también que hay un poco de espacio entre letras aquí.

42
00:02:33,720 --> 00:02:37,790
Así que esto no está en el espaciado de letras normal, están un poco separados.

43
00:02:38,400 --> 00:02:41,900
Y luego una última cosa entre las publicaciones.

44
00:02:41,910 --> 00:02:47,370
Existe esta línea y este es un elemento H R representa una regla horizontal.

45
00:02:47,370 --> 00:02:53,100
Y para que pueda agregar una H R y en lo que se refiere a diseñar esto para obtener esta delgada línea que se encoge hacia abajo.

46
00:02:53,820 --> 00:02:54,910
Encontré algo en línea.

47
00:02:54,930 --> 00:02:56,560
Solo te lo mostraré en el próximo video.

48
00:02:56,670 --> 00:03:03,030
nuestros estilos y hay tantos artículos geniales y plumas de código que puede copiar uno de ellos.

49
00:03:03,030 --> 00:03:03,950
Pero solo investigue

50
00:03:04,020 --> 00:03:08,490
Así que no espero que entiendas esto de otra manera.

51
00:03:08,640 --> 00:03:11,580
Siéntete libre de usar cualquier texto que desees.

52
00:03:11,670 --> 00:03:15,720
Utilicé Creo que esto es bacon ipsum, pero pongo el texto que quieras.

53
00:03:15,720 --> 00:03:20,460
Siéntete libre de tener más de dos publicaciones y luego también enloquece con los colores y las fuentes y

54
00:03:20,460 --> 00:03:20,990
hazlo tuyo.

55
00:03:21,330 --> 00:03:22,730
OK, así que nos vemos en el próximo video.

56
00:03:22,740 --> 00:03:23,960
Comenzaremos desde cero.