S_AnliseDesenvoSistema_FundameProgramWeb_Aula_Pratica_2

Text Material Preview

<p>13</p><p>1</p><p>Profª Margarete Klamas Marzani</p><p>Fundamentos da Programação Web</p><p>Aula Prática 2</p><p>13</p><p>2</p><p>Conversa Inicial</p><p>13</p><p>3</p><p>HTML</p><p>13</p><p>4</p><p>Tabelas com Células Mescladas</p><p>13</p><p>5</p><p>Colspan -> para mesclar colunas</p><p>Rowspan -> para mesclar linhas</p><p>Mesclagem de células</p><p>13</p><p>6</p><p>Linha 1 Colunas 1 e 2</p><p>Coluna 3, linhas 1 e 2</p><p>Linha 2 Célula 1 Linha 2 Célula 2</p><p>Linha 3 Célula 1 Linha 3 Célula 2 Linha 3 Célula 3</p><p><td colspan="2"></p><p><td rowspan="2"></p><p>13</p><p>7</p><p>Acessibilidade em Tabelas</p><p>13</p><p>8</p><p>Caption -> título da tabela</p><p>Summary -> descrever o objetivo da tabela</p><p><thead> para os cabeçalhos da tabela</p><p><tfoot> para o rodapé da tabela</p><p><tbody> para o corpo da tabela</p><p>13</p><p>9</p><p>Em tabelas de dados, identificar os</p><p>cabeçalhos de linha e de coluna [Prioridade</p><p>1]</p><p>Por exemplo, em HTML, utilizar TD para</p><p>identificar as células de dados e TH para</p><p>identificar os cabeçalhos</p><p>13</p><p>10</p><p>Ameixa preta Pera d’água</p><p>Atacado 1,00 1,50</p><p>Varejo 2,00 2,50</p><p>Preços em reais de ameixa e pera em Campinas</p><p>13</p><p>11</p><p>Formulários</p><p>13</p><p>12</p><p><form></p><p>.</p><p>elementos</p><p>.</p><p></form></p><p>13</p><p>13</p><p>Text</p><p>Checkbox</p><p>Radio</p><p>Select</p><p>Inputs</p><p>13</p><p>14</p><p>Slide 1: Fundamentos da Programação Web</p><p>Slide 2: Conversa Inicial</p><p>Slide 3</p><p>Slide 4: Tabelas com Células Mescladas</p><p>Slide 5: Mesclagem de células</p><p>Slide 6</p><p>Slide 7: Acessibilidade em Tabelas</p><p>Slide 8</p><p>Slide 9</p><p>Slide 10</p><p>Slide 11: Formulários</p><p>Slide 12</p><p>Slide 13: Inputs</p><p>Slide 14</p>