Web Design: mudanças entre as edições

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
Sem resumo de edição
Sem resumo de edição
Linha 57: Linha 57:
==4º Bimestre==
==4º Bimestre==


[[Categoria:Informática]]
[[Categoria:Técnico em Informática]]
[[Categoria:3 Ano]]

Edição das 19h45min de 8 de fevereiro de 2014

Aulas

1º Bimestre

CSS

Tabelas com DIV

Construir uma tabela com a tag div ao invés de usar a tag table

<!DOCTYPE HTML>
<html>
<head>
   <style>
      #table{
         display: table;
	 width: 50%;
      }
     .tr{
         display: table-row;
      }
      .direita{
         float: right;
         width:40%; /* esse número pode ser em % ou em px */
         display: table-cell;
      }
      .esquerda{
         float: left;
         width:40%;
         display: table-row;
      }
</style>
</head>
<body>
   <div id="table">
      <p>div que representa table</p>
         <div class="tr">
            <p>div que representa tr</p>
	    <div class="esquerda">
	       <p>div que representa uma coluna(td)</p>
	    </div>	
	    <div class="direita">
	       <p>div que representa outra coluna(td)</p>
	    </div>
         </div>
   </div>
	
</body>
</html>

2º Bimestre

JQuery

3º Bimestre

4º Bimestre