1
00:00:02,070 --> 00:00:05,370
Więc chodźmy na rozwiązanie tego ćwiczenia.

2
00:00:05,640 --> 00:00:09,210
Jak zawsze można spojrzeć na kod od razu, jeśli chcemy podążać.

3
00:00:09,210 --> 00:00:10,430
Zacznij od podstaw ze mną.

4
00:00:10,440 --> 00:00:12,110
Nie krępuj się zrobić.

5
00:00:12,150 --> 00:00:25,870
Więc bardzo Pierwszą rzeczą, którą musisz zrobić to zrobić nowy plik Zadzwonię go Pokemon, że każdy zespół stworzy naszą boilerplate i niech wypełnić w tytule dopasować gdzie powinien być.

6
00:00:26,070 --> 00:00:28,070
Daj spokój wykresie.

7
00:00:29,760 --> 00:00:39,750
Więc wiemy, to będzie mieć H-1 do góry i że każdy z nich jest po prostu pierwszy gen hokum na wykresie.

8
00:00:40,740 --> 00:00:52,610
I wiemy, że będzie stolik w tej tabeli i mają głowicę T i T, które tylko ciało, aby odświeżyć swoją pamięć, nie wpływa nic o tym, jak tabela wygląda lub zachowuje.

9
00:00:52,770 --> 00:01:06,580
To wyłącznie o zarabianie naszą znaczników semantycznych, jak to możliwe, jak czyni to tak, że wyszukiwarki lub WebCrawler wie, że jest to kapelusznik prawda pojawiają się i to jest ciało.

10
00:01:06,720 --> 00:01:09,450
Więc po prostu dobrym pomysłem jest to praktyka.

11
00:01:09,450 --> 00:01:26,230
Więc następnym mamy zamiar dodać w naszych bardzo najlepszych czterech pozycjach więc dla nastolatków mamy Nazwa obrazu typu i ewoluuje.

12
00:01:26,880 --> 00:01:31,190
Więc śmiało i po prostu sprawdzić, jak wygląda to wszystko w porządku.

13
00:01:31,470 --> 00:01:33,900
Jest nasz stół do tej pory.

14
00:01:33,900 --> 00:01:40,480
Pierwszą rzeczą, którą prawdopodobnie chcesz zrobić, to po prostu sprawiają, że pasuje do tego, co mieliśmy damy mu granicę.

15
00:01:40,740 --> 00:01:50,050
Pamiętaj jednak, że tak naprawdę nie chcą tego robić później w klasie więc gdy mówimy o C S s zrobimy wszystko stylizacji do C S S.

16
00:01:50,070 --> 00:01:53,730
To jest po prostu czysto zrobić rzeczy wizualne teraz.

17
00:01:53,970 --> 00:02:00,540
To nie jest zły pomysł, aby wiedzieć o tym, ale jest to lepszy pomysł, aby to zrobić naprawdę profesjonalnie.

18
00:02:00,570 --> 00:02:02,540
OK, więc chodźmy trochę z tymi danymi.

19
00:02:02,720 --> 00:02:12,440
Kiedy skopiować go po prostu na dno tutaj i komentować to wszystko i wtedy wszystko będzie zrobić, to stworzyć swój pierwszy wiersz tak rozpocznie Bulbasaur.

20
00:02:12,480 --> 00:02:19,840
Więc zamiast ciała potrzebne do Zamiast tego TR Potrzebujemy 40.

21
00:02:21,480 --> 00:02:25,230
Nazwa ta będzie odpowiadać naszym drugim Th.

22
00:02:25,340 --> 00:02:28,130
Więc mam zamiar umieścić go w drugim T D tam.

23
00:02:28,410 --> 00:02:30,440
Obraz pierwszy.

24
00:02:30,690 --> 00:02:44,310
Więc mam zamiar skopiować obraz, rl, a potem mam zamiar stworzyć tag obrazu i ustawić źródło równą że jesteś prawdziwym wewnątrz tej tiddy jeśli chcesz możesz go rozstawione trochę jak ten ,

25
00:02:44,430 --> 00:03:00,540
Więc trzeba wiedzieć to nie ma wpływu na nic, że to tylko czysto estetyczne w naszym kodzie, dzięki czemu możemy zobaczyć relacje, że ten obraz jest zagnieżdżona wewnątrz telewizora, że ​​jeśli mamy nazwę Następnie mamy typ, który jest trawa i trucizną.

26
00:03:00,540 --> 00:03:05,090
A potem wreszcie mamy inny bardziej skomplikowana gdzie mamy tag AI.

27
00:03:05,730 --> 00:03:24,330
Pamiętaj, że musi wyglądać jak ten znacznik, który mówi Ivey lub tak, że e-tag niech skopiować link, że musi iść do, a następnie niech skopiować nazwę dla tej zawartości, a potem mam zamiar iść do przodu i pozbyć tego się pozbyć komentarzach.

28
00:03:24,330 --> 00:03:28,570
Dobrze się pozbyć, że tak, że to posprzątać trochę.

29
00:03:29,190 --> 00:03:32,330
Załóżmy, odświeżyć i tam jest nasz pierwszy wpis.

30
00:03:32,430 --> 00:03:33,690
Sprawdź dwa razy, że to działa.

31
00:03:33,700 --> 00:03:35,150
Albo mogę być bolesne.

32
00:03:35,160 --> 00:03:36,180
Wspaniały.

33
00:03:36,840 --> 00:03:37,560
OK.

