1
00:00:02,070 --> 00:00:05,370
だからこの演習の解決策を見てみましょう。

2
00:00:05,640 --> 00:00:09,210
いつものように、あなたが一緒に従っていきたいなら、すぐにコードを見ることができます。

3
00:00:09,210 --> 00:00:10,430
私と一から始めてください。

4
00:00:10,440 --> 00:00:12,110
自由にしてください。

5
00:00:12,150 --> 00:00:18,640
だから私たちがやるべきことの最初のことは、新しいファイルを作ることです。私はそれをポケモンと呼ぶでしょう。それぞれのチームが定型文を作成し、それがどこにあるのかに合わせてタイトルを記入しましょう。

6
00:00:21,450 --> 00:00:25,870
 

7
00:00:26,070 --> 00:00:28,070
ああ、チャートに来る。

8
00:00:29,760 --> 00:00:39,750
だから我々はこれがH-1を上に持ち、それぞれがチャート上の最初のgen hokumであることを知っている。

9
00:00:40,740 --> 00:00:48,690
そのテーブルにテーブルがあり、あなたの記憶をリフレッシュするだけでテーブルの見た目や動作に影響を与えないTヘッドとTボディがあることはわかっています。

10
00:00:48,690 --> 00:00:52,610
 

11
00:00:52,770 --> 00:01:00,210
これは純粋にマークアップを可能な限り意味を作り、検索エンジンやウェブクローラーがこれが右手に表示され、これが本文であることを認識できるようにすることです。

12
00:01:00,360 --> 00:01:06,580
 

13
00:01:06,720 --> 00:01:09,450
だから、それは実践の良いアイデアです。

14
00:01:09,450 --> 00:01:23,670
次に、私たちはトップ10の4つの見出しを追加し、10代の人はイメージ名の型を持ち、進化します。

15
00:01:23,670 --> 00:01:26,230
 

16
00:01:26,880 --> 00:01:31,190
それでは、どうしたらいいか見てみましょう。

17
00:01:31,470 --> 00:01:33,900
今のところテーブルがあります。

18
00:01:33,900 --> 00:01:40,480
私たちが最初にやりたいことは、私たちが境界線を与えたものと一致させることだけです。

19
00:01:40,740 --> 00:01:46,020
クラスで後でこれをやりたいとは思っていませんが、C Sについて話したら、C

20
00:01:46,030 --> 00:01:50,050
Sを使ってすべてのスタイリングを行います。

21
00:01:50,070 --> 00:01:53,730
これは純粋に物事を視覚的にすることに過ぎません。

22
00:01:53,970 --> 00:02:00,540
それについて知ることは悪い考えではありませんが、実際にこれを専門的に行うのがより良いアイデアです。

23
00:02:00,570 --> 00:02:02,540
OK、このデータの一部を取りに行きましょう。

24
00:02:02,720 --> 00:02:10,440
それをここの下にちょうど下にコピーしてコメントしたら、最初の行を作成するので、bulbasaurで始まります。

25
00:02:10,440 --> 00:02:12,440
 

26
00:02:12,480 --> 00:02:19,840
そうではなく、TRの代わりにあなたの体に必要なものではなく、40が必要です。

27
00:02:21,480 --> 00:02:25,230
名前は私たちの2番目のThに対応する予定です。

28
00:02:25,340 --> 00:02:28,130
だから私はそこに2番目の場所に置くつもりです。

29
00:02:28,410 --> 00:02:30,440
画像が最初に表示されます。

30
00:02:30,690 --> 00:02:36,720
 

31
00:02:36,780 --> 00:02:42,570
 

32
00:02:42,570 --> 00:02:44,310
だから私はあなたのイメージをコピーして、次にイメージタグを作成して、あなたがこのようにちょっと離れているかもしれないと思うなら、そのtiddyの中にあなたが本当にいるようにソースを設定します。

33
00:02:44,430 --> 00:02:49,200
 

34
00:02:49,200 --> 00:02:56,670
 

35
00:02:56,670 --> 00:03:00,540
だからあなたはこれが何にも影響を及ぼさないということを知っているのは、私たちのコードでは純粋に審美的だから、このイメージがテレビの中に入れ子になっている関係を見ることができます。

36
00:03:00,540 --> 00:03:05,090
そして、最後に、AIタグを持っている別のより複雑なものがあります。

37
00:03:05,730 --> 00:03:12,390
 

38
00:03:12,390 --> 00:03:21,540
このタグのように見える必要があることを覚えておいてください.Iveyのタグは、eタグで必要なリンクをコピーしてから、そのコンテンツの名前をコピーして、次に取り除きますこれはコメントを取り除くためのものです。

39
00:03:21,930 --> 00:03:24,330
 

40
00:03:24,330 --> 00:03:28,570
まあそれを取り除くだけで、これを少しきれいにすることができます。

41
00:03:29,190 --> 00:03:32,330
リフレッシュして、最初のエントリがあります。

42
00:03:32,430 --> 00:03:33,690
それが動作することを再度確認します。

43
00:03:33,700 --> 00:03:35,150
または私は痛むことができます。

44
00:03:35,160 --> 00:03:36,180
すばらしいです。

45
00:03:36,840 --> 00:03:37,560
OK。

46
00:03:37,560 --> 00:03:40,620
したがって、基本的には全く同じプロセスを繰り返すことになります。

