Vamos de passeio e uma página da Web real.

Por favor ... l eed com cuidado e siga o tutorial passo a passo. Precisamos primeiro entender, para evitar problemas mais tarde, quando executar os passos e tudo está ótimo, né?

Desta vez, a estrutura deve ser todos iguais, o conteúdo de curso pode variar-los cada um, mas a estrutura deverá ser o mesmo se aplica? Além disso, vamos fazer o nosso índice a partir da qual para acessar o restante dos documentos.

Estamos indo para 'enganar' a outros navegadores além do IE, para ver as bordas onde não há nenhum Que se, agora, e não aplicar seus próprios estilos, mas não podemos simular fronteiras sólidas, sem coisas mirabolantes

Também trabalham o conceito de tabelas de nidificação ir em outro, quando trazemos projetos gráficos para tabelas, você vai ver que é como construir um quebra-cabeça e como colocar as peças é dessa maneira.

Começamos:

Vamos criar esta página, como totalmente independente do que temos vindo a fazer até agora. Crie uma nova pasta, vamos chamá web sem imagens, ou portal, por exemplo, no nosso site.

* Notas: Cada pasta que temos dentro do Site, é o que chamamos e diretórios dentro de diretórios, podemos recriar um documento index.htm. Para vê-los em browsers, agora você tem que colocar todo o percurso, não gosto quando criou o índice, principal htm, foi o suficiente para colocar o endereço que forneceu o servidor para acessar a página.

Dentro dele, vamos salvar documentos, em seguida, ligará no Índice que temos para que possamos ver o nosso trabalho.

Htm Vamos abrir um novo documento e inserir uma tabela. Vamos ser se acostumar a atribuir uma medida da largura, que normalmente começam sempre com uma página e são 780 px.

* Nota: Desta forma vamos garantir ficará perfeito em uma resolução de 800. Ele funciona bem, porque até lá a maioria das pessoas que usam essa mesma resolução Mais tarde você pode escolher se levarmos esta ação ou continuar com ele)

Este documento será o índice do diretório novo, por isso, mantê-lo, dentro dela, com o nome index.htm.

* Nota: Atenção, ao salvá-lo, certifique-se de fazê-lo no diretório correto ou pasta, caso contrário, teríamos o passo modificado e é o índice principal do nosso site. Se você não vai correr esse risco, salvá-lo com outro nome, como Portal.htm, websinimg.htm ..., etc.

Como vimos como configurar as propriedades da página, este será o primeiro passo, deixo um link, você não se lembra: Propriedades da página.

Depois de ter configurado as propriedades da página, inserir uma tabela com esta configuração:

4 linhas, 1 coluna

Espaço celular 1

Borda 0

Desde o Inspetor de propriedades e da tabela selecionada:

Width = 780px

Align = center

Cor de fundo para a tabela = # DE931C

Selecione todas as linhas e colocar uma cor de fundo para as células <td> O tanto dá 1-1, só a velocidade, podemos fazê-lo

Notamos que, depois de definir as propriedades da página não tem mais para formatar o texto.

E a programação é o suficiente para aplicá-lo para o celular também. Desta forma, e esquecemos o alinhamento do texto. O suficiente para dá-lo ao celular.

para realizar este ejercicio, y queremos que se vean bien en todos los navegadores , el dar un color de fondo a la Tabla , es para que se vea un Borde de un color que hayamos elegido. * Nota: Nós vamos criar muitas tabelas para este exercício, e queremos ter uma boa aparência em todos os browsers, dando uma cor de fundo para a mesa, é para torná-la uma borda de uma cor que escolhemos. Assim, vamos aplicar um diferente para as células, o que seria a cor escolhida faria para a página.

Repita essas etapas para cada uma das tabelas que inserir. Isto é: Criar tabela e definir a largura (se variar a partir de agora) cor de fundo para a mesa, eo alinhamento das células para a tabela de tanto como para a célula. É muito importante para nós habitam sobre isso porque mais tarde vamos evitar muitos problemas e maus momentos para nós, porque nenhum caso para aplicar um estilo, certo?