34
00:03:37,560 --> 00:03:40,620
Więc jesteśmy w zasadzie będzie powtórzyć dokładnie ten sam proces.

35
00:03:40,620 --> 00:03:43,930
I ze względu na czas jestem po prostu skopiować to.

36
00:03:44,100 --> 00:04:04,250
Więc cały ten wiersz i zapamiętać można zrobić Control-C i wklej go ze sterowaniem V i poleceń C w poleceniu możemy również dostarczyć ma ten piękny skrót, gdzie można wybrać i uderzył polecenie przesunięcia polecenia shifty dwa razy, jeśli chcesz.

37
00:04:04,500 --> 00:04:07,910
I że będzie go powielić dwukrotnie.

38
00:04:07,920 --> 00:04:12,880
Więc teraz mamy podwojona automatycznie i po prostu trzeba przejść i że niektóre z tych zmian.

39
00:04:13,200 --> 00:04:33,770
Więc pierwsza nazwa jest char Mandar obraz jesteś Sowa i musimy Tamilian.

40
00:04:34,740 --> 00:04:45,830
Jest to rodzaj ognia i wszyscy jesteście tutaj wklejone.

41
00:04:47,040 --> 00:04:48,360
Sprawdźmy na ten temat.

42
00:04:48,780 --> 00:04:54,480
Więc trzeba by open source, ponieważ możemy skopiować i wkleić link jest prawidłowy.

43
00:04:54,480 --> 00:04:55,250
Wspaniały.

44
00:04:55,290 --> 00:05:09,960
Teraz musimy tylko skończyć z Squirtle obrazu wody.

45
00:05:10,050 --> 00:05:21,560
Chodźmy z wami albo pierwsza, jeśli link zmieniła nazwę lub żółwia i picia jest woda.

46
00:05:21,760 --> 00:05:26,350
Dobra ilość kopii i wklejenie tam.

47
00:05:26,380 --> 00:05:27,170
No to jedziemy.

48
00:05:27,180 --> 00:05:28,860
Upewnij się, że wszystko działa świetnie.

49
00:05:29,030 --> 00:05:33,950
OK, więc to wszystko, co trzeba zrobić, aby upewnić się, że pasują do siebie.

50
00:05:34,170 --> 00:05:37,810
Wygląda dobrze.

51
00:05:38,280 --> 00:05:38,920
Wspaniały.

52
00:05:38,940 --> 00:05:41,490
Jedna mała zmiana może robię, a ja jestem tutaj.

53
00:05:41,490 --> 00:05:43,250
Wystarczy dobra lekcja na ten temat.

54
00:05:43,250 --> 00:05:51,620
dodam komentarz tutaj tylko po to, aby wyjaśnić za wami tak ten pierwszy z nich jest to, co było następnym.

55
00:05:51,630 --> 00:05:54,500
To wszystko o uroku Mandar.

56
00:05:54,510 --> 00:06:01,460
I wreszcie jest to wszystko, co odpowiada Squirtle.

57
00:06:01,530 --> 00:06:05,680
Jedną ze zmian, choć jak już wspomniałem jest te obrazy są rodzajem masywny.

58
00:06:05,780 --> 00:06:09,880
Mogliśmy je zręcznie kurczą i że będzie zmniejszyć rozmiar tabeli w dół.

59
00:06:10,110 --> 00:06:14,110
I to jest coś, czego można zrobić z CSSA to styl informacje.

60
00:06:14,190 --> 00:06:18,090
Dlatego najlepiej zrobimy go s od każdej drużyny.

61
00:06:18,120 --> 00:06:19,900
Chcemy, aby utrzymać je oddzielnie.

62
00:06:19,950 --> 00:06:22,360
Za każdym razem będę struktura styl CSSA.

63
00:06:22,710 --> 00:06:35,220
Ale do tego ćwiczenia, co możemy zrobić, to dodać w atrybucie do obrazu można umieścić numer 50, jak i po prostu zobaczyć, że w odświeżaniu.

64
00:06:35,220 --> 00:06:44,380
To zmienia się gdzie można zmienić do 500 i dostać gigantyczną obrazu 50 pikseli znacznie mniejsze.

65
00:06:44,540 --> 00:06:45,640
Przechowywać je w temperaturze 50 °.

66
00:06:45,990 --> 00:06:56,450
I kolejny powód, chcę pokazać, to zamiast kopiowania i wklejania to trzy razy, co działa dobrze.

67
00:06:56,910 --> 00:07:05,630
Lepszym sposobem na osiągnięcie tego w wzniosłości jest rzeczywiście stworzyć trzy kursory, więc pokażę wam, co mam na myśli.

68
00:07:05,670 --> 00:07:14,290
Klikamy wstrzymania polecenia kliknij ponownie klawisz Command ciągnąc i kliknij ponownie i wtedy możemy zacząć pisać.

69
00:07:14,320 --> 00:07:20,100
I mam trzy kursory jednocześnie z równymi 50.

70
00:07:20,370 --> 00:07:21,800
Więc to jest całkiem fajne.

71
00:07:21,810 --> 00:07:31,810
Jest to bardzo przydatne, jeden, jeśli trzeba zmienić wiele rzeczy na raz, w dokładnie taki sam sposób po prostu rozkazuję kliknij w każdym miejscu i to ikra kilka przekleństw.

72
00:07:32,490 --> 00:07:38,890
I jak widać mamy ładne bardziej czytelny i rozsądnie wielkości stołu.