1
00:00:00,360 --> 00:00:01,140
お帰りなさい。

2
00:00:01,320 --> 00:00:06,480
これでフォルダ構造が設定され、ファイルが作成されました。このビデオでは、実際のチーム構造を作成するのに時間を費やすつもりです。

3
00:00:06,480 --> 00:00:10,020
 

4
00:00:10,020 --> 00:00:12,590
To Doリストに必要な要素。

5
00:00:12,990 --> 00:00:18,060
このユニットのコース全体を通して私たちが取り組んでいる最終バージョンを見てみましょう。

6
00:00:18,090 --> 00:00:19,270
 

7
00:00:19,650 --> 00:00:21,400
だからここに最終的なリストがあります。

8
00:00:21,600 --> 00:00:26,490
そして、私たちが持っている大きな要素には、ここで見出しがあります。

9
00:00:26,570 --> 00:00:29,200
あなたはここに何らかの要素のボタンを持っています。

10
00:00:29,340 --> 00:00:36,510
ここではテキスト入力があり、入力タイプはテキストと等しく、これは井戸であり、それぞれがそのULの味方です。

11
00:00:36,510 --> 00:00:38,580
 

12
00:00:39,030 --> 00:00:44,960
そして、ここにある各ボタンは、私たちが表示し、隠して変更しているスパンです。

13
00:00:44,970 --> 00:00:50,000
また、すべてを含めるには何らかの要素が必要です。そのためにデバイスを使用します。

14
00:00:50,040 --> 00:00:59,070
だから私たちはdiv内にdivが必要です。H-1はテキスト入力で、同盟者の束といくつかのスパンがあるULを入力します。

15
00:00:59,070 --> 00:01:01,230
 

16
00:01:01,230 --> 00:01:07,110
Sはありません。私たちがこれについてやっていく方法を知ってもらうには、機能を醜いリストを作成してから、 Cで

17
00:01:07,110 --> 00:01:12,660
だから、まず老人を書いてみましょう。実際のC

18
00:01:12,690 --> 00:01:14,590
 

19
00:01:14,640 --> 00:01:20,280
だから、私はJのクエリであり、新しいことをやり遂げ、それらを削除するというロジックである肉のことに行きたいと思います。そして最後に戻って最後にかなりのものを追加します。

20
00:01:20,280 --> 00:01:24,380
 

21
00:01:24,610 --> 00:01:24,860
OK。

22
00:01:24,870 --> 00:01:26,990
ですから、まずはHDで始めましょう。

23
00:01:27,300 --> 00:01:34,380
 

24
00:01:34,380 --> 00:01:44,280
私はdivを作ってIDのコンテナを与えましょう。そのdivの中にすべてを入れて、そのdivの代わりにH1を持たせて、リストを作成すると言うでしょうテキスト入力があります。

25
00:01:44,280 --> 00:01:46,640
 

26
00:01:46,990 --> 00:01:50,580
したがって、入力タイプはテキストと等しくなります。

27
00:01:50,580 --> 00:01:52,380
それがどのように形作っているかを見てみましょう。

28
00:01:52,680 --> 00:02:00,650
私は今のところ紫色の背景を取り除き、ここに行きましょう。

29
00:02:01,200 --> 00:02:04,230
そして私はこの警告を取り除くつもりです。

30
00:02:04,230 --> 00:02:06,270
それでは、今やってみましょう。

31
00:02:06,270 --> 00:02:07,240
そこに行く。

32
00:02:07,790 --> 00:02:08,140
OK。

33
00:02:08,190 --> 00:02:12,420
だから、私たちはH-1のテキストを持っています。

34
00:02:12,600 --> 00:02:15,450
私たちはそれをダッシュ​​リストにするべきだと思う。

35
00:02:15,690 --> 00:02:18,970
次に、ULを追加することです。

36
00:02:19,080 --> 00:02:24,240
ですから、Daschへの変更をリストにしましょう。

37
00:02:24,240 --> 00:02:30,660
その後、私たちのULに追加して、それぞれの中に嘘があります。

38
00:02:30,660 --> 00:02:35,130
3つか4つのチュチュのチュチュで始めることにしましょう。

39
00:02:35,430 --> 00:02:38,640
 

40
00:02:42,450 --> 00:02:48,350
だから私はポーションクラスの新しい服に行き、ハグリッドを訪れることも追加します。