Para nos ajudar e fazer um trabalho muito melhor, é interessante para a tabela no modo estendido:

Isso vai nos ajudar e se comprobáis-se no modo de visualização, você vai ver nada que não iria afetar a aparência da página, basta fornecer-nos com o trabalho.

Estamos localizados na primeira fila e inserir uma nova tabela,

1 linha, 2 colunas

Alinhado ao centro

Espaço celular 1

Borda 0

De largura, a partir de agora, 100%

Adicionar a cor do fundo da tabela (cor base)

Alinhamento agora não precisa dar-lhe para a mesa, como já aninhado em um que tem uma largura Especificamente, (780 px) 100% que temos que lhe é atribuída, será, portanto, 100% de 780px. Você pode se você quiser dar, mas não vai sair de onde nós colocamos eo que é trabalhar tão pouco quanto possível direito?

Como antes, vamos aplicar a cor de fundo da célula:

O aspecto que vai ser dada como:

* Nota: ver tabelas menores na captura, porque eu dei outro tamanho de tela!

Na segunda linha e última, seria inserir uma tabela com 1 linha e 1 coluna. Para que, pode-se inserir a cor de base para a parte inferior da tabela, podemos usá-los ou não, mas agora vamos fazer a separação e sobrenome de rodapé:

As células, podemos dar a formação, mas por enquanto eles estão indo para inserir qualquer conteúdo. Assim, mais tarde, irá ser aplicado. A parte de cima, ficar bem com nada, como a separação do que será o título eo resto, mas no fundo, podemos inserir o nosso e-mail ou direitos autorais e muito melhor se você ficar bem no meio, certo?

Vamos colocar na terceira, que é onde nós inserimos os conteúdos. Inserir uma nova tabela, como o conjunto anterior, apenas para ser uma linha e três colunas:

Nós aplicamos a cor de fundo para a mesa e depois para as células:

Estes três colunas são os que vão carregar o conteúdo da página, para os dois lados, são as várias opções, então teremos. Estamos colocando uma estrutura, mais ou menos de um portal, de modo que essas colunas laterais, deve ser mais estreita do que a planta.

Com o cursor na primeira célula no Inspetor de propriedades, vamos dar a estes valores:

Depois do lado direito, colocá-los iguais. Se selecionar o tabaco, vemos que resume a isto:

As colunas de marcar o width: 150, Central e nós não dar nada mais do que alinhamento, ocuparam o resto, 100% da primeira tabela que era de 780 px. lembra-se? e nada shows.

* Nota: A figura vemos direita no centro de 100% indica que a tabela inserida com esta percentagem. Você não deve dar muita atenção a mostrar um instantâneo, uma vez que alterar a largura da primeira tabela, então deixe-me mostrar tudo e pegar não era muito grande. Mas se o conceito de que indica ... diz-nos que a tabela é de 100% do acima exposto, onde esta inserido e que a sua largura em pixels é 483. Eu só comentou assim como dados, no caso de você fijasteis, para ter uma idéia do que esses números significam. Mais tarde, é interessante se quisermos criar um site, com isso em mente, podemos fazer ao milímetro.

Se escrever um texto e pressione Enter número, o aspecto que tem que ter o navegador será o seguinte:

Ver aqui

Eu escrevi um texto em cada célula e estava aplicando um formato de cabeçalho de diferentes tamanhos, cada texto.

É hora de verificar em navegadores que são igualitas em ambos, Se não chiquis alguma coisa ... não estava muito bem, então eu aconselho você a começar tudo de novo, melhor do que no presente, tentando ver onde está o problema vale a pena fazer?

Vou colocar na web, um exemplo de cada tutorial, você pode ir depois de cada tutorial e uma vez que este está bem, trabalhando no mesmo documento, de modo a não tiing mais, ok?

O exemplo neste tutorial, vamos ver em Web Design - Shalana como Portal.