Como usar as opções de célula de tabela no Dreamweaver - manequins

Vídeo: Como criar menu em HTML e CSS - Parte 1 2024

O Dreamweaver permite especificar opções para células individuais em uma tabela. Quando você seleciona uma célula, o que você pode fazer clicando para colocar o cursor em qualquer lugar dentro da área da célula, o Inspetor de propriedades muda para exibir as propriedades individuais dessa célula, como a formatação e o alinhamento dos conteúdos de uma determinada célula.

Começando no Dreamweaver CS4, o inspetor de propriedades possui configurações HTML e CSS. As configurações de CSS são geralmente preferidas e funcionam da mesma forma para o conteúdo de uma célula de tabela, assim como para conteúdo em qualquer outro lugar em uma página da Web.

Você também pode mudar várias células ao mesmo tempo. Suponha que você deseja formatar algumas células em sua tabela com uma certa cor de fundo e estilo de texto. Você pode aplicar as mesmas propriedades a várias células selecionando mais de uma célula por vez. Todas as propriedades que você muda no inspetor de propriedades aplicam-se a todas as células selecionadas. Aqui estão dicas para selecionar células:

Para selecionar células adjacentes, pressione a tecla Shift enquanto clica para selecionar células.
Para selecionar várias células que não são adjacentes, pressione a tecla Ctrl e clique em cada célula que deseja selecionar.
Se você tiver problemas para selecionar uma célula individual porque ela contém uma imagem, clique na imagem e, em seguida, use a tecla ← ou → no teclado para mover o cursor e desmarcar a imagem, que ativa o Inspetor de propriedades e exibe as opções para essa célula.

Quando uma ou mais células adjacentes são selecionadas, a metade superior do Inspetor de propriedades controla a formatação de texto e URLs nas células da tabela. A metade inferior do inspetor de propriedades fornece as opções de atributo de célula de tabela, da seguinte maneira:

Combinar ícone de células selecionadas usando o Spans: Combina duas ou mais células. Para mesclar células, primeiro você deve selecionar duas ou mais células clicando e arrastando ou pressionando a tecla Shift ou Ctrl enquanto seleciona várias células.
Ícone Split Cell in Rows or Columns: Divide uma célula em duas. Quando você seleciona esta opção, uma caixa de diálogo permite que você especifique se deseja dividir a linha ou a coluna. Você pode então especificar o número de colunas ou linhas, que controla quantas vezes a célula se divide. Observe que você pode aplicar a opção Célula dividida a uma única célula por vez.
Horz e Vert: Controla o alinhamento horizontal ou o alinhamento vertical, respectivamente, do conteúdo da célula.
W e H: Controla a largura ou a altura da célula, respectivamente.
Sem Envoltório: Impede o envolvimento de palavras na célula.A célula se amplia para acomodar todo o texto enquanto você o escreve ou cola em uma célula. (Normalmente, o excesso de texto simplesmente muda para a próxima linha e aumenta a altura da célula.)
Cabeçalho: Formata o conteúdo de uma célula usando uma tag de cabeçalho, que exibe o texto em negrito e centrado por padrão na maioria dos navegadores da web.
Bg (cor): Clique na cor bem para selecionar uma cor de fundo da paleta de cores ou insira um código de cor hexadecimal no campo de texto. Se você usa a paleta de cores, o código hexadecimal é inserido automaticamente no campo de cores Bg. Certifique-se de incluir o sinal # se você adicionar sua própria cor hexadecimal ou a cor não será exibida corretamente em muitos navegadores.