1
00:00:02,070 --> 00:00:05,370
Dus laten we gaan over een oplossing voor deze oefening.

2
00:00:05,640 --> 00:00:09,210
Zoals altijd kun je een kijkje nemen op de code te nemen meteen als je wilt om mee te volgen.

3
00:00:09,210 --> 00:00:10,430
Beginnen vanaf nul met mij.

4
00:00:10,440 --> 00:00:12,110
Voel je vrij om dat te doen.

5
00:00:12,150 --> 00:00:25,870
Dus het eerste wat we moeten doen is het maken van een nieuw bestand Ik noem het Pokémon die elk team onze standaardtekst zal creëren en laten we in de titel te vullen aan te passen waar het zou moeten zijn.

6
00:00:26,070 --> 00:00:28,070
Oh kom op grafiek.

7
00:00:29,760 --> 00:00:39,750
Dus we weten dat dit gaat een H-1 up top te hebben en dat een ieder is gewoon eerste echte hokum op de kaart.

8
00:00:40,740 --> 00:00:52,610
En we weten dat er gaat een tafel in die tabel zijn en een T hoofd en een t lichaam dat alleen maar om je geheugen op te frissen heeft geen invloed op niets over hoe de tafel eruit ziet en zich gedraagt.

9
00:00:52,770 --> 00:01:06,580
Het is puur om het maken van onze markup zo semantisch mogelijk waardoor het zo dat een zoekmachine of een webcrawler weet dat dit de hoedenmaker rechter verschijnen en dit is het lichaam.

10
00:01:06,720 --> 00:01:09,450
Dus gewoon een goed idee dat is de praktijk.

11
00:01:09,450 --> 00:01:26,230
Dus de volgende gaan we aan onze top vier rubrieken dus voor tieners hebben we het type naam en evolueert naar.

12
00:01:26,880 --> 00:01:31,190
Dus laten we gaan en maar eens kijken hoe dit eruit ziet in orde.

13
00:01:31,470 --> 00:01:33,900
Daar is onze tafel tot nu toe.

14
00:01:33,900 --> 00:01:40,480
Het eerste wat we zullen waarschijnlijk willen doen is alleen maar om het te laten overeenkomen met wat we moesten geven we het een grens.

15
00:01:40,740 --> 00:01:50,050
Onthoud wel dat we niet echt willen om dit te doen later in de klas dus zodra we praten over C S s we allemaal van de styling doen door middel van C S S.

16
00:01:50,070 --> 00:01:53,730
Dit is gewoon puur om dingen visuele nu te maken.

17
00:01:53,970 --> 00:02:00,540
Het is geen slecht idee om te weten, maar het is een beter idee echt om dit professioneel te doen.

18
00:02:00,570 --> 00:02:02,540
OK dus laten we gaan neemt een deel van deze gegevens.

19
00:02:02,720 --> 00:02:12,440
Als het kopiëren naar beneden alleen maar om de bodem hier en commentaar het allemaal uit en dan gaan doen is het creëren van mijn eerste rij zo zal beginnen met Bulbasaur.

20
00:02:12,480 --> 00:02:19,840
Dus in plaats van het lichaam nodig is om uw plaats daarvan TR We hebben 40.

21
00:02:21,480 --> 00:02:25,230
De naam zal beantwoorden onze tweede Th.

22
00:02:25,340 --> 00:02:28,130
Dus ik ga het in de tweede t d daar te zetten.

23
00:02:28,410 --> 00:02:30,440
Het beeld gaat eerst.

24
00:02:30,690 --> 00:02:44,310
Dus ik ga naar de afbeelding te kopiëren u rl en dan ga ik om een ​​beeld tag en zet de bron gelijk is aan dat je echt de binnenkant van die tiddy als je wilt u het misschien gespreid een beetje zoals deze .

25
00:02:44,430 --> 00:03:00,540
Dus je hebt je weet dat dit niet iets is het gewoon puur esthetische invloed in onze code, zodat we de relaties die dit beeld is genest in de TV dat als we naam naast hebben we type dat is gras en vergif kunnen zien.

26
00:03:00,540 --> 00:03:05,090
En dan tot slot hebben we nog meer complex waar we een AI-tag.

27
00:03:05,730 --> 00:03:24,330
Vergeet niet dat het nodig heeft om te kijken als dit een tag die zegt Ivey's of zo dat e-tag laten we kopieer de link die het nodig heeft om te gaan en dan laten we kopiëren de naam van die inhoud en dan ga ik om verder te gaan en zich te ontdoen van dit op om zich te ontdoen van de commentaren te krijgen.

28
00:03:24,330 --> 00:03:28,570
Goed te ontdoen van dat gewoon zo dat we dit opruimen een beetje.

29
00:03:29,190 --> 00:03:32,330
Laten we vernieuwen en er is onze eerste binnenkomst.

30
00:03:32,430 --> 00:03:33,690
Double check dat het werkt.

31
00:03:33,700 --> 00:03:35,150
Of kan ik pijnlijk.

32
00:03:35,160 --> 00:03:36,180
Grote.

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