41
00:02:48,360 --> 00:02:48,630
大丈夫。

42
00:02:48,630 --> 00:02:51,740
だから我々は私たちのリストでこれを行う3つがあります。

43
00:02:51,750 --> 00:02:59,630
これまでのところ非常に目立つリストではありませんが、H-1のテキスト入力とその内部の3人の味方があります。

44
00:02:59,680 --> 00:03:06,150
さて、今度は削除ボタンを追加してみましょう。このゴミ箱には、その後に来るすべてのスタイリングが削除されるボタンはありません。

45
00:03:06,150 --> 00:03:09,820
 

46
00:03:09,840 --> 00:03:15,030
私たちはもっと簡単なボタンを持っているだけで、実際はボタンではありません。

47
00:03:15,180 --> 00:03:16,460
それはちょうどこのように見えるだろう。

48
00:03:16,590 --> 00:03:23,400
文字Xをクリックすると、そのXをクリックすれば削除されます。

49
00:03:23,460 --> 00:03:28,830
それは、文字を嘘の一部にするのではなく、私がスパンをXという文字でスパンを使用するつもりではなく、最初からどうやって始めるかです。

50
00:03:28,830 --> 00:03:32,840
 

51
00:03:33,330 --> 00:03:38,200
だからそれをコピーしましょう。

52
00:03:38,340 --> 00:03:39,810
我々は3つのスパンを持っています。

53
00:03:39,990 --> 00:03:44,080
それぞれの文字にはXがリフレッシュされています。

54
00:03:44,100 --> 00:03:45,160
何も違って見えません。

55
00:03:45,450 --> 00:03:51,810
しかし今では、そのスパンを別々に選択することができ、クイックリスナーを追加します。

56
00:03:51,840 --> 00:03:56,890
そのスパンをクリックすると、これを削除するか、この全体が嘘です。

57
00:03:57,290 --> 00:03:57,530
OK。

58
00:03:57,540 --> 00:03:59,820
つまり、これはすべての基本的なマークアップです。

59
00:04:00,060 --> 00:04:02,750
ちょっとしたスタイリングをやりましょう。

60
00:04:02,790 --> 00:04:09,300
最初に行うのは、このdivの中央にあるので、divはIDコンテナです。

61
00:04:09,720 --> 00:04:21,330
ここでは、CSSAファイルで整頓されたコンテナを選択し、それを素敵な背景にしてみましょう。

62
00:04:22,020 --> 00:04:26,430
 

63
00:04:26,430 --> 00:04:28,670
divが途中にあるのが分かります。

64
00:04:28,860 --> 00:04:32,590
先に進んで、それを補完することで、それが全部進まないようにしましょう。

65
00:04:32,820 --> 00:04:39,900
そして、画面の中央に置いてみましょう。その幅は366です。

66
00:04:39,900 --> 00:04:41,840
 

67
00:04:42,120 --> 00:04:48,930
私たちがそれを保存すれば、それは私が最終版で持っているのと同じ幅です。

68
00:04:48,930 --> 00:04:53,870
だから、360ピクセル、そして次に私たちがやりたいことは、もちろんその中心です。

69
00:04:54,210 --> 00:04:57,000
そして、最も簡単な方法は、そのマージントリックを使用することです。

70
00:04:57,150 --> 00:05:02,760
そこで、上と下のマージンをゼロに、左右をAhtoに設定しました。

71
00:05:03,570 --> 00:05:07,640
私たちが今リフレッシュするなら、私たちはリストを行う素晴らしい中心部を持っています。

72
00:05:07,680 --> 00:05:11,650
だからこそタイムアウトし、ここから始めることができると評価します。

73
00:05:11,700 --> 00:05:13,760
必要なときに追加します。

74
00:05:13,950 --> 00:05:18,930
 

75
00:05:18,930 --> 00:05:24,780
 

76
00:05:24,780 --> 00:05:26,470
そして、基本的な機能を一度取り除くと、これをきれいにし、アニメーションと効果を知る権利を得ることに焦点を当てます。フェードやスライドを見て、見た目や雰囲気をもっと良くする。

77
00:05:27,060 --> 00:05:29,870
さて、次のビデオでは、いくつかの質問を書いてみるつもりです