1
00:00:00,770 --> 00:00:01,090
大丈夫。

2
00:00:01,100 --> 00:00:02,060
お帰りなさい。

3
00:00:02,330 --> 00:00:07,870
そこでTaurielは、Joachimのランディングページの背景スライダーを作成します。

4
00:00:08,150 --> 00:00:12,830
背景のスライダには、5秒間表示されるように、互いにフェードする5つの画像があります。

5
00:00:12,830 --> 00:00:13,640
 

6
00:00:13,640 --> 00:00:18,620
5秒間フェードインした後、5秒間フェードアウトし、フェードアウトがフェードインと重なって次の画像がクロスフェード効果を作り出します。

7
00:00:18,620 --> 00:00:21,140
 

8
00:00:24,920 --> 00:00:31,340
だから私がやろうとしていることは、自分のシーンを開くことです。背景スライダーと背景サイダーというディレクトリが実際にはカムのバージョン11です。

9
00:00:31,340 --> 00:00:34,740
 

10
00:00:35,150 --> 00:00:42,150
したがって、11のバージョンを使用してバージョン12を作成すると、そのディレクトリから作業を開始できます。

11
00:00:42,230 --> 00:00:45,960
だから私は作成したチュートリアルに行くつもりですが、これはユーロを得るためには、ドットコムが私のユーザー名をスラッシュしてx

12
00:00:50,030 --> 00:00:57,530
3 Tにして、スラッシュバックグラウンドダッシュスライダをつけることです。

13
00:00:57,530 --> 00:00:59,310
 

14
00:00:59,870 --> 00:01:05,750
だから最初にやりたいことは、Ejazのページを自分のワークスペースに戻してviewsディレクトリに移動し、Wを開くことです。

15
00:01:06,110 --> 00:01:14,030
J.

16
00:01:14,630 --> 00:01:22,230
あたかもここでチュートリアルに戻ってきて、このコード全体をコピーして、これをすべて置き換えることができます。

17
00:01:22,300 --> 00:01:28,930
ここで私たちが持っているのは、私たちのdoctypeセットがマウントされていることです。そして、ヘッドエリアの内側にいくつかのリンクがあります。

18
00:01:28,930 --> 00:01:29,490
 

19
00:01:29,500 --> 00:01:34,340
私たちはブートストラップ用のものを持っています。Mendonsa SSブートストラップ用のCDNです。

20
00:01:34,390 --> 00:01:36,260
次に、カスタムスタイルシートにリンクします。

21
00:01:36,430 --> 00:01:40,390
これは、メインCSSAのスタイルを使用したくないために作成した新しいスタイルシートです。これらのスタイルはリンク先ページに固有のものです。

22
00:01:40,650 --> 00:01:44,360
 

23
00:01:44,560 --> 00:01:50,050
CSSAをスタイルシートのディレクトリに追加する必要がありますが、もう少し早くそのCSSスタイルに戻っていきます。

24
00:01:50,050 --> 00:01:51,510
 

25
00:01:51,910 --> 00:01:54,940
私は近代化装置と呼ばれるものにもCDNを追加しました。

26
00:01:55,180 --> 00:02:00,550
それで、近代化する人はブラウザでバージョンを確認してから、ブラウザがInternet

27
00:02:00,550 --> 00:02:06,330
Explorer

28
00:02:06,330 --> 00:02:12,100
8のように古くなった場合に特別なクラスをページに追加し、CSSAがそれらのクラスにラッチできるようにします近代化ツールによって追加され、私たちのページは私たちの体の中でより多くのブラウザ間で互換性があります。

29
00:02:12,100 --> 00:02:16,100
 

30
00:02:16,100 --> 00:02:22,670
私たちはコンテナdivを持っています。そして、私たちのエラーや成功のメッセージのための条件を持っています。そして、私は、ヘッダーの着陸のアイデアを使って作成したdivを持っています。

31
00:02:22,670 --> 00:02:26,950
 

32
00:02:27,050 --> 00:02:30,450
これは私たちのキャンプテキストへようこそH-1を置く場所です。

