1
00:00:00,770 --> 00:00:01,090
Tudo bem.

2
00:00:01,100 --> 00:00:02,060
Bem vindo de volta.

3
00:00:02,330 --> 00:00:07,870
Então, o Tauriel estaremos criando o controle deslizante de fundo para a nossa página de destino do Joachim.

4
00:00:08,150 --> 00:00:12,830
O controle deslizante de fundo terá cinco imagens que desaparecerão umas das outras, de modo que elas sejam visíveis

5
00:00:12,830 --> 00:00:13,640
por cinco segundos.

6
00:00:13,640 --> 00:00:18,620
Eles sofrem um desvanecimento de cinco segundos e, em seguida, um desvanecimento de cinco segundos e o desvanecimento se sobrepõe com

7
00:00:18,620 --> 00:00:21,140
o desvanecimento para a próxima imagem, criando um efeito de crossfade.

8
00:00:24,920 --> 00:00:31,340
eu tenho um diretório chamado controle deslizante de fundo e cera de fundo, na verdade, é apenas a versão 11 da sua câmera.

9
00:00:31,340 --> 00:00:34,740
Então, a primeira coisa que eu vou fazer é abrir minha cena,

10
00:00:35,150 --> 00:00:42,150
Então, se você levar sua versão de 11 e criar uma versão 12, então você pode começar a trabalhar a partir desse diretório.

11
00:00:42,230 --> 00:00:45,960
Então eu vou visitar o tutorial que criei para obter ter o

12
00:00:50,030 --> 00:00:57,530
euro para isso é obter ter ponto com slash meu nome de usuário que está em um x 3 T e, em seguida, cortar o

13
00:00:57,530 --> 00:00:59,310
controle deslizante do plano de fundo.

14
00:00:59,870 --> 00:01:05,750
Então, a primeira coisa que queremos fazer é abrir nosso pouso que a página Ejaz volta para o meu espaço de trabalho, vá

15
00:01:06,110 --> 00:01:14,030
para o diretório de visualizações e abre-se para aterrar W. J. como se eu voltasse aqui para

16
00:01:14,630 --> 00:01:22,230
o tutorial e copiarei toda essa porção de código para que ele possa substituir tudo isso.

17
00:01:22,300 --> 00:01:28,930
Agora, o que temos aqui é o nosso conjunto doctype é montar e, em seguida, dentro da nossa área principal, temos

18
00:01:28,930 --> 00:01:29,490
alguns links.

19
00:01:29,500 --> 00:01:34,340
Temos um para bootstrap Mendonsa SS Esse é o nosso CDN para bootstrap.

20
00:01:34,390 --> 00:01:36,260
Então, nós nos relacionamos com nossa folha de estilos personalizada.

21
00:01:36,430 --> 00:01:40,390
Esta é uma nova folha de estilos que criei porque não quero usar nenhum

22
00:01:40,650 --> 00:01:44,360
dos estilos da CSSA principal, esses estilos serão específicos da página de destino.

23
00:01:44,560 --> 00:01:50,050
Então, também vamos ter que adicionar uma aterragem que a CSSA dentro do nosso diretório de casas de estilo, mas nós

24
00:01:50,050 --> 00:01:51,510
voltaremos a isso em um segundo.

25
00:01:51,910 --> 00:01:54,940
Eu também adicionei o CDN para algo chamado modernizador.

26
00:01:55,180 --> 00:02:00,550
Então, o que os modernizadores vão fazer é verificar o navegador para a versão e, em seguida,

27
00:02:00,550 --> 00:02:06,330
irá adicionar algumas classes especiais à nossa página, caso o navegador seja mais antigo, como o Internet Explorer

28
00:02:06,330 --> 00:02:12,100
8, e isso permitirá que o nosso CSSA se encaixe nas classes que são adicionado pelo modernizador e

29
00:02:12,100 --> 00:02:16,100
tornar nossa página mais compatível com o navegador dentro do nosso corpo.

30
00:02:16,100 --> 00:02:22,670
Nós temos nosso container div e depois temos nossos condicionais para nossos erros ou mensagens de sucesso e então

31
00:02:22,670 --> 00:02:26,950
temos uma div que eu criei com uma idéia de encabeçamento de cabeçalho.

