Para me entender, imagine as tabelas com a propriedade de "elasticidade" Vamos ver porque eu imagino assim. E eu ainda estou trabalhando no documento a ser salvo como portal2.htm

Veja aqui para tamanho original da captura.

Na célula superior, deixá-lo ficar pensando em colocar o título, eu quero fazer agora é colocar um logotipo e uma imagem. Eu coloco o cursor sobre o texto que foi inserido antes e eu selecionar tudo, e vamos ser uma grande ajuda, tendo o espaço de trabalho DW dividido em Design:

Ampliar

Como veremos ou não parágrafos desta célula (<td> </ td>) e ver se algum:

<td align="center" bgcolor="#FFF1D6"> <h1> sem Imagens Web Design </ h1> <p </ p> </ td>

Para fazer isso completamente claro, devemos deixá-lo ligado.:

<td align="center" bgcolor="#FFF1D6"> </ td>

No entanto, para a célula não desaparecer, deve haver algo nele, porque se não, se foi! com esta combinação de caracteres especiais: o que fazemos em inserir um personagem invisível na célula, não vejo nada, mas também desaparece Será que ir e ver, que DW coloca-lo sozinho e simplesmente suprimir do texto e do rótulo da barra acima do Inspetor de propriedades:

Uma vez que esta "limpo" todos indo para Inserir / Tabela com esta configuração:

E as imagens não vão usar, deixe a sua escolha, se o fundo aplicáis à mesa ou não, ou célula, como havia feito em institutos anterior. No meu caso, se eu fiz. O que ele vai fazer é colocar todas as alinhamento (centro, largura e tamanho da célula / coluna à esquerda:

150 px, como antes havíamos dado para a coluna de opções, ou menu. O efeito estético é essencial em um site, para que essas colunas devem ser totalmente iguais, se você tiver um px 200, o outro também deve ser de 200 px.

Na PSP (ou qualquer outro programa gráfico) criar uma imagem que serviria para esta finalidade e que irá considerar as medidas das colunas, ou a simetria dessas será eliminado, se nós temos dado o mesmo valor para W .

Veremos

Prepare três imagens, uma de 100/100, 150/150, 200/200 pixels, e nós vamos inserindo-os um por um, para ver o que acontece: Insira o primeiro, px 100/100:

Nós não tínhamos colocado no alinhamento da célula, portanto, é à esquerda que é o padrão. Ele quebra a simetria das colunas, mas está fora de centro, de modo que este possa servir para centralizá-lo, e saiba como. Centro = alinhamento na célula

Para verificar por si mesmo, você também pode tentar remover o valor de largura, ou mesmo alterá-lo para 100 Ss é?

É completamente adaptado para a imagem, o seu tamanho .. por isso, se ele é menor e queremos que a coluna tem uma largura específica, damos-lo separadamente, ou seremos design ruim.
Observe bem, eu, toda a fila tem a mesma altura que a imagem, e assim,. vai com a imagem seguinte, por conseguinte, a altura que tem de se preocupar, apenas para criar a imagem, uma vez que o mesmo que tenha essa, que vai ser a linha, e é claro, também afectam a mesa onde o inserido .

Não altere o valor da largura da célula, deixando-a 100, que vemos acontecer com o segundo, 150 px:

É perfeito, o primeiro, mesmo que a célula não tem o mesmo valor da largura da imagem ...! Você vê, porque eles chamam de "elástico"?

* Nota: Veja também na caixa onde vemos o valor na célula, diz ele, 100 (150), ser ... 100 é o valor que colocamos antes, e entre parênteses, o que nós realmente temos.

Para terminar a verificação, vemos acontecer com a imagem de 200 px:

E a mesma coisa vai mudar o valor para o tamanho da célula! É primavera! Portanto, podemos ver que que apenas o envio, são as imagens ou conteúdo. Como usamos uma imagem, mas um texto que irá fazer o mesmo. A obrigação a longo prazo, como .. A célula da tabela ... é "esticado" para cobrir todo o conteúdo que inserir e em breve vamos ter colocado um tamanho específico ... alongar e crescer tanto quanto o conteúdo que inserir neles!

No que diz respeito à altura, se alguma vez acontecer para observar que a célula é mais elevada, ou um espaço é deixado sobre a imagem:

Deve ser como mostrado na captura há uma etiqueta na presente <p> casp (n) não contendo mais que, embora .. isso e nos incomoda! nós removemos

Vamos, portanto, o tamanho apropriado para a imagem que estamos usando no meu caso é 150/150 px e as imagens abaixo, note-se que a altura máxima, se eu quiser remover o desenho, se 150px .

Na célula da direita, inserir uma tabela com 100% e desta vez nós não pusemos de volta nem nada, o transparente e que vamos ver a parte inferior como tínhamos antes:

Na coluna da direita, inserir uma imagem e atribuir o mesmo valor (coluna) que tem imagem de largura, você vê, a altura é menor do que 150px.

Você pode ver melhor na tela a seguir:

e não precisa se preocupar com o alinhamento ou qualquer outra coisa.

Em outra coluna inserir uma imagem de um texto e eu atribuir o alinhamento central, e é "flutuando" no centro, que é o que eu queria, para a próxima etapa.

Uma célula não atribuir qualquer bitola.

E agora vem o interessante, pois se na primeira tabela, substituir as 780 px do topo, 100%, o "trecho" todas as tabelas:

Adicione 100 para alterar a%

Veja aqui o exemplo

Mantendo o mesmo design que nós tivemos, mas ele vai fazer o usuário final, quando entrar no nosso site, tem a resolução que você, ver em tela cheia de 600, 800, 1024, 1280 ou superior.

Como eu ainda gosto ou seja, mais 'recogidita' com o valor inicial de 780 px, mas agora sabemos como mudar isso, cada um de escolher como você mais gosta