34
00:03:37,560 --> 00:03:40,620
Dus we eigenlijk gaan om de exacte hetzelfde proces te herhalen.

35
00:03:40,620 --> 00:03:43,930
En omwille van de tijd dat ik ga gewoon om dit te kopiëren.

36
00:03:44,100 --> 00:04:04,250
Dus dit hele rij en vergeet niet je zou kunnen doen Controle-C en plak het met controle-V en commando C in opdracht leveren wij ook heeft deze mooie snelkoppeling waar u kunt selecteren en command verschuiven de opdracht shifty twee keer als je wilde.

37
00:04:04,500 --> 00:04:07,910
En dat zal het twee keer dupliceren.

38
00:04:07,920 --> 00:04:12,880
Dus nu hebben we die automatisch verdubbeld en we hoeven alleen maar om door te gaan en een aantal van de veranderingen.

39
00:04:13,200 --> 00:04:33,770
Dus de eerste naam is char Mandar de afbeelding die u bent Uil en we moeten Tamilian.

40
00:04:34,740 --> 00:04:45,830
Het is een vuur type en u bent allen hier geplakt.

41
00:04:47,040 --> 00:04:48,360
Laten we eens kijken op die.

42
00:04:48,780 --> 00:04:54,480
Dus we moeten naar open source, omdat we te kopiëren en te plakken in de koppeling correct is.

43
00:04:54,480 --> 00:04:55,250
Grote.

44
00:04:55,290 --> 00:05:09,960
Nu hoeven we alleen maar te eindigen met Squirtle het water.

45
00:05:10,050 --> 00:05:21,560
Laten we gaan met u of anders eerst of de link veranderde de naam of de schildpad en drinken is water.

46
00:05:21,760 --> 00:05:26,350
Alle juiste hoeveelheid van de kopie en er plakken.

47
00:05:26,380 --> 00:05:27,170
Daar gaan we.

48
00:05:27,180 --> 00:05:28,860
Zorg ervoor dat het allemaal werkt geweldig.

49
00:05:29,030 --> 00:05:33,950
OK dus dat is alles wat we moeten doen om ervoor te zorgen dat ze overeenkomen.

50
00:05:34,170 --> 00:05:37,810
Ziet er goed uit.

51
00:05:38,280 --> 00:05:38,920
Grote.

52
00:05:38,940 --> 00:05:41,490
Een kleine verandering die ik zou kunnen maken, terwijl ik hier ben.

53
00:05:41,490 --> 00:05:43,250
Gewoon een goede les over dit.

54
00:05:43,250 --> 00:05:51,620
Ik zal een commentaar toe te voegen alleen maar om te verduidelijken voor jullie dus dit eerste is wat was uw volgende.

55
00:05:51,630 --> 00:05:54,500
Dit is alles over charme mandar.

56
00:05:54,510 --> 00:06:01,460
En tenslotte is dit alles wat overeenkomt met Squirtle.

57
00:06:01,530 --> 00:06:05,680
Een verandering maar zoals ik al zei is deze beelden zijn een soort van massief.

58
00:06:05,780 --> 00:06:09,880
We konden behendig krimpen ze naar beneden en dat zou de grootte van een tafel naar beneden krimpen.

59
00:06:10,110 --> 00:06:14,110
En dit is iets wat je zou doen met CSSA is stijl informatie.

60
00:06:14,190 --> 00:06:18,090
Dus ideaal doen we het met s afstand van elk team.

61
00:06:18,120 --> 00:06:19,900
We willen hen gescheiden te houden.

62
00:06:19,950 --> 00:06:22,360
Elke keer dat ik structuur CSSA stijl.

63
00:06:22,710 --> 00:06:35,220
Maar voor deze oefening wat we kunnen doen is het toevoegen van een attribuut met een afbeelding die u zet een getal als 50 en gewoon zien dat als een refresh.

64
00:06:35,220 --> 00:06:44,380
Dit verandert tot 50 pixels veel kleiner, waar u overstapt op 500 en krijg een gigantische afbeelding.

65
00:06:44,540 --> 00:06:45,640
Houd het op 50.

66
00:06:45,990 --> 00:06:56,450
En een andere reden dat ik wil laten zien is dat in plaats van het kopiëren en plakken van dit drie keer dat werkt prima.

67
00:06:56,910 --> 00:07:05,630
Een betere manier om dat te doen in verheven is om daadwerkelijk te creëren drie cursors, dus ik zal je laten zien wat ik bedoel.

68
00:07:05,670 --> 00:07:14,290
We klikken hold command klik nogmaals sleutel trekken commando en klik opnieuw en dan kunnen we beginnen met typen.

69
00:07:14,320 --> 00:07:20,100
En ik heb drie cursors in een keer met 50 gelijken.

70
00:07:20,370 --> 00:07:21,800
Dus dit is wel cool.

71
00:07:21,810 --> 00:07:31,810
Het is echt een handig een als u meerdere dingen te veranderen in een keer op exact dezelfde manier waarop je gewoon commando klikt all over the place en paait een heleboel vloeken.

72
00:07:32,490 --> 00:07:38,890
En zoals je kunt zien hebben we een leuke beter leesbaar en verstandig sized tafel.