32
00:02:27,050 --> 00:02:30,450
É aqui que coloco o H-1 com a nossa Bem-vindo ao texto do seu acampamento.

33
00:02:30,500 --> 00:02:34,500
Então temos o nosso botão de visualização de todos os campgrounds.

34
00:02:34,650 --> 00:02:39,790
Também adicionamos uma lista ordenada com uma classe de apresentação de slides e tem cinco itens de lista.

35
00:02:39,870 --> 00:02:41,340
Então isso é bastante interessante.

36
00:02:41,490 --> 00:02:46,740
Na verdade, não vamos usar o corpo para criar o plano de fundo, pois temos múltiplos recursos

37
00:02:46,740 --> 00:02:48,620
que se desvanecem um do outro.

38
00:02:48,660 --> 00:02:51,690
Precisamos anexá-los a algum tipo de elemento Tummo.

39
00:02:51,840 --> 00:02:56,000
Então, o que escolhemos fazer é anexar cada plano de fundo a cada um desses itens de lista.

40
00:02:56,010 --> 00:03:00,360
que teremos desvanecimento cruzado e, na parte inferior, temos o filtro do Parshall como antes.

41
00:03:00,360 --> 00:03:05,400
Então, você notará que temos cinco itens de lista que se correspondem com as cinco imagens

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

43
00:03:06,180 --> 00:03:11,070
Nós vamos seguir em frente e usar a tag include e, em seguida, direcionado para o Parshall's for Slash for.

44
00:03:11,250 --> 00:03:18,120
Então, dizemos por aterrissar que UJA nós e vamos em frente e executamos o nosso servidor para executar Mongar o e isso faz

45
00:03:18,120 --> 00:03:22,560
com que meu daemon Monga funcione, então podemos abrir outra guia e executar o nó.

46
00:03:22,740 --> 00:03:27,880
Se você ainda não sabe sobre o Pneumon, vá e instale-o é uma alternativa para usar o aplicativo de nó.

47
00:03:28,010 --> 00:03:28,500
Sim.

48
00:03:28,530 --> 00:03:33,870
alterado e salvo, ele continua e reinicia o servidor para você que não precisamos continuar indo e retornar à sua guia do servidor.

49
00:03:34,100 --> 00:03:37,890
E o que ele faz é que escuta qualquer alteração de arquivo em seu servidor e

50
00:03:37,890 --> 00:03:38,710
se ele for

51
00:03:38,880 --> 00:03:47,340
Fechando-o e reiniciando o nó para instalar que vamos executar o comando NPM instalar o Dutchie para o global e, em

52
00:03:47,440 --> 00:03:57,270
seguida, o nó 9 ou não daemon, então, uma vez que ele estiver instalado enquanto estivermos dentro do nosso diretório pai para o nosso

53
00:03:57,270 --> 00:04:03,160
projeto, podemos Não execute nenhum daemon e depois procure o arquivo de jazz do Apter.

54
00:04:03,480 --> 00:04:05,150
Ou você pode dizer explicitamente isso.

55
00:04:05,280 --> 00:04:09,420
No daemon app que Jad.

56
00:04:09,440 --> 00:04:17,100
Então, agora que temos o nosso servidor em execução vamos entrar e visualizá-lo, vou abri-lo em tela cheia aqui.

57
00:04:18,110 --> 00:04:23,730
E atualmente temos esse H-1 e, então, temos um botão e nós temos nossos cinco itens de lista.

58
00:04:23,870 --> 00:04:30,910
Então agora o que temos a fazer é voltar e Stuy tudo isso para chegar a onde este é o centro e esses itens de

59
00:04:30,910 --> 00:04:36,170
lista são todas as balas para os itens da lista estão escondidos e, em seguida, substituídos por uma imagem

60
00:04:36,170 --> 00:04:38,490
de fundo gigante que ocupa o todo página.

61
00:04:38,510 --> 00:04:42,680
Você notará que não temos mais a barra de navegação porque, na página de destino, nós realmente

62
00:04:42,680 --> 00:04:43,490
não precisamos disso.

63
00:04:43,670 --> 00:04:47,870
Nós podemos apenas ir para ver todos os campgrounds e, em seguida, o usuário quer assinar e eles podem se inscrever ou fazer

64
00:04:47,870 --> 00:04:48,510
login a partir daí.