1
00:00:01,240 --> 00:00:04,800
OK, więc chodźmy naprzód i stworzyć tego bloga od podstaw.

2
00:00:04,920 --> 00:00:06,620
Więc nie krępuj się podążać tutaj.

3
00:00:06,630 --> 00:00:11,530
Zamierzam przejść od tworzenia nowego pliku aż do wykończenia tego bloga tutaj.

4
00:00:12,000 --> 00:00:13,880
Więc pierwszą rzeczą, którą będziemy chcieli robić.

5
00:00:14,070 --> 00:00:19,750
Zamierzam zachować rozwiązanie otwarte tak, że mogę odwołać go i upewnij się, że mają rozmiary czcionek i kolorów poprawne.

6
00:00:20,040 --> 00:00:35,990
Ale pierwszą rzeczą, która naprawdę chcemy zrobić, to nasze pliki skonfigurować tak, mam dwa pliki blogu, że HMO i nie ma nic w nim do tej pory, z wyjątkiem tytułowego blogu, a to wiąże się z arkusza stylów o nazwie Blog Dotsie SS To pusta ,

7
00:00:36,030 --> 00:00:38,760
Więc to jest po prostu wiesz, że dwa pliki, które będziemy potrzebować.

8
00:00:39,090 --> 00:00:41,170
A teraz chodźmy naprzód i wypełnić je.

9
00:00:41,790 --> 00:00:44,950
Więc musimy się zdecydować, kiedy robią coś takiego.

10
00:00:44,970 --> 00:00:46,540
Gdzie zaczynamy.

11
00:00:46,560 --> 00:00:57,420
I myślę, że najlepszym rozwiązaniem jest, aby rozpocząć z niektórych z tych znaczników w naszych czasach G-mail i stylizacji niektóre z nich, ale nie mamy dostać wszystko ich idealne słowo w słowo, zanim faktycznie typu rzeczy.

12
00:00:57,780 --> 00:01:04,290
Więc chciałbym zacząć od wkładacie ust lub dwa i jeden z tych nagłówków w naszym organizmie.

13
00:01:04,290 --> 00:01:14,130
A do tego jest to tekst Lorem Ipsum jest wyjątkiem boczku ipsum, który jest po prostu dodać boczek ipsum dot com.

14
00:01:14,130 --> 00:01:17,340
Kliknij dać mi boczek i po prostu skopiować jeden z paragrafów.

15
00:01:17,610 --> 00:01:24,330
Ja tylko zamiar wykorzystać to, co mam tutaj, ale słowa nie są tak ważne, jak długo są słowa tam.

16
00:01:24,660 --> 00:01:26,840
Więc jeśli chcesz użyć boczku ipsum iść do przodu.

17
00:01:26,940 --> 00:01:34,520
Ale jeśli nie, jeśli sprzeciw wobec boczku można wybrać dowolny inny Ipsum lub po prostu zrobić swoje własne słowa, a właściwie umieścić tam swoje własne blogu.

18
00:01:34,560 --> 00:01:35,810
To byłby idealny.

19
00:01:36,030 --> 00:01:44,070
A potem będę też po prostu umieścić jeden z tutejszych pozycjach i jedna uwaga może warto byłoby, aby te H1 obu z nich.

20
00:01:44,070 --> 00:01:50,820
Ale generalnie zasada jest chcesz mieć jeden H-1 na stronie powinno być największą rzeczą na swojej stronie.

21
00:01:50,850 --> 00:01:55,420
Tak więc, ponieważ mamy wiele każdego są wielokrotne tytuły tutaj wielokrotne tytuły artykułów.

22
00:01:55,500 --> 00:02:11,360
Mam zamiar iść z H-2, ale pod koniec dnia, to nie ma znaczenia w ogóle, ponieważ będziemy projektować wszystko o tym mamy zamiar zmienić rozmiar czcionki mamy zamiar zmienić kolorów i wszystkie rzeczy, które zostaną ustalone przez co czyni go H1 kontra charakter tych różnic zostanie wyeliminowany jakikolwiek.

23
00:02:11,640 --> 00:02:22,210
Więc mam zamiar iść z H-2, a ja po prostu się powiedzieć, że to mój pierwszy artykuł nie najbardziej twórczy tytuł, ale zapisz go.

24
00:02:22,410 --> 00:02:24,220
I niech po prostu obejrzeć go zacząć.

25
00:02:24,630 --> 00:02:27,300
Więc go otworzyć.

26
00:02:27,360 --> 00:02:27,870
OK.

27
00:02:27,930 --> 00:02:30,090
Więc jest nasz blog do tej pory.

28
00:02:30,960 --> 00:02:33,100
Mamy więc sporo do podejmowania decyzji.

29
00:02:33,120 --> 00:02:38,620
Pierwszym miejscem, które mogą zacząć się w coraz to ciało mieć tę granicę.

30
00:02:39,180 --> 00:02:42,110
Więc zrobiłem zapewnić kolory w poprzednim filmie.

