1
00:00:00,770 --> 00:00:01,090
W porządku.

2
00:00:01,100 --> 00:00:02,060
Witamy spowrotem.

3
00:00:02,330 --> 00:00:07,870
Tak więc Tauriel stworzy suwak tła dla naszej strony docelowej Joachima.

4
00:00:08,150 --> 00:00:12,830
Suwak tła będzie miał pięć obrazów, które zlewają się ze sobą, aby były widoczne

5
00:00:12,830 --> 00:00:13,640
przez pięć sekund.

6
00:00:13,640 --> 00:00:18,620
Trwają pięciosekundowe zanikanie, a następnie pięciosekundowe zanikanie i zanikanie pokrywa się z zanikaniem w

7
00:00:18,620 --> 00:00:21,140
celu uzyskania następnego obrazu, tworząc efekt przenikania.

8
00:00:24,920 --> 00:00:31,340
Pierwszą rzeczą, którą zamierzam zrobić, jest otworzenie mojej sceny. Mam katalog o nazwie suwak w tle i

9
00:00:31,340 --> 00:00:34,740
tło cyder jest w rzeczywistości tylko wersja 11 kamery.

10
00:00:35,150 --> 00:00:42,150
Więc jeśli weźmiesz swoją wersję 11 i stworzysz wersję 12, możesz zacząć pracę z tego katalogu.

11
00:00:42,230 --> 00:00:45,960
Tak więc zamierzam odwiedzić samouczek, który stworzyłem w sprawie

12
00:00:50,030 --> 00:00:57,530
uzyskania euro za to, że dostaję kropkę com, slash moją nazwę użytkownika, która jest w X 3 T,

13
00:00:57,530 --> 00:00:59,310
a następnie slash suwaka tłoka.

14
00:00:59,870 --> 00:01:05,750
Pierwszą rzeczą, którą chcemy zrobić, jest otwarcie naszego lądowania, aby strona Ejaz powróciła do mojej przestrzeni roboczej,

15
00:01:06,110 --> 00:01:14,030
przejdź do katalogu widoków i otwórz lądowanie W. JOT. tak, jakbym zamierzał wrócić do

16
00:01:14,630 --> 00:01:22,230
tutoriala, a ja skopiuję całą tę część kodu, aby mogła zastąpić to wszystko.

17
00:01:22,300 --> 00:01:28,930
Teraz mamy tu zestaw naszego doctype do zamontowania, a następnie wewnątrz naszego head area mamy kilka

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

19
00:01:29,500 --> 00:01:34,340
Mamy dla bootstrap Mendonsa SS To jest nasz CDN dla bootstrap.

20
00:01:34,390 --> 00:01:36,260
Następnie dodajemy link do naszego niestandardowego arkusza stylów.

21
00:01:36,430 --> 00:01:40,390
To jest nowy arkusz stylów, który stworzyłem, ponieważ nie chcę używać żadnego ze

22
00:01:40,650 --> 00:01:44,360
stylów z głównej CSSA, a te style będą specyficzne dla strony docelowej.

23
00:01:44,560 --> 00:01:50,050
Będziemy musieli dodać lądowanie CSSA w naszym katalogu stylów, ale wrócimy do

24
00:01:50,050 --> 00:01:51,510
tego za chwilę.

25
00:01:51,910 --> 00:01:54,940
Dodałem także CDN do czegoś, co nazywa się modernizatorem.

26
00:01:55,180 --> 00:02:00,550
To, co zrobią modernizatorzy, to sprawdzenie przeglądarki pod kątem wersji, a następnie dodanie do naszej

27
00:02:00,550 --> 00:02:06,330
strony specjalnych klas, na wypadek gdyby przeglądarka była starsza jak Internet Explorer 8, i która pozwoli

28
00:02:06,330 --> 00:02:12,100
naszej CSSA zatrzasnąć się na tych klasach, które są dodane przez modernizatora i sprawiają, że nasza

29
00:02:12,100 --> 00:02:16,100
strona jest bardziej kompatybilna z różnymi przeglądarkami wewnątrz naszego ciała.

30
00:02:16,100 --> 00:02:22,670
Mamy nasz pojemnik div, a następnie mamy nasze warunki do naszych błędów lub wiadomości o sukcesie,

31
00:02:22,670 --> 00:02:26,950
a następnie mamy div, który stworzyłem z pomysłem nagłówka lądowania.

32
00:02:27,050 --> 00:02:30,450
Tutaj umieściłem H-1 z naszym Welcome to your camp text.

33
00:02:30,500 --> 00:02:34,500
Następnie mamy widok przycisku wszystkich campingu.

34
00:02:34,650 --> 00:02:39,790
Dodaliśmy również uporządkowaną listę z klasą pokazu slajdów i ma ona pięć pozycji na liście.

35
00:02:39,870 --> 00:02:41,340
To jest całkiem interesujące.

36
00:02:41,490 --> 00:02:46,740
Nie będziemy używać ciała do tworzenia tła, ponieważ mamy wiele środowisk, które

37
00:02:46,740 --> 00:02:48,620
zlewają się ze sobą.

38
00:02:48,660 --> 00:02:51,690
Musimy dołączyć je do jakiegoś elementu Tummo.

39
00:02:51,840 --> 00:02:56,000
Tak więc zdecydowaliśmy się dołączyć każde tło do każdego z tych elementów listy.

40
00:02:56,010 --> 00:03:00,360
Zauważysz, że mamy pięć elementów listy, które odpowiadają pięciu obrazom tła,

41
00:03:00,360 --> 00:03:05,400
które zamierzamy przeciąć ze sobą, a na dole mamy filtr Parshalla, tak

42
00:03:05,400 --> 00:03:06,150
jak poprzednio.

43
00:03:06,180 --> 00:03:11,070
Zamierzamy iść dalej i użyć tagu include, a następnie skierować do Parshall's for Slash for.

44
00:03:11,250 --> 00:03:18,120
Tak więc mówimy o wylądowaniu UJA nas i idziemy dalej i uruchamiamy nasz serwer, więc uruchom Mongar i uruchomi

45
00:03:18,120 --> 00:03:22,560
mój demon Monga, wtedy możemy otworzyć kolejną kartę i uruchomić węzeł na.

46
00:03:22,740 --> 00:03:27,880
Jeśli nie wiesz o Pneumon jeszcze go i zainstaluj to jest to alternatywa dla aplikacji węzła.

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

48
00:03:28,530 --> 00:03:33,870
A to, co robi, nasłuchuje wszelkich zmian w plikach na serwerze, a jeśli zostanie zmieniony i

49
00:03:34,100 --> 00:03:37,890
zapisany, będzie kontynuował i ponownie uruchomi serwer, abyśmy nie musieli wracać

50
00:03:37,890 --> 00:03:38,710
do karty serwera.

51
00:03:38,880 --> 00:03:47,340
Zamykając go i restartując węzeł, tak aby zainstalować, że uruchomimy polecenie NPM zainstaluj Dutchie dla globalnego, a

52
00:03:47,440 --> 00:03:57,270
następnie dla węzła 9 lub bez demona, więc gdy zostanie zainstalowany tak długo, jak długo jesteśmy w naszym katalogu nadrzędnym

53
00:03:57,270 --> 00:04:03,160
dla naszego projektu, możemy nie uruchamiaj demona, a potem szukaj pliku jazzowego Aptera.

54
00:04:03,480 --> 00:04:05,150
Lub możesz to wyraźnie powiedzieć.

55
00:04:05,280 --> 00:04:09,420
Brak aplikacji demona, którą Jad.

56
00:04:09,440 --> 00:04:17,100
Teraz, gdy mamy uruchomiony nasz serwer, przejdźmy do jego podglądu, otworzę go na pełnym ekranie.

57
00:04:18,110 --> 00:04:23,730
A obecnie mamy to H-1, a potem mamy przycisk i mamy pięć pozycji na liście.

58
00:04:23,870 --> 00:04:30,910
Więc teraz musimy wrócić i Stuy to wszystko, aby dotrzeć tam, gdzie jest to centrum, a te

59
00:04:30,910 --> 00:04:36,170
elementy listy są pociskami dla elementów listy, które są ukryte, a następnie zastąpione

60
00:04:36,170 --> 00:04:38,490
gigantycznym tłem, który zajmuje całe strona.

61
00:04:38,510 --> 00:04:42,680
Zauważysz, że nie mamy już paska nawigacji na górze, ponieważ na stronie docelowej naprawdę

62
00:04:42,680 --> 00:04:43,490
tego nie potrzebujemy.

63
00:04:43,670 --> 00:04:47,870
Możemy po prostu przejrzeć wszystkie kampingi, a następnie użytkownik chce to podpisać i może zarejestrować się

64
00:04:47,870 --> 00:04:48,510
lub zalogować.