33
00:02:30,500 --> 00:02:34,500
それから、私たちはすべてのキャンプ場ボタンを見ます。

34
00:02:34,650 --> 00:02:39,790
私たちはまた、スライドショーのクラスで注文リストを追加し、5つのリスト項目を持っています。

35
00:02:39,870 --> 00:02:41,340
これはかなり面白いです。

36
00:02:41,490 --> 00:02:46,740
お互いにフェードする複数の背景があるため、実際には身体を使って背景を作成するわけではありません。

37
00:02:46,740 --> 00:02:48,620
 

38
00:02:48,660 --> 00:02:51,690
我々はそれらを何らかのタイプのTummo要素に付ける必要があります。

39
00:02:51,840 --> 00:02:56,000
だから私たちが選んだのは、これらのリスト項目のそれぞれにそれぞれの背景を付けることです。

40
00:02:56,010 --> 00:03:00,360
そこで、5つの背景画像に対応する5つのリスト項目があることに気づくでしょう。これらの項目は、相互にクロスフェードすることになる5つの背景画像です。また、下部にはParshallのフィルタがあります。

41
00:03:00,360 --> 00:03:05,400
 

42
00:03:05,400 --> 00:03:06,150
 

43
00:03:06,180 --> 00:03:11,070
私たちは先に進んでincludeタグを使用して、Parshall's for Slash forに向かいます。

44
00:03:11,250 --> 00:03:18,120
私たちがUJAを上陸させるためには、サーバーを稼働させてMongarを実行し、Mongaデーモンを稼働させたら、別のタブを開いてノードを実行することができます。

45
00:03:18,120 --> 00:03:22,560
 

46
00:03:22,740 --> 00:03:27,880
Pneumonについてまだわからない場合は、それをインストールして、ノードアプリケーションを使用する代わりにインストールしてください。

47
00:03:28,010 --> 00:03:28,500
はい。

48
00:03:28,530 --> 00:03:33,870
また、サーバーのファイルの変更をリッスンし、変更および保存された場合はサーバーを再起動して、サーバータブを前後する必要はありません。

49
00:03:34,100 --> 00:03:37,890
 

50
00:03:37,890 --> 00:03:38,710
 

51
00:03:38,880 --> 00:03:47,340
それを閉じてノードを再起動すると、私たちはコマンドNPM

52
00:03:47,440 --> 00:03:57,270
install Dutchieをグローバルに、そしてノード9をデーモンなしにインストールします。一度インストールすると、私たちのプロジェクトの親ディレクトリの中にある限りデーモンを実行せずにApter

53
00:03:57,270 --> 00:04:03,160
jazzファイルを探します。

54
00:04:03,480 --> 00:04:05,150
あるいは明示的に伝えることができます。

55
00:04:05,280 --> 00:04:09,420
Jadのデーモンアプリはありません。

56
00:04:09,440 --> 00:04:17,100
だから今私たちのサーバーを走らせてみよう、それをプレビューしてみよう、ここではフルスクリーンで開きます。

57
00:04:18,110 --> 00:04:23,730
そして、現在我々はこのH-1を持っていますし、ボタンを持っていて5つのリスト項目があります。

58
00:04:23,870 --> 00:04:30,910
 

59
00:04:30,910 --> 00:04:36,170
 

60
00:04:36,170 --> 00:04:38,490
だから今私たちがしなければならないことは、このすべてをStuyの中心にして、これらのリストアイテムがすべてリストアイテムのための箇条書きになるようにすることです。隠された後、全体を占める巨大な背景イメージに置き換えられますページ。

61
00:04:38,510 --> 00:04:42,680
ランディングページでは、実際には必要ないため、上にナビゲーションバーが表示されなくなります。

62
00:04:42,680 --> 00:04:43,490
 

63
00:04:43,670 --> 00:04:47,870
私たちはすべてのキャンプ場を見に行くことができ、ユーザーはそれに署名したいと思うし、そこからサインアップまたはサインインすることができます。

64
00:04:47,870 --> 00:04:48,510