1
00:00:01,240 --> 00:00:04,800
さて、このブログを最初から作成してみましょう。

2
00:00:04,920 --> 00:00:06,620
だからここをフォローしてください。

3
00:00:06,630 --> 00:00:11,530
私は新しいファイルを作成してからこのブログをここまで仕上げるつもりです。

4
00:00:12,000 --> 00:00:13,880
私たちが最初にやりたいことです。

5
00:00:14,070 --> 00:00:18,540
私はそれを参照できるようにソリューションを開いたままにし、色の正確さとフォントサイズを確認します。

6
00:00:18,540 --> 00:00:19,750
 

7
00:00:20,040 --> 00:00:25,690
Dotsie

8
00:00:25,730 --> 00:00:33,870
SSと呼ばれるスタイルシートにリンクしています。 。

9
00:00:33,970 --> 00:00:35,990
しかし、私たちが本当にやりたいことは、私たちのファイルをセットアップすることです。私は、HMOとそれ以外のところにはタイトルブログを除いて2つのファイルを持っており、Blog

10
00:00:36,030 --> 00:00:38,760
だからこれは私たちが必要とする2つのファイルを知っているだけです。

11
00:00:39,090 --> 00:00:41,170
それでは、先に進んで記入しましょう。

12
00:00:41,790 --> 00:00:44,950
だから私たちはいつこのようなことをしているのかを判断しなければなりません。

13
00:00:44,970 --> 00:00:46,540
どこから始めますか？

14
00:00:46,560 --> 00:00:52,440
そして、私たちの年齢のGメールでこのマークアップのいくつかから始めるのが最善の解決策だと思うが、実際にスタイルを作る前に、すべての単語を完全なものにする必要はありません。

15
00:00:52,440 --> 00:00:57,060
 

16
00:00:57,780 --> 00:01:04,290
だから私はあなたの頭の中にパラグラフか二つか一つを入れて始めます。

17
00:01:04,290 --> 00:01:11,700
これを行うには、これはLorem Ipsumのテキストですが、ベーコンipsumはベーコンipsumドットコムを追加するだけです。

18
00:01:14,130 --> 00:01:17,340
クリックして私にベーコンを与え、段落の一つをコピーしてください。

19
00:01:17,610 --> 00:01:24,000
私はここにあるものを使うつもりですが、言葉がそこにある限り、それほど重要ではありません。

20
00:01:24,660 --> 00:01:26,840
だから、もしあなたがベーコンipsumを使用したいと思います。

21
00:01:26,940 --> 00:01:32,550
しかし、もしあなたがベーコンに反対すれば、あなたは他のipsumを選ぶこともできますし、あなた自身の言葉を作り上げることも、あなた自身のブログ記事をそこに置くこともできます。

22
00:01:32,550 --> 00:01:34,520
 

23
00:01:34,560 --> 00:01:35,810
それは理想的だろう。

24
00:01:36,030 --> 00:01:41,400
そして、私はちょうどここに見出しの一つを入れて、これらを両方ともH1にすることが理にかなっていると思います。

25
00:01:41,400 --> 00:01:44,070
 

26
00:01:44,070 --> 00:01:49,800
しかし、一般的には、ページ上に1つのH-1を置いて、あなたのページ上で最大のものにする必要があります。

27
00:01:49,800 --> 00:01:50,820
 

28
00:01:50,850 --> 00:01:55,420
だから私たちはそれぞれ複数の見出しがあり、ここには複数の記事タイトルがあります。

29
00:01:55,500 --> 00:02:00,840
 

30
00:02:01,200 --> 00:02:05,760
 

31
00:02:05,760 --> 00:02:11,090
私はH-2に行くつもりですが、一日の終わりには全く問題はありません。フォントのサイズを変更しようとしているので、フォントのサイズを変更します。色とそれをH1とすることによって設定されるすべてのものは、それらの違いに対する性質は、とにかく排除されます。

32
00:02:11,640 --> 00:02:19,830
だから、私はH-2と一緒に行くつもりで、これは私の最初の記事ではなく、最も創造的なタイトルではなく、それを保存すると言っています。

33
00:02:19,830 --> 00:02:22,210
 

34
00:02:22,410 --> 00:02:24,220
プレビューを開始してみましょう。

35
00:02:24,630 --> 00:02:27,300
それを開いてください。

36
00:02:27,360 --> 00:02:27,870
OK。

37
00:02:27,930 --> 00:02:30,090
これまでのところ私たちのブログがあります。

38
00:02:30,960 --> 00:02:33,100
だから私たちはたくさんの決定を下す必要があります。

39
00:02:33,120 --> 00:02:38,620
私が始めるかもしれない最初の場所は、この身体にこの境界を持たせることです。

40
00:02:39,180 --> 00:02:42,110
だから私は最後のビデオの色を提供しました。

