[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.63,0:00:02.77,Default,,0000,0000,0000,,Você sabe o que eu amo? Listas. Dialogue: 0,0:00:02.77,0:00:05.13,Default,,0000,0000,0000,,Você já fez uma lista de tarefas\Nou de compras? Dialogue: 0,0:00:05.13,0:00:07.34,Default,,0000,0000,0000,,Já leu uma lista em uma página web como: Dialogue: 0,0:00:07.34,0:00:10.40,Default,,0000,0000,0000,,"As 10 caras de cachorros mais ridículas"? Dialogue: 0,0:00:10.40,0:00:13.70,Default,,0000,0000,0000,,Eu aposto que sim, porque o\Nmundo está cheio de listas. Dialogue: 0,0:00:13.70,0:00:16.10,Default,,0000,0000,0000,,O HTML nos dá algumas 'tags'\Npara fazermos listas, Dialogue: 0,0:00:16.10,0:00:18.97,Default,,0000,0000,0000,,e vamos praticar, fazendo Dialogue: 0,0:00:18.97,0:00:23.78,Default,,0000,0000,0000,,uma lista de razões pelas quais os coelhos\Nsão grandes animais de estimação. Dialogue: 0,0:00:24.60,0:00:26.87,Default,,0000,0000,0000,,Para começar uma lista com marcadores, Dialogue: 0,0:00:27.00,0:00:30.17,Default,,0000,0000,0000,,devemos começar com a tag "< ul >". Dialogue: 0,0:00:30.50,0:00:31.97,Default,,0000,0000,0000,,O que significa "< ul >" e o que ela faz? Dialogue: 0,0:00:32.43,0:00:36.10,Default,,0000,0000,0000,,Aposto que você pode adivinhar o que o "l"\Nrepresenta 'lista' (List). Dialogue: 0,0:00:36.10,0:00:39.93,Default,,0000,0000,0000,,O "u", é um pouco mais complicado, \Nele representa 'não ordenada' (Unordered), Dialogue: 0,0:00:39.93,0:00:42.80,Default,,0000,0000,0000,,isso significa que o navegador não\Nnumerará os itens da lista Dialogue: 0,0:00:42.80,0:00:44.82,Default,,0000,0000,0000,,Ele só vai adicionar pequenas marcações. Dialogue: 0,0:00:45.07,0:00:48.37,Default,,0000,0000,0000,,Para ver o que quero dizer, \Nvamos adicionar o primeiro item, Dialogue: 0,0:00:48.37,0:00:50.20,Default,,0000,0000,0000,,"Eles são peludos".\N(They're Furry) Dialogue: 0,0:00:50.20,0:00:52.04,Default,,0000,0000,0000,,Viu o pequeno círculo no lado? Dialogue: 0,0:00:52.11,0:00:53.27,Default,,0000,0000,0000,,Isso é um marcador. Dialogue: 0,0:00:53.27,0:00:55.65,Default,,0000,0000,0000,,Agora, o que você acha \Nque "< li >" significa? Dialogue: 0,0:00:55.93,0:00:59.93,Default,,0000,0000,0000,,O "l" é de lista, e o "i" é de item,\Nou seja, item da lista (List Item). Dialogue: 0,0:00:59.93,0:01:01.63,Default,,0000,0000,0000,,Sempre que quisermos adicionar\Num item Dialogue: 0,0:01:01.63,0:01:05.63,Default,,0000,0000,0000,,precisamos adicionar um \Nnovo "< li >" sob o "< ul >". Dialogue: 0,0:01:05.63,0:01:08.50,Default,,0000,0000,0000,,Cada "< ul >" deve ter pelo menos\Num "< li >" sob ela, Dialogue: 0,0:01:08.50,0:01:11.72,Default,,0000,0000,0000,,porque uma lista sem itens é muito chato. Dialogue: 0,0:01:11.72,0:01:13.73,Default,,0000,0000,0000,,Vamos adicionar um pouco mais, Dialogue: 0,0:01:13.73,0:01:17.37,Default,,0000,0000,0000,,"Grandes ouvintes"\N(Great listeners) e..., Dialogue: 0,0:01:17.37,0:01:21.54,Default,,0000,0000,0000,,"Come todas as suas sobras de cenouras"\N(Eat all your leftover carrots) Dialogue: 0,0:01:22.15,0:01:24.93,Default,,0000,0000,0000,,Esta deve ser uma lista\Nbastante convincente. Dialogue: 0,0:01:24.93,0:01:28.43,Default,,0000,0000,0000,,Não sei quem não ia querer um coelho\Ndepois de ler isso. Dialogue: 0,0:01:28.43,0:01:30.00,Default,,0000,0000,0000,,Eu não numerei esta lista Dialogue: 0,0:01:30.00,0:01:31.77,Default,,0000,0000,0000,,porque eu não acho que uma das razões Dialogue: 0,0:01:31.77,0:01:33.60,Default,,0000,0000,0000,,seja mais importante do que a outra, Dialogue: 0,0:01:33.60,0:01:36.67,Default,,0000,0000,0000,,mas tem um monte de vezes que queremos \Nfazer listas numeradas. Dialogue: 0,0:01:36.67,0:01:38.13,Default,,0000,0000,0000,,Como, se quiséssemos fazer uma Dialogue: 0,0:01:38.13,0:01:43.13,Default,,0000,0000,0000,,Uma lista com os \N"Os três coelhos mais famosos". Dialogue: 0,0:01:44.87,0:01:47.23,Default,,0000,0000,0000,,Para começar a nossa lista numerada, Dialogue: 0,0:01:47.23,0:01:50.96,Default,,0000,0000,0000,,vamos usar um "< ol >" \Nem vez de um "< ul >". Dialogue: 0,0:01:51.17,0:01:53.73,Default,,0000,0000,0000,,Já descobriu o que significa "< ol >"? Dialogue: 0,0:01:54.63,0:01:56.28,Default,,0000,0000,0000,,Dica: é só cortar a primeira Dialogue: 0,0:01:56.28,0:01:59.23,Default,,0000,0000,0000,,letra do significado de "< ul >". Dialogue: 0,0:01:59.23,0:02:02.63,Default,,0000,0000,0000,,Isso mesmo, ele significa\N"lista ordenada" (Ordened List). Dialogue: 0,0:02:02.63,0:02:04.57,Default,,0000,0000,0000,,Ele diz que um navegador deve numerar Dialogue: 0,0:02:04.57,0:02:06.53,Default,,0000,0000,0000,,automaticamente cada novo item. Dialogue: 0,0:02:06.53,0:02:09.50,Default,,0000,0000,0000,,No entanto, ainda usamos "< li >" para\Nadicionar novos itens Dialogue: 0,0:02:09.50,0:02:11.49,Default,,0000,0000,0000,,dentro da lista. Dialogue: 0,0:02:11.49,0:02:13.67,Default,,0000,0000,0000,,Vamos colocar\NPernalonga(Bugs Bunny) Dialogue: 0,0:02:13.67,0:02:15.87,Default,,0000,0000,0000,,temos "Tambor" (Thumper), Dialogue: 0,0:02:15.87,0:02:19.30,Default,,0000,0000,0000,,e, claro, não podemos esquecer do\N"Coelhinho da Páscoa" (Easter Bunny). Dialogue: 0,0:02:20.99,0:02:22.45,Default,,0000,0000,0000,,O interessante das listas numeradas Dialogue: 0,0:02:22.45,0:02:24.96,Default,,0000,0000,0000,,é que o navegador toma conta\Nda numeração por nós. Dialogue: 0,0:02:25.03,0:02:27.73,Default,,0000,0000,0000,,Então se reorganizarmos, excluir\Nou adicionar novos itens Dialogue: 0,0:02:27.73,0:02:29.96,Default,,0000,0000,0000,,ele sempre atualiza os\Nnúmeros corretamente. Dialogue: 0,0:02:30.40,0:02:32.13,Default,,0000,0000,0000,,Aí você me diz Dialogue: 0,0:02:32.13,0:02:33.73,Default,,0000,0000,0000,,que não conhece "Tambor" (Thumper). Dialogue: 0,0:02:33.80,0:02:35.93,Default,,0000,0000,0000,,Em primeiro lugar, só vou dizer que você Dialogue: 0,0:02:35.93,0:02:37.40,Default,,0000,0000,0000,,deve assistir o filme "Bambi". Dialogue: 0,0:02:37.40,0:02:39.30,Default,,0000,0000,0000,,Mas, vou mover contra minha vontade Dialogue: 0,0:02:39.30,0:02:41.23,Default,,0000,0000,0000,,"Tambor"(Thumper) para a parte inferior. Dialogue: 0,0:02:41.23,0:02:43.66,Default,,0000,0000,0000,,Agora, o pobre "Tambor" (Thumper)\Né o número três. Dialogue: 0,0:02:44.47,0:02:47.04,Default,,0000,0000,0000,,Agora você tem tudo o que precisa\Npara fazer listas. Dialogue: 0,0:02:47.13,0:02:49.52,Default,,0000,0000,0000,,Vá em frente e faça uma lista de tudo. Dialogue: 0,0:02:49.52,0:02:54.72,Default,,0000,0000,0000,,Traduzido por [ Fernando dos Reis] Revisado por [Valter Bigeli]