1
00:00:02,070 --> 00:00:05,370
Então vamos passar por uma solução para este exercício.

2
00:00:05,640 --> 00:00:09,210
Como sempre, você pode dar uma olhada no código imediatamente se quiser acompanhar.

3
00:00:09,210 --> 00:00:10,430
Comece do zero comigo.

4
00:00:10,440 --> 00:00:12,110
Sinta-se a vontade para fazer isso.

5
00:00:12,150 --> 00:00:18,640
Então, a primeira coisa que temos a fazer é fazer um novo arquivo, eu vou chamar Pokemon de que cada

6
00:00:21,450 --> 00:00:25,870
equipe criará nosso boilerplate e vamos preencher o título para combinar onde deveria estar.

7
00:00:26,070 --> 00:00:28,070
Ah, venha no gráfico.

8
00:00:29,760 --> 00:00:39,750
Então, sabemos que isso vai ter um top H-1 e que cada um é apenas o primeiro hokum no gráfico.

9
00:00:40,740 --> 00:00:48,690
E sabemos que haverá uma mesa naquela mesa e terá uma cabeça T e um corpo t que apenas para atualizar a sua memória

10
00:00:48,690 --> 00:00:52,610
não afeta nada sobre como a mesa se parece ou se comporta.

11
00:00:52,770 --> 00:01:00,210
Trata-se puramente de tornar nossa marcação tão semântica quanto possível, tornando-a de modo que um motor de busca ou

12
00:01:00,360 --> 00:01:06,580
um webcrawler saiba que este é o sombreador que aparece corretamente e este é o corpo.

13
00:01:06,720 --> 00:01:09,450
Então, é uma boa idéia que seja prática.

14
00:01:09,450 --> 00:01:23,670
Então, em seguida, vamos adicionar nos nossos quatro melhores títulos, para que os adolescentes possamos o tipo de nome de imagem

15
00:01:23,670 --> 00:01:26,230
e evolua para dentro.

16
00:01:26,880 --> 00:01:31,190
Então, vamos em frente e verifique se isso está bem.

17
00:01:31,470 --> 00:01:33,900
Há nossa mesa até agora.

18
00:01:33,900 --> 00:01:40,480
A primeira coisa que provavelmente queremos fazer é apenas fazer com que combine o que tivemos, nós lhe damos uma fronteira.

19
00:01:40,740 --> 00:01:46,020
Lembre-se, porém, que nós realmente não queremos fazer isso mais tarde na aula, então, uma vez que falamos

20
00:01:46,030 --> 00:01:50,050
sobre C S s, faremos todo o estilo através de C S S.

21
00:01:50,070 --> 00:01:53,730
Isso é apenas para tornar as coisas visuais agora.

22
00:01:53,970 --> 00:02:00,540
Não é uma má idéia saber sobre isso, mas é uma idéia melhor realmente fazer isso profissionalmente.

23
00:02:00,570 --> 00:02:02,540
OK então vamos tomar alguns desses dados.

24
00:02:02,720 --> 00:02:10,440
para o fundo aqui e comentar tudo e, em seguida, tudo a fazer é criar minha primeira linha, então começará com bulbasaur.

25
00:02:10,440 --> 00:02:12,440
Quando ele copiar para baixo apenas

26
00:02:12,480 --> 00:02:19,840
Então, em vez do corpo necessário para o seu Em vez do TR, precisamos de 40.

27
00:02:21,480 --> 00:02:25,230
O nome vai corresponder ao nosso segundo Th.

28
00:02:25,340 --> 00:02:28,130
Então vou colocá-lo no segundo lugar.

29
00:02:28,410 --> 00:02:30,440
A imagem vai primeiro.

30
00:02:30,690 --> 00:02:36,720
Então eu vou copiar a imagem que você rl e então eu vou criar uma marca de imagem

31
00:02:36,780 --> 00:02:42,570
e definir a fonte igual a que você é real dentro daquele tiddy se você quiser, você pode

32
00:02:42,570 --> 00:02:44,310
espaçá-lo um pouco assim .

33
00:02:44,430 --> 00:02:49,200
Então, você sabe que isso não afeta nada é puramente estético em

34
00:02:49,200 --> 00:02:56,670
nosso código, para que possamos ver os relacionamentos que esta imagem está aninhada dentro da TV que, se tivermos

35
00:02:56,670 --> 00:03:00,540
o nome seguinte, temos um tipo de grama e veneno.

36
00:03:00,540 --> 00:03:05,090
E, finalmente, temos outro mais complexo, onde temos uma marca AI.

37
00:03:05,730 --> 00:03:12,390
Lembre-se de que precisa se parecer com uma tag que diga a Ivey ou assim que a etiqueta

38
00:03:12,390 --> 00:03:21,540
eletrônica, vamos copiar o link que precisa ir e, em seguida, vamos copiar o nome desse conteúdo e então vou continuar e me livrar

39
00:03:21,930 --> 00:03:24,330
Isto para se livrar dos comentários.

40
00:03:24,330 --> 00:03:28,570
Bem, se livrar disso só para que nós limpemos isso um pouco.

41
00:03:29,190 --> 00:03:32,330
Vamos atualizar e nossa primeira entrada.

42
00:03:32,430 --> 00:03:33,690
Verifique se isso funciona.

43
00:03:33,700 --> 00:03:35,150
Ou posso estar doendo.

44
00:03:35,160 --> 00:03:36,180
Ótimo.

45
00:03:36,840 --> 00:03:37,560
ESTÁ BEM.

46
00:03:37,560 --> 00:03:40,620
Então, basicamente, vamos repetir exatamente o mesmo processo.

