1
00:00:00,730 --> 00:00:05,820
Va bene, quindi è tempo per un altro esercizio e puoi vedere qui che costruiremo

2
00:00:05,880 --> 00:00:07,450
un semplice sito blog minimalista.

3
00:00:07,590 --> 00:00:12,930
E questo esercizio si focalizzerà praticamente su tutto ciò che abbiamo già detto, ma in realtà andrà

4
00:00:12,930 --> 00:00:19,110
a colpire molte delle cose del modello di box, quindi padding e margini e bordi oltre a digitare polygraphy ottenendo

5
00:00:19,350 --> 00:00:21,920
un nuovo font Google e pochi altri cose.

6
00:00:22,080 --> 00:00:25,050
Quindi lo costruiremo e ti darò alcune istruzioni.

7
00:00:25,050 --> 00:00:30,120
Se vuoi provare a farlo da solo prima e poi lo esamineremo come sempre partendo

8
00:00:30,120 --> 00:00:31,890
da zero nel prossimo video.

9
00:00:32,430 --> 00:00:34,020
Quindi ti darò alcuni suggerimenti.

10
00:00:34,020 --> 00:00:37,200
La prima cosa che noterai probabilmente è questa scatola grigia.

11
00:00:37,860 --> 00:00:44,850
E questo è in realtà un bordo attorno al corpo in modo che il corpo abbia questo bordo di 20 pixel che

12
00:00:44,850 --> 00:00:45,470
lo circonda.

13
00:00:45,480 --> 00:00:50,670
E questo significa che il corpo ha un esplicito che non sta andando attraverso lo

14
00:00:50,700 --> 00:00:52,900
schermo ma va da qui a lì.

15
00:00:53,310 --> 00:00:57,790
Quindi un'altra cosa che menzionerò qui sono alcuni dei colori.

16
00:00:58,440 --> 00:01:00,730
Quindi non devi indovinare i colori.

17
00:01:00,750 --> 00:01:05,370
Sarebbe un buon esercizio per te utilizzare effettivamente un selettore di colori e provare a scoprirlo

18
00:01:05,370 --> 00:01:05,920
da solo.

19
00:01:06,270 --> 00:01:11,640
Ma perché non sono sicuro di come verrà trasferita la qualità attraverso il video e questo cambierà

20
00:01:11,640 --> 00:01:12,450
alcune cose.

21
00:01:12,480 --> 00:01:16,340
Ti darò i colori così li ho scritti qui.

22
00:01:16,560 --> 00:01:21,510
Puoi fare riferimento a questi o puoi sentirti libero di usare i tuoi colori, ma il colore

23
00:01:21,510 --> 00:01:24,500
del bordo attorno al corpo è questa sfumatura di grigio.

24
00:01:24,630 --> 00:01:28,720
La data colora questo blu e questa è questa sfumatura di blu qui.

25
00:01:28,920 --> 00:01:34,300
E poi il colore dell'intestazione per i titoli dei blog è questa sfumatura di grigio bluastro.

26
00:01:34,740 --> 00:01:40,160
E poi un'altra cosa è che avrai bisogno di un font incluso qui e questo font.

27
00:01:40,380 --> 00:01:43,410
Sicuramente non mi aspetteresti che ti indovinassi solo in cima alla tua testa.

28
00:01:43,410 --> 00:01:50,280
Si chiama Source sense pro ed è disponibile sui font Google, quindi dovrai utilizzare Google font.

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

30
00:01:51,950 --> 00:01:52,600
Includilo.

31
00:01:52,600 --> 00:01:56,830
Dobbiamo scaricarlo ma includerlo correttamente nel tuo vecchio utente o nel tuo file CSSA.

32
00:01:57,180 --> 00:02:00,760
Quindi alcune altre cose questo blocco qui.

33
00:02:01,170 --> 00:02:04,650
Questo effetto è solo un bordo sinistro che è stato attivato.

34
00:02:04,800 --> 00:02:07,580
Quindi è lo stesso colore grigio che abbiamo qui è solo più sottile.

35
00:02:07,680 --> 00:02:09,410
Quindi questo è il confine di aleft.

36
00:02:09,570 --> 00:02:14,190
Una cosa a cui devo prestare attenzione è assicurarmi che siano allineati esattamente nello stesso modo.

37
00:02:15,060 --> 00:02:19,410
Nota che c'è un piccolo margine o imbottitura o qualcosa qui.

38
00:02:19,410 --> 00:02:25,410
La prossima cosa che farò notare qui è che la data è in maiuscolo.

39
00:02:25,560 --> 00:02:27,600
Quindi c'è un modo per farlo con il tuo successo.

40
00:02:27,660 --> 00:02:28,730
Fallo in maiuscolo.

41
00:02:29,070 --> 00:02:33,720
E anche che qui c'è un po 'di spazio tra le lettere.

42
00:02:33,720 --> 00:02:37,790
Quindi non è nella normale spaziatura delle lettere, ma sono distanziati un po 'più distanti.

43
00:02:38,400 --> 00:02:41,900
E poi un'ultima cosa tra i post.

44
00:02:41,910 --> 00:02:47,370
C'è questa linea e questo è un elemento H R sta per una regola orizzontale.

45
00:02:47,370 --> 00:02:53,100
E così puoi aggiungere una H R e per quanto riguarda lo stile per ottenere questa linea sottile che si restringe.

46
00:02:53,820 --> 00:02:54,910
Ho trovato qualcosa online.

47
00:02:54,930 --> 00:02:56,560
Te lo mostrerò nel prossimo video.

48
00:02:56,670 --> 00:03:03,030
i nostri stili e ci sono così tanti fantastici articoli e penne di codice che puoi semplicemente copiare.

49
00:03:03,030 --> 00:03:03,950
Ma cerca solo

50
00:03:04,020 --> 00:03:08,490
Quindi non mi aspetto che tu abbia questo giusto a parte questo.

51
00:03:08,640 --> 00:03:11,580
Sentiti libero di usare qualsiasi testo che desideri.

52
00:03:11,670 --> 00:03:15,720
Ho usato penso che questo sia bacon ipsum ma metti il ​​testo che vuoi.

53
00:03:15,720 --> 00:03:20,460
Sentiti libero di avere più di due post e poi impazzire con colori e caratteri e

54
00:03:20,460 --> 00:03:20,990
renderlo tuo.

55
00:03:21,330 --> 00:03:22,730
OK quindi ci vediamo nel prossimo video.

56
00:03:22,740 --> 00:03:23,960
Inizieremo da zero.