41
00:02:42,120 --> 00:02:47,850
 

42
00:02:47,850 --> 00:02:56,240
私はここでこの色をコピーするつもりです。私はボディを選択するように水のボディを与えるつもりです。そして、私たちがしなければならないのは、境界線と20ピクセルの灰色をしっかりとしたものです。

43
00:02:56,370 --> 00:02:57,930
それをチェックしましょう。

44
00:02:58,560 --> 00:02:59,090
OK。

45
00:02:59,220 --> 00:03:04,410
だから、見た目には見えないように見えますが、そこには境界線があります。

46
00:03:05,580 --> 00:03:08,350
私たちが本当に比較できるようにフルサイズにしましょう。

47
00:03:09,120 --> 00:03:13,740
あなたが気づくもう一つのことは、私たちの国境には一つの問題があるということです。それは全身がページ全体を占めています。

48
00:03:13,740 --> 00:03:16,390
 

49
00:03:16,560 --> 00:03:19,500
これとは対照的に、ボディはページの一部分を占めるだけです。

50
00:03:19,560 --> 00:03:21,890
そして両側に間隔があります。

51
00:03:21,930 --> 00:03:27,180
そして、私たちの文章中の私たちの言葉が国境に直面するので、私たちが持っていない内側にも間隔があります。

52
00:03:27,180 --> 00:03:28,550
 

53
00:03:28,590 --> 00:03:31,820
それでは、まず問題を解決して修正してみましょう。

54
00:03:31,860 --> 00:03:33,520
もちろん、パディングが必要です。

55
00:03:33,630 --> 00:03:35,930
これは20ピクセルのパディングです。

56
00:03:35,970 --> 00:03:40,430
下部と左と右にもパディングがあることがわかります。

57
00:03:40,470 --> 00:03:50,560
体内では、4辺すべてに20ピクセルのパディングを割り当てようとしています。これでOKです。

58
00:03:50,580 --> 00:03:52,510
だからそれはもう少し近いです。

59
00:03:52,530 --> 00:03:58,230
 

60
00:03:58,230 --> 00:04:07,350
 

61
00:04:07,350 --> 00:04:14,730
私たちが取り組むべき次のことは、幅を正しいものにすることです。フルスクリーンでは幅を適切なサイズにすることだけではなく、縮小していくと、これが700ピクセルであることがわかりますしばらくの間、700ピクセルにとどまった後、収縮して縮み、縮尺を変えます。

62
00:04:15,360 --> 00:04:17,730
だから私たちはそれが起こることを確実にしたいと思っています。

63
00:04:17,820 --> 00:04:19,660
だから私たちはちょっとしたトリックを使います。

64
00:04:19,830 --> 00:04:24,220
そして、あなたがしたいことのもう一つは、それが今中心になっていることを確認することです。

65
00:04:24,360 --> 00:04:25,330
まあ、私たちは本当に分かりません。

66
00:04:25,350 --> 00:04:28,210
しかし、それは中心にはない、それは左側になるだろう。

67
00:04:28,230 --> 00:04:30,850
だから先に進んで内側を追加しましょう。

68
00:04:31,700 --> 00:04:41,310
だから、700ピクセルで保存してみましょう、これは私が左でそれについて話していたものです。私たちは真ん中に中心を置いて、私がボックス内で話したオートまたはマージンの自動トリックを使用できるようにしたいモデルビデオ。

69
00:04:41,310 --> 00:04:47,250
 

70
00:04:47,250 --> 00:04:49,660
 

71
00:04:50,100 --> 00:04:54,920
だから私たちはマージンを設定して、ショートカットを使うだけです。

72
00:04:55,050 --> 00:05:01,190
それで、上下のピクセルを0ピクセル、次に左右のオットを行います。

73
00:05:01,230 --> 00:05:03,900
私たちが4人ではなく2人をここでやることを忘れないでください。

74
00:05:04,020 --> 00:05:06,640
これは上下です。これは左右です。

75
00:05:07,230 --> 00:05:14,100
それは自動的に私たちのためにそれを中心にしていますが、あなたはそれにゼロを与えることによって気づくでしょう。

76
00:05:14,100 --> 00:05:15,740
 

77
00:05:16,020 --> 00:05:17,870
そして、これはここではありません。

78
00:05:17,880 --> 00:05:18,720
私たちはいくらかスペースを持っています。

79
00:05:18,720 --> 00:05:20,950
そこに20ピクセルあります。

80
00:05:21,210 --> 00:05:22,630
それは簡単な修正です。

81
00:05:22,770 --> 00:05:26,350
同じ行が20 P xに戻って変化します。

82
00:05:26,370 --> 00:05:27,490
私たちはxが必要です。

83
00:05:27,510 --> 00:05:30,580
私たちが以前はなかったのは、それがゼロであるときにゼロにすることができるからです。

