Tabelas
Modelo de tabela para entrega dos trabalhos
Teste A2A Paleta cromática Photoshop para download: Composição by Piet Mondrian;
Turma A
Teste A2B Paleta cromática Photoshop para download: Verano by Juan Miró;
Turma B
Teste A2D Paleta cromática Photoshop para download: Blue, Jackson Pollock;
Turma D
Em Html, o elemento tabela (<table></table>) foi uma dos primeiros recursos técnicos a permitir a compartimentação visual do écran, abrindo caminho à possibilidade de criar um design ou layout de portal Internet.
Este elemento está descrito pelo consórcio World Wide Web em
http://www.w3.org/TR/CSS2/tables.html, incluindo o uso de CSS's de que uma das propriedades de maior impacto é a border-collapse, e a table-layout.
A aplicação de CSS's pode ser testada em W3 Schools
http://www.w3schools.com/
<TABLE>
Atributos:
align="left, center, right"; background="url"; bgcolor="#rrggbb" ou "..."; border="n"; bordercolor="#rrggbb" ou "..."; bordercolordark="#rrggbb" ou "..."; bordercolorlight="#rrggbb" ou "..."; cellpadding="n": especifica em nº de pixeis o espaço entre o bordo da célula e o seu conteúdo; cellspacing="n": especifica o espaço entre o bordo de células adjacentes; class="...": indica que classe de estilo se aplica ao elemento
<table> cols="n"; frame="{void, border, above, below, hsides, lhs, rhs, vsides, box}"; id="n": funciona associado a estilos como a class mas apenas pode ser usado uma vez; rules="{none, rows, cols, groups, all}": especifica linhas limite das células; style="..."; summary="...": especifica texto descritivo do conteúdo da tabela; title="...";
<TD>
Atributos:
abbr="...": especifica texto abreviado que substitui momentâneamente o conteúdo da célula; axis="...": especifica de modo abreviado o nome da célula; axes="...": listagem de valores de axis associados à célula; align="{left, right, center, char}": alinhamento horizontal - se align="char", o alinhamento far-se-à sobre um caracter específico (ex.: separador decimal); char="...": especifica o caracter sobre o qual se alinha o conteúdo da célula; o valor por omissão é o separador decimal; charoff="n": nº de caracteres contando da esquerda para definição do alinhamento.
Desenvolvendo tabelas com CSS's e publicando-as no Google Sites
Os sites do Google obrigam a que a utilização de código nos conteúdos (CSS, Javascript, etc.) seja identificado por um cabeçalho Xml, identificando o conteúdo e o autor:
<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="CSS's"
description="Utilização de CSS's"
author="Joana Morais"
author_email="al7142@fa.utl.pt"
width="1500"
height="80">
</ModulePrefs>
<Content type="html">
<![CDATA[
Aqui insere-se o html do ficheiro modelo, actualizando os dados.
]]>
</Content>
</Module>