31
00:02:42,120 --> 00:02:56,240
Idę tylko skopiować ten kolor tutaj i mam zamiar dać organizmowi wody, więc wybiorę ciało, a potem wszystko, co musimy zrobić, to znaczy granicę i jest to 20 pikseli stałe to kolor szary.

32
00:02:56,370 --> 00:02:57,930
I niech to sprawdzić.

33
00:02:58,560 --> 00:02:59,090
OK.

34
00:02:59,220 --> 00:03:05,120
Więc to nie do końca wygląda tak, że chcemy go szukać, ale robi się tam mamy granicę.

35
00:03:05,580 --> 00:03:08,350
Zróbmy to w pełnym rozmiarze, tak naprawdę możemy porównać.

36
00:03:09,120 --> 00:03:16,390
Tak więc kolejna rzecz, którą można zauważyć jest to, że nasza granica jest jeden problem, który jest to idzie aż całe ciało zaczyna się na całą stronę.

37
00:03:16,560 --> 00:03:19,500
Versus tutaj ciało zajmuje tylko część strony.

38
00:03:19,560 --> 00:03:21,890
A potem jest odstęp po obu stronach.

39
00:03:21,930 --> 00:03:28,550
Potem jest również rozstaw w środku, że nie mamy, bo nasze słowa w naszym tekście iść prosto przed granicy.

40
00:03:28,590 --> 00:03:31,820
Więc zacznijmy od rozwiązania tego problemu i naprawić.

41
00:03:31,860 --> 00:03:33,520
Oczywiście trzeba wyściółkę.

42
00:03:33,630 --> 00:03:35,930
Więc to jest 20 pikseli wyściółka ze wszystkich stron.

43
00:03:35,970 --> 00:03:40,430
Widać tam dopełnienie na dole i po lewej i po prawej stronie, jak również.

44
00:03:40,470 --> 00:03:50,560
Więc w organizmie mamy prostu przypisać wyściółkę 20 pikseli na wszystkich czterech bokach i mamy to OK.

45
00:03:50,580 --> 00:03:52,510
Więc to jest trochę bliżej.

46
00:03:52,530 --> 00:04:15,360
Następną rzeczą, że powinniśmy pracować jest coraz szerokość poprawne i nie chodzi tylko o to, żeby szerokość być odpowiedniej wielkości, gdy jest to pełny ekran, ale również jako kurczy dół zobaczysz, że pozostaje to 700 pikseli IT pozostaje na 700 pikseli na chwilę, a następnie kurczy się i kurczy i skale.

47
00:04:15,360 --> 00:04:17,730
Dlatego chcemy, aby upewnić się, że możemy się stać.

48
00:04:17,820 --> 00:04:19,660
Więc mamy zamiar użyć trochę trick.

49
00:04:19,830 --> 00:04:24,220
A potem jeszcze jedna rzecz, którą chcesz zrobić, to upewnić się, że to właśnie teraz wyśrodkowany.

50
00:04:24,360 --> 00:04:25,330
Więc tak naprawdę nie możemy powiedzieć.

51
00:04:25,350 --> 00:04:28,210
Ale to nie jest wyśrodkowany to będzie po lewej stronie.

52
00:04:28,230 --> 00:04:30,850
Więc śmiało i dodać w ciągu pierwszego.

53
00:04:31,700 --> 00:04:49,660
Więc powiedzmy 700 pikseli i zapisać i to, co mówiłem o tym na lewo i chcemy wyśrodkować w środku i zrobić, że możemy korzystać z automatycznego lub marginesu auto trik, że mówił o w polu Model video.

54
00:04:50,100 --> 00:04:54,920
Więc mamy zamiar ustawić margines, a my będziemy po prostu użyć skróty.

55
00:04:55,050 --> 00:05:01,190
Więc mamy zamiar zrobić zero pikseli górę górze i na dole, a następnie Otto po lewej i prawej stronie.

56
00:05:01,230 --> 00:05:03,900
Pamiętam, kiedy po prostu zrobić dwie tutaj zamiast czterech.

57
00:05:04,020 --> 00:05:06,640
To jest góra i dół i to jest w lewo i prawo.

58
00:05:07,230 --> 00:05:15,740
Tak, że to dla nas centra automatycznie ale wtedy zauważysz, nadając mu zero górze i na dole to teraz aż przeciwko górze.

59
00:05:16,020 --> 00:05:17,870
A ten tutaj nie ma.

60
00:05:17,880 --> 00:05:18,720
Mamy trochę miejsca.

61
00:05:18,720 --> 00:05:20,950
Jest tam 20 pikseli w prawo.

62
00:05:21,210 --> 00:05:22,630
Więc to prosty fix.

63
00:05:22,770 --> 00:05:26,350
Tak samo zmiana linia tyłu 20 P x.

64
00:05:26,370 --> 00:05:27,490
Potrzebujemy x.

65
00:05:27,510 --> 00:05:30,580
My nie wcześniej, bo gdy jest zero, można po prostu zostawić go na zero.

66
00:05:30,720 --> 00:05:33,970
Ale gdy pojawia się wiele musimy następnego.

67
00:05:33,990 --> 00:05:36,110
OK, tak że wygląda całkiem blisko.

68
00:05:36,120 --> 00:05:46,470
Jedyną rzeczą jest to, że jak kurczą chcemy, żeby zatrzymać 700 pikseli, aż nie może już powiedzieć 700 pikseli.

69
00:05:46,470 --> 00:05:59,400
I chcemy, aby zmniejszyć w dół i jest to dość łatwe do zrobienia, że ​​właściwie wszystko, co chcemy zrobić, to zmienić to za max szerokość, a następnie jedziemy do przypisania jej procentowo z.

70
00:05:59,700 --> 00:06:03,760
A co to mówi, to sprawiają, że 80 procent, kiedy trzeba.

71
00:06:03,900 --> 00:06:07,540
Ale co najwyżej zrobić to 700 pikseli.

72
00:06:07,620 --> 00:06:09,780
Więc pokażę wam, co to wygląda po odświeżeniu.

73
00:06:09,780 --> 00:06:19,180
Nic się nie zmienia, ponieważ jest on dodawany do maksymalnie siedmiu sto pikseli więc sprawdza, czy 80 procent będzie więcej niż 700 pikseli, które będzie w tym przypadku.

74
00:06:19,200 --> 00:06:27,840
Więc pozostaje w dalszym ciągu pozostaje na poziomie 700 700, aż tu, gdzie zaczyna się kurczyć.

75
00:06:27,840 --> 00:06:31,250
To miejsce, gdzie 80 procent to obecnie mniej niż 700 pikseli.

76
00:06:31,770 --> 00:06:32,030
OK.

77
00:06:32,040 --> 00:06:35,370
Więc teraz mamy naszym podstawowym organem powołanym.

78
00:06:35,370 --> 00:06:39,330
Następną rzeczą, że chciałbym tu zrobić, to dostać nasz Funt dzieje.

79
00:06:39,330 --> 00:06:49,300
Więc jeszcze raz, jeśli idziemy do notatek, które mam od ostatniego filmu czcionka nazywa poczucie Źródło pro.

80
00:06:49,320 --> 00:06:54,370
Więc idź naprzód i udać się do Phosa Google i poszukać źródła wysyła Pro.

81
00:06:54,540 --> 00:07:06,860
Więc mam go otworzyć tutaj, ale znowu to tylko google kropka com czcionek slash i po prostu zrób to poszukiwanie źródła wysyła pro tu włożyć do użytku zbiórki.

82
00:07:07,140 --> 00:07:09,990
A teraz mamy wybór, który grubości chcemy.

83
00:07:10,250 --> 00:07:17,390
I rzeczywiście nie powiedział tego w oryginalnym filmie, ale jest to po prostu normalna Czcionka wagi czcionek 400.

84
00:07:17,520 --> 00:07:19,220
A to o większej gramaturze.

85
00:07:19,230 --> 00:07:20,050
To złożone.

86
00:07:20,100 --> 00:07:22,090
Więc będziemy chcieli oba z nich.

87
00:07:22,440 --> 00:07:26,970
Więc normalne pogrubioną 400 700 i to wszystko.

88
00:07:26,970 --> 00:07:29,700
Idziemy na dół i skopiuj ten link.

89
00:07:29,700 --> 00:07:37,180
Możemy pozbyć czcionek Google i teraz mamy zamiar udać się do naszej HMO i po prostu wklej ten link na.

90
00:07:37,950 --> 00:07:41,530
A teraz mamy możliwość korzystania poczucie źródłowego.

91
00:07:42,180 --> 00:07:51,100
Warto więc przypisać go do obu ustępów i dwójkami wiekowych i chcemy też, że jest w tych terminach.

92
00:07:51,270 --> 00:08:00,290
Więc co możemy zrobić, to wybrać ust i powiedzieć rodziny czcionek źródłem poczucia pro i mogliśmy zrobić to samo dla H-1.

93
00:08:00,990 --> 00:08:03,640
Ale to nie jest tak naprawdę dobre wykorzystanie naszego sukcesu.

94
00:08:03,780 --> 00:08:07,950
Nasz kod będzie trochę monotonne każdy element, który chcemy wykorzystać go.

95
00:08:07,950 --> 00:08:10,230
Musielibyśmy iść i to na dodatek.

96
00:08:10,770 --> 00:08:15,140
Więc to, co robimy, a nie tylko stosuje się go do ciała.

97
00:08:15,690 --> 00:08:19,420
A grając do wszystkiego ciała wewnątrz niej będzie go odziedziczyć.

98
00:08:19,470 --> 00:08:32,100
Więc czcionka źródło rodzinnej i pro i zapisać odświeżania i tam idziemy kiedykolwiek H-1 używając go lub H-2 i mamy akapit.

99
00:08:32,810 --> 00:08:34,560
Tak, że wygląda całkiem nieźle do tej pory.