84
00:05:30,720 --> 00:05:33,970
しかし、数字があるときは次が必要です。

85
00:05:33,990 --> 00:05:36,110
OKだからかなり近いと思う。

86
00:05:36,120 --> 00:05:46,440
唯一のことは、縮小するにつれて、700ピクセルと言うことができなくなるまで、これを700ピクセルにしておきたいということです。

87
00:05:46,470 --> 00:05:52,440
 

88
00:05:52,440 --> 00:05:59,400
そして、それを縮小したいと思います。それを実行するのはかなり簡単です。実際には、これを最大幅に変更してから、それにパーセンテージを割り当てます。

89
00:05:59,700 --> 00:06:03,760
これが言うことは、必要な時に80％にすることです。

90
00:06:03,900 --> 00:06:07,540
しかし、最大でそれを700ピクセルにする。

91
00:06:07,620 --> 00:06:09,780
だから私はあなたがリフレッシュするときのように見えるものを表示します。

92
00:06:09,780 --> 00:06:16,410
最大700ピクセルに追加されているので、何も変わりません。そのため、この場合、80パーセントが700ピクセルを超えるかどうかを確認します。

93
00:06:16,410 --> 00:06:19,180
 

94
00:06:19,200 --> 00:06:27,840
だから700にとどまっていて、700にとどまっています。

95
00:06:27,840 --> 00:06:31,250
80％が現在700ピクセル未満です。

96
00:06:31,770 --> 00:06:32,030
OK。

97
00:06:32,040 --> 00:06:35,370
だから今私たちは基本的な身体をセットアップしました。

98
00:06:35,370 --> 00:06:39,330
私がここでやりたいことは、私たちのファントが行くことです。

99
00:06:39,330 --> 00:06:49,300
したがって、私が最後のビデオから得た注釈に行くと、フォントはSource sense proと呼ばれます。

100
00:06:49,320 --> 00:06:54,370
それでは、Googleのphosに目を向けると、送信元のProを探してみましょう。

101
00:06:54,540 --> 00:07:00,540
だから私はここでそれを開いているが、もう一度それはちょうどグーグルドットコムのスラッシュフォントであり、ちょうどソースがコレクションを使用するためにここにプロを送信するための検索を行う。

102
00:07:01,530 --> 00:07:06,860
 

103
00:07:07,140 --> 00:07:09,990
そして今、私たちは、どのフォントの重みが必要かを選択できます。

104
00:07:10,250 --> 00:07:15,540
そして、私は実際に元のビデオでこれをあなたに伝えませんでしたが、これはフォントウェイト400の通常のフォント面に過ぎません。

105
00:07:15,540 --> 00:07:17,390
 

106
00:07:17,520 --> 00:07:19,220
そして、これはより重い体重です。

107
00:07:19,230 --> 00:07:20,050
それは折り畳まれている。

108
00:07:20,100 --> 00:07:22,090
だから両方のものが欲しいと思っている。

109
00:07:22,440 --> 00:07:26,970
だから大胆に400 700とそれはそれです。

110
00:07:26,970 --> 00:07:29,700
ここに行ってこのリンクをコピーします。

111
00:07:29,700 --> 00:07:37,180
私たちは現在Googleのフォントを取り除くことができます。私たちはHMOに行き、そのリンクを貼り付けます。

112
00:07:37,950 --> 00:07:41,530
そして今、私たちはソースセンスを利用する能力を持っています。

113
00:07:42,180 --> 00:07:51,100
したがって、それを段落と年齢の両方に割り当てることにしましょう。また、これらの日付になるようにします。

114
00:07:51,270 --> 00:07:58,620
だから私たちができることは、段落を選択して、フォントファミリのソースセンスプロと言うことで、H-1についても同じことをすることができます。

115
00:07:58,620 --> 00:08:00,290
 

116
00:08:00,990 --> 00:08:03,640
しかし、それは私たちの成功の本当の良い使用ではありません。

117
00:08:03,780 --> 00:08:07,950
私たちのコードは、それを使用したいすべての要素を少し繰り返すことになります。

118
00:08:07,950 --> 00:08:10,230
私たちは行かなくてはならないでしょう。

119
00:08:10,770 --> 00:08:15,140
だから私たちが代わりに行うことは、それを身体に適用することだけです。

120
00:08:15,690 --> 00:08:19,420
そして、体の中にあるすべてのものを体内で演奏することによって、それを継承します。

121
00:08:19,470 --> 00:08:30,360
したがって、フォントファミリのソースとプロと保存をリフレッシュして、H-1またはH-2を使用しています。段落があります。

122
00:08:30,360 --> 00:08:32,100
 

123
00:08:32,810 --> 00:08:34,560
それはこれまでかなり見ています。