47
00:03:40,620 --> 00:03:43,930
E por causa do tempo, eu apenas vou copiar isso.

48
00:03:44,100 --> 00:03:53,030
fornecemos esse atalho agradável onde você pode selecionar e acertar o comando mude o comando novamente duas vezes se você quisesse.

49
00:03:53,040 --> 00:04:02,640
Então, toda essa linha e lembre-se de que você poderia fazer o Control-C e colá-lo com o controle V e o comando

50
00:04:02,700 --> 00:04:04,250
C no comando, também

51
00:04:04,500 --> 00:04:07,910
E isso irá duplicá-lo duas vezes.

52
00:04:07,920 --> 00:04:12,540
Então, agora dobramos isso automaticamente e só precisamos passar e fazer algumas das mudanças.

53
00:04:13,200 --> 00:04:16,320
Então, o primeiro nome é

54
00:04:20,220 --> 00:04:21,380
char Mandar

55
00:04:26,850 --> 00:04:33,770
a imagem que você é Coruja e nós precisamos de Tamil.

56
00:04:34,740 --> 00:04:38,400
fogo e você está aqui aqui colado.

57
00:04:43,980 --> 00:04:45,830
É um tipo de

58
00:04:47,040 --> 00:04:48,360
Vamos verificar isso.

59
00:04:48,780 --> 00:04:54,480
Portanto, devemos ter que abrir a fonte porque copiamos e colamos no link está correto.

60
00:04:54,480 --> 00:04:55,250
Ótimo.

61
00:04:55,290 --> 00:04:57,660
Agora, precisamos terminar com a

62
00:05:03,300 --> 00:05:03,870
imagem

63
00:05:08,510 --> 00:05:09,960
da imagem Squirtle.

64
00:05:10,050 --> 00:05:12,210
e a bebida é água.

65
00:05:14,570 --> 00:05:21,560
Vamos com você ou, em primeiro lugar, se o link alterou o nome ou a tartaruga

66
00:05:21,760 --> 00:05:26,350
Toda a quantidade certa de cópia e colagem lá.

67
00:05:26,380 --> 00:05:27,170
Aqui vamos nós.

68
00:05:27,180 --> 00:05:28,860
Certifique-se de que tudo funciona de forma excelente.

69
00:05:29,030 --> 00:05:33,950
OK, então é tudo o que precisamos fazer para garantir que eles correspondam.

70
00:05:34,170 --> 00:05:37,810
Parece bom.

71
00:05:38,280 --> 00:05:38,920
Ótimo.

72
00:05:38,940 --> 00:05:41,490
Uma pequena mudança que eu possa fazer enquanto estou aqui.

73
00:05:41,490 --> 00:05:43,250
Apenas uma boa lição sobre isso.

74
00:05:43,250 --> 00:05:51,620
Vou adicionar um comentário aqui apenas para esclarecer para vocês, então esse primeiro é o que foi o seu próximo.

75
00:05:51,630 --> 00:05:54,500
Isto é tudo sobre charme mandar.

76
00:05:54,510 --> 00:06:01,460
E, finalmente, isso é tudo o que corresponde a Squirtle.

77
00:06:01,530 --> 00:06:05,680
Uma mudança, no entanto, como eu mencionei, é que essas imagens são bastante maciças.

78
00:06:05,780 --> 00:06:09,880
Poderíamos diminuí-los habilmente e isso encolheria o tamanho de uma mesa.

79
00:06:10,110 --> 00:06:14,110
E isso é algo que você faria com o CSSA é uma informação de estilo.

80
00:06:14,190 --> 00:06:18,090
Então, idealmente, fazemos isso com s de cada equipe.

81
00:06:18,120 --> 00:06:19,900
Queremos mantê-los separados.

82
00:06:19,950 --> 00:06:22,360
Cada vez que eu estruturo o estilo CSSA.

83
00:06:22,710 --> 00:06:32,340
Mas para este exercício, o que podemos fazer é adicionar um atributo a uma imagem que você coloca um número como 50

84
00:06:32,340 --> 00:06:35,220
e apenas ver isso como uma atualização.

85
00:06:35,220 --> 00:06:44,380
Isso muda para 50 pixels muito menor, onde você muda para 500 e obtém uma imagem gigantesca.

86
00:06:44,540 --> 00:06:45,640
Mantenha-o aos 50 anos.

87
00:06:45,990 --> 00:06:53,700
E uma outra razão pela qual eu quero mostrar-lhe isso é em vez de copiar e colar isto

88
00:06:53,700 --> 00:06:56,450
três vezes, que funciona muito bem.

89
00:06:56,910 --> 00:07:05,430
Uma maneira melhor de fazer isso em sublime é realmente criar três cursores, então eu vou mostrar o que quero dizer.

90
00:07:05,670 --> 00:07:14,290
Nós clicamos em manter o comando clicar novamente no comando de puxar a tecla e clicar novamente e então podemos começar a digitar.

91
00:07:14,320 --> 00:07:20,100
E eu tenho três cursores ao mesmo tempo com 50 iguais.

92
00:07:20,370 --> 00:07:21,800
Então, isso é muito legal.

93
00:07:21,810 --> 00:07:27,000
É realmente útil se você precisar mudar várias coisas ao mesmo tempo exatamente da mesma maneira

94
00:07:27,000 --> 00:07:31,810
que você apenas comanda clique em todo o lugar e engendra um monte de maldições.

95
00:07:32,490 --> 00:07:38,890
E como você pode ver, temos uma tabela agradável mais legível e de tamanho sensível.

96
00:07:38,900 --> 00:07:39,360
Tudo bem