1
00:00:00,770 --> 00:00:01,090
Tutto ok.

2
00:00:01,100 --> 00:00:02,060
Ben tornato.

3
00:00:02,330 --> 00:00:07,870
Quindi il Tauriel creeremo il dispositivo di scorrimento dello sfondo per la nostra pagina di destinazione di Joachim.

4
00:00:08,150 --> 00:00:12,830
Il dispositivo di scorrimento dello sfondo avrà cinque immagini che si dissolvono l'una nell'altra in modo che siano visibili

5
00:00:12,830 --> 00:00:13,640
per cinque secondi.

6
00:00:13,640 --> 00:00:18,620
Prendono una dissolvenza di cinque secondi e poi una dissolvenza di cinque secondi e la dissolvenza si sovrappone alla

7
00:00:18,620 --> 00:00:21,140
dissolvenza per la successiva immagine creando un effetto dissolvenza incrociata.

8
00:00:24,920 --> 00:00:31,340
Ho una directory chiamata background slider e in background cyder è in realtà solo la versione 11 della tua cam.

9
00:00:31,340 --> 00:00:34,740
Quindi la prima cosa che farò è aprire la mia scena.

10
00:00:35,150 --> 00:00:42,150
Quindi se prendi la tua versione di 11 e crei una versione 12, puoi iniziare a lavorare da quella directory.

11
00:00:42,230 --> 00:00:45,960
Quindi andrò a visitare il tutorial che ho creato su get have

12
00:00:50,030 --> 00:00:57,530
the euro per questo è get have dot com barra il mio nome utente che è in una T di 3 T e poi

13
00:00:57,530 --> 00:00:59,310
barra di scorrimento slider di sfondo.

14
00:00:59,870 --> 00:01:05,750
Quindi la prima cosa che vorremmo fare è aprire il nostro landing che la pagina di Ejaz ritorna al mio

15
00:01:06,110 --> 00:01:14,030
workspace, vai nella directory views e apri l'atterraggio W. J. come se ho intenzione di tornare

16
00:01:14,630 --> 00:01:22,230
qui per il tutorial e copierò tutta questa porzione di codice in modo che possa sostituire tutto questo.

17
00:01:22,300 --> 00:01:28,930
Ora quello che abbiamo qui è che il nostro set di doctype è quello di montare e poi all'interno della nostra area di testa abbiamo un paio

18
00:01:28,930 --> 00:01:29,490
di link.

19
00:01:29,500 --> 00:01:34,340
Ne abbiamo uno per bootstrap Mendonsa SS Questo è il nostro CDN per bootstrap.

20
00:01:34,390 --> 00:01:36,260
Quindi colleghiamo al nostro foglio di stile personalizzato.

21
00:01:36,430 --> 00:01:40,390
Questo è un nuovo foglio di stile che ho creato perché non voglio usare nessuno

22
00:01:40,650 --> 00:01:44,360
degli stili dal CSSA principale, questi stili saranno specifici per la pagina di destinazione.

23
00:01:44,560 --> 00:01:50,050
Quindi dovremo anche aggiungere un atterraggio che CSSA all'interno della nostra cartella dei fogli di stile, ma torneremo

24
00:01:50,050 --> 00:01:51,510
su quello in un secondo.

25
00:01:51,910 --> 00:01:54,940
Ho anche aggiunto il CDN per qualcosa chiamato modernizzatore.

26
00:01:55,180 --> 00:02:00,550
Quindi, cosa faranno i modernizzatori controlleremo il browser per la versione e poi aggiungeremo alcune classi

27
00:02:00,550 --> 00:02:06,330
speciali alla nostra pagina nel caso in cui il browser sia più vecchio come Internet Explorer 8

28
00:02:06,330 --> 00:02:12,100
e che consentirà al nostro CSSA di aggrapparsi a quelle classi che sono aggiunto dal modernizzatore e

29
00:02:12,100 --> 00:02:16,100
rendere la nostra pagina più compatibile cross-browser all'interno del nostro corpo.

30
00:02:16,100 --> 00:02:22,670
Abbiamo il nostro contenitore div e quindi abbiamo i nostri condizionali per i nostri errori o messaggi di successo e

31
00:02:22,670 --> 00:02:26,950
quindi abbiamo un div che ho creato con un'idea di header di atterraggio.

32
00:02:27,050 --> 00:02:30,450
Questo è dove ho messo l'H-1 con il benvenuto nel testo del tuo campo.

33
00:02:30,500 --> 00:02:34,500
Poi abbiamo il nostro pulsante di visualizzazione di tutti i campeggi.

34
00:02:34,650 --> 00:02:39,790
Abbiamo anche aggiunto un elenco ordinato con una classe di presentazione e ha cinque voci di elenco.

35
00:02:39,870 --> 00:02:41,340
Quindi questo è piuttosto interessante.

36
00:02:41,490 --> 00:02:46,740
In realtà non useremo il corpo per creare lo sfondo perché abbiamo sfondi multipli

37
00:02:46,740 --> 00:02:48,620
che si sbiadiscono l'uno nell'altro.

38
00:02:48,660 --> 00:02:51,690
Abbiamo bisogno di collegarli ad un certo tipo di elemento Tummo.

39
00:02:51,840 --> 00:02:56,000
Quindi, ciò che abbiamo scelto di fare è allegare ogni sfondo a ciascuna di queste voci di elenco.

40
00:02:56,010 --> 00:03:00,360
l'una nell'altra e in fondo abbiamo il filtro del nostro Parshall proprio come prima.

41
00:03:00,360 --> 00:03:05,400
Quindi noterai che abbiamo cinque voci di elenco che corrispondono alle cinque immagini di sfondo che avremo

42
00:03:05,400 --> 00:03:06,150
come dissolvenze incrociate

43
00:03:06,180 --> 00:03:11,070
Andremo avanti e useremo il tag include e poi diretto a Parshall's per Slash per.

44
00:03:11,250 --> 00:03:18,120
Quindi diciamo per l'atterraggio di UJA e andiamo avanti ed eseguiamo il nostro server in modo da eseguire Mongar e che ottiene il

45
00:03:18,120 --> 00:03:22,560
mio demone Monga in esecuzione, quindi possiamo aprire un'altra scheda ed eseguire il nodo su.

46
00:03:22,740 --> 00:03:27,880
Se non si conosce ancora Pneumon, andare e installarlo è un'alternativa all'utilizzo dell'app nodo.

47
00:03:28,010 --> 00:03:28,500
Sì.

48
00:03:28,530 --> 00:03:33,870
salvato, procede e riavvia il server per te, che non dobbiamo continuare ad andare avanti e indietro sulla scheda del server.

49
00:03:34,100 --> 00:03:37,890
E ciò che fa è ascoltare le modifiche ai file sul tuo server e se

50
00:03:37,890 --> 00:03:38,710
viene modificato e

51
00:03:38,880 --> 00:03:47,340
Chiudendolo e riavviando il nodo in modo da installare, eseguiremo il comando NPM installate Dutchie per global

52
00:03:47,440 --> 00:03:57,270
e quindi node 9 o nessun daemon, quindi una volta installato finché siamo nella nostra directory padre per il nostro

53
00:03:57,270 --> 00:04:03,160
progetto possiamo non eseguire daemon e quindi cercare il file jazz di Apter.

54
00:04:03,480 --> 00:04:05,150
Oppure puoi dirlo esplicitamente.

55
00:04:05,280 --> 00:04:09,420
Nessuna applicazione daemon che Jad.

56
00:04:09,440 --> 00:04:17,100
Così ora che abbiamo il nostro server in esecuzione andiamo e l'anteprima lo aprirò a schermo intero qui.

57
00:04:18,110 --> 00:04:23,730
E attualmente abbiamo questo H-1 e poi abbiamo un pulsante e abbiamo le nostre cinque voci di elenco.

58
00:04:23,870 --> 00:04:30,910
Quindi ora quello che dobbiamo fare è tornare indietro e Stuy tutto questo per arrivare a dove questo è centrato e questi elementi

59
00:04:30,910 --> 00:04:36,170
di elenco sono tutti i proiettili per gli elementi dell'elenco sono nascosti e quindi sostituiti con un'immagine

60
00:04:36,170 --> 00:04:38,490
di sfondo gigante che occupa l'intero pagina.

61
00:04:38,510 --> 00:04:42,680
Noterai che non abbiamo più la barra di navigazione in cima perché nella pagina di destinazione non ne

62
00:04:42,680 --> 00:04:43,490
abbiamo davvero bisogno.

63
00:04:43,670 --> 00:04:47,870
Possiamo solo andare a vedere tutti i campeggi e poi l'utente vuole firmarlo e possono registrarsi o

64
00:04:47,870 --> 00:04:48,510
accedere da lì.