47
00:03:40,620 --> 00:03:43,930
時間のために私はちょうどこれをコピーするつもりです。

48
00:03:44,100 --> 00:03:53,030
ですから、この行全体を覚えて、Control-Cを実行してコントロールVとコマンドCを貼り付けることができたことを覚えておいてください。また、この素晴らしいショートカットを選択してヒットすることもできます。

49
00:03:53,040 --> 00:04:02,640
 

50
00:04:02,700 --> 00:04:04,250
 

51
00:04:04,500 --> 00:04:07,910
そしてそれはそれを二度複製するでしょう。

52
00:04:07,920 --> 00:04:12,540
今は自動的に2倍になってしまいました。

53
00:04:13,200 --> 00:04:16,320
だから、最初の名前はcharl

54
00:04:20,220 --> 00:04:21,380
 

55
00:04:26,850 --> 00:04:33,770
Mandarです。あなたはOwlであり、Tamilianが必要です。

56
00:04:34,740 --> 00:04:38,400
それは火のタイプであり、あなたはここにすべてペーストされています。

57
00:04:43,980 --> 00:04:45,830
 

58
00:04:47,040 --> 00:04:48,360
それを確認しましょう。

59
00:04:48,780 --> 00:04:54,480
だから私たちはリンクをコピーして貼り付けているため、オープンソースにする必要があります。

60
00:04:54,480 --> 00:04:55,250
すばらしいです。

61
00:04:55,290 --> 00:04:57,660
今度は、Squirtle image

62
00:05:03,300 --> 00:05:03,870
 

63
00:05:08,510 --> 00:05:09,960
waterで仕上げるだけです。

64
00:05:10,050 --> 00:05:12,210
 

65
00:05:14,570 --> 00:05:21,560
リンクが名前やタートルを変更し、飲み物が水であれば、まずはあなたと一緒に行きましょう。

66
00:05:21,760 --> 00:05:26,350
コピーしてそこに貼り付けてください。

67
00:05:26,380 --> 00:05:27,170
そこに行く。

68
00:05:27,180 --> 00:05:28,860
すべてが素晴らしいことを確認してください。

69
00:05:29,030 --> 00:05:33,950
OKだから、それらが一致することを確認する必要があります。

70
00:05:34,170 --> 00:05:37,810
いいね。

71
00:05:38,280 --> 00:05:38,920
すばらしいです。

72
00:05:38,940 --> 00:05:41,490
私がここにいる間に私が作るかもしれない小さな変化。

73
00:05:41,490 --> 00:05:43,250
これについての良いレッスンです。

74
00:05:43,250 --> 00:05:51,620
私はここにコメントを追加します。あなたのために明確にするために、この最初のものはあなたの次のものです。

75
00:05:51,630 --> 00:05:54,500
これはチャームマンダールのすべてです。

76
00:05:54,510 --> 00:06:01,460
最後に、これはSquirtleに対応するすべてです。

77
00:06:01,530 --> 00:06:05,680
私が言及したように1つの変更は、これらの画像が一種のものだということです。

78
00:06:05,780 --> 00:06:09,880
私たちは素早くそれらを縮小することができ、それはテーブルのサイズを縮小するでしょう。

79
00:06:10,110 --> 00:06:14,110
これはスタイル情報であるCSSAで行うことです。

80
00:06:14,190 --> 00:06:18,090
理想的には、各チームから遠ざかっています。

81
00:06:18,120 --> 00:06:19,900
我々はそれらを別々にしておきたい。

82
00:06:19,950 --> 00:06:22,360
私は毎回CSSAスタイルを構築します。

83
00:06:22,710 --> 00:06:32,340
しかし、このエクササイズでは、画像に属性を付け加えて、50のような数字を入れ、それをリフレッシュとして見ます。

84
00:06:32,340 --> 00:06:35,220
 

85
00:06:35,220 --> 00:06:44,380
これは、あなたが500に変わって巨大な画像を取得する場所よりもはるかに小さい50ピクセルに変わります。

86
00:06:44,540 --> 00:06:45,640
それを50に保つ。

87
00:06:45,990 --> 00:06:53,700
そして私がこれをあなたに示すもう一つの理由は、この3回をコピーして貼り付けるのではなく、うまく動作することです。

88
00:06:53,700 --> 00:06:56,450
 

89
00:06:56,910 --> 00:07:05,430
それを崇高な方法で実行するより良い方法は、実際には3つのカーソルを作成することです。

90
00:07:05,670 --> 00:07:14,290
ホールドコマンドをもう一度クリックしてコマンドを引っ張ってからもう一度クリックすると、入力を開始できます。

91
00:07:14,320 --> 00:07:20,100
そして私は一度に3つのカーソルを持っていて50である。

92
00:07:20,370 --> 00:07:21,800
だからこれはかなりクールです。

93
00:07:21,810 --> 00:07:27,000
一度に複数のものを変更する必要がある場合は、場所をあちこちにクリックするだけで、たくさんのcursesが生成されます。

94
00:07:27,000 --> 00:07:31,810
 

95
00:07:32,490 --> 00:07:38,890
あなたが見ることができるように、わかりやすい、目立つサイズのテーブルがあります。

96
00:07:38,900 --> 00:07:39,360
大丈夫