Na janela Documento, siga um destes procedimentos:
Última atualização em
27/04/2021
Crie regiões e tabelas repetitivas e configure propriedades de tabela no Dreamweaver para controlar o layout de sua página.
Uma região repetitiva é uma seção de um modelo que pode ser duplicada várias vezes em uma página baseada em modelo. Normalmente, as regiões repetitivas são usadas com tabelas, mas você pode definir uma região repetitiva para outros elementos de página.
As regiões repetitivas permitem controlar o layout da página repetindo determinados itens, como um item de catálogo com seu layout de descrição, ou uma linha para dados, como uma lista de itens.
Há dois objetos de modelo de região repetitiva que você pode usar: região repetitiva e tabela repetitiva.
Criar uma região repetitiva em um modelo
As regiões repetitivas permitem aos usuários de modelo duplicar uma região especificada em um modelo quantas vezes desejarem. Uma região repetitiva não é necessariamente uma região editável.
Para tornar o conteúdo em uma região repetitiva editável (por exemplo, para permitir que um usuário insira texto em uma célula de tabela em um documento baseado em modelo), você deve inserir uma região editável na região repetitiva.
Selecione o texto ou conteúdo que você deseja definir como uma região repetitiva.
Coloque o ponto de inserção no documento onde você deseja inserir a região repetitiva.
Siga um destes procedimentos:
Selecione Inserir > Modelo > Região repetitiva.
Na categoria Modelos do painel Inserir, selecione Região repetitiva.
Na caixa Nome, insira um nome único para a região do modelo. (Você não pode usar o mesmo nome para mais de uma região repetitiva
em um modelo.)
Nota
Ao nomear uma região, não use caracteres especiais.
Clique em OK.
Inserir uma tabela repetitiva
Você pode usar uma tabela repetitiva para criar uma região editável (em formato de tabela) com linhas repetitivas. Você pode definir atributos de tabela e especificar quais células da tabela são editáveis.
Na janela do documento, coloque o ponto de inserção no documento onde você deseja inserir a tabela repetitiva.
Siga um destes procedimentos:
Selecione Inserir > Modelo > Tabela repetitiva.
Na categoria Modelos do painel Inserir, selecione Tabela repetitiva.
Especifique as opções a seguir e clique em OK.
Linhas
Determina o número de linhas da tabela.
Colunas
determina o número de colunas da tabela.
Preenchimento da célula
Determina o número de pixels entre o conteúdo de uma célula e os limites da célula.
Espaçamento da célula
Determina o número de pixels entre as células de tabela adjacentes.
Nota
Se você não atribuir valores explicitamente para o preenchimento e o espaçamento da célula, a maioria dos navegadores exibirá a tabela como se o preenchimento da célula estivesse definido como 1 e o espaçamento como 2. Para garantir que os navegadores exibirão a tabela sem preenchimento ou espaçamento, defina Preenchimento da célula e Espaçamento da célula como 0.
Largura
Especifica a largura da tabela em pixels ou como uma porcentagem da largura da janela do navegador.
Borda
Especifica a largura, em pixels, das bordas da tabela.
Nota
Se você não atribuir explicitamente um valor de borda, a maioria dos navegadores exibirá a tabela como se a borda estivesse definida como 1. Para que os navegadores exibam a tabela sem bordas, defina Borda como 0.
Para exibir os limites da célula e da tabela quando a borda estiver definida como 0, selecione Exibir > Opções de Visualização de design > Auxílios visuais. Essa opção está disponível somente na Visualização de design.
Repetir linhas da tabela
Especifique quais linhas na tabela são incluídas na região repetitiva.
Linha inicial
Define o número da linha inserido como a primeira linha a incluir na região repetitiva.
Linha final
Define o número da linha inserido como a última linha a incluir na região repetitiva.
Nome da região
Permite definir um nome exclusivo para a região repetitiva.
Definir cores de fundo alternadas em uma tabela repetitiva
Depois de inserir uma tabela repetitiva em um modelo, você pode personalizá-la alternando a cor de fundo das linhas da tabela.
Na janela Documento, selecione uma linha na tabela
repetitiva.
Clique no botão Mostrar visualização de código ou Mostrar visualizações de código e design
na Barra de ferramentas Documento para poder acessar o código da
linha de tabela selecionada.
Na visualização Código, edite a tag <tr>
para incluir o código a seguir:
<tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
Você pode substituir os valores hexadecimais #FFFFFF e #CCCCCC por outras opções de cores.
Salve o modelo.
O exemplo de código a seguir mostra uma tabela que inclui cores de fundo alternadas para linhas de tabela:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr><th>Name</th><th>Phone Number</th><th>Email Address</th></tr>
<!-- TemplateBeginRepeat name="contacts" -->
<tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@">
<td> <!-- TemplateBeginEditable name="name" --> name <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="phone" --> phone <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="email" --> email <!-- TemplateEndEditable -->
</td>
</tr>
<!-- TemplateEndRepeat -->
</table>
Criar belos sites no Dreamweaver
Crie, codifique e gerencie sites dinâmicos com uma ferramenta completa e eficiente.
