Para criar um documento a partir do modelo no qual você deseja basear o modelo aninhado. Siga um destes procedimentos:
Última atualização em
25/04/2024
Saiba como criar modelos aninhados para controlar o conteúdo em páginas que compartilham elementos de design no Dreamweaver.
Um modelo aninhado é um modelo cujo design e regiões editáveis são baseados em outro modelo. Modelos aninhados são úteis para controlar conteúdo em páginas de um site que compartilham muitos elementos de design, mas têm algumas variações entre páginas.Por exemplo, um modelo base pode conter áreas de design mais amplas e ser utilizável por muitos colaboradores de conteúdo para um local, enquanto um modelo aninhado pode definir melhor as regiões editáveis em páginas para uma seção específica em um local.
Regiões editáveis em um modelo base são passadas para o modelo aninhado e permanecem editáveis em páginas criadas a partir de um modelo aninhado, a menos que novas regiões de modelo sejam inseridas nessas regiões.
Alterações em um modelo base são automaticamente atualizadas em modelos baseados no modelo base e em todos os documentos baseados em modelo que são baseados nos modelos principal e aninhados.
No exemplo a seguir, o modelo trioHome contém três regiões editáveis, chamadas Body, NavBar, e Footer:
Para criar um modelo aninhado, um novo documento baseado no modelo foi criado e depois salvo como modelo e nomeado TrioNested. No modelo aninhado, duas regiões editáveis foram adicionadas na região editável chamada Body.
Quando você adiciona uma nova região editável em uma região editável passada para o modelo aninhado, a cor de realce da região editável muda para laranja. Conteúdo que você adiciona fora da região editável, como o gráfico no editableColumn, não é mais editável em documentos baseados no modelo aninhado. As áreas editáveis destacadas em azul, sejam adicionadas no modelo aninhado ou passadas do modelo base, permanecem editáveis em documentos que são baseados no modelo aninhado. Regiões de modelo que não contêm uma região editável passam para documentos baseados em modelo como regiões editáveis.
Criar um modelo aninhado
Modelos aninhados permitem criar variações de um modelo base. Você pode usar vários modelos aninhados para definir layouts cada vez mais específicos.
Por padrão, todas as regiões de modelo editáveis do modelo base passam pelo modelo aninhado para o documento baseado no modelo aninhado. Isso significa que se você criar uma região editável em um modelo base, depois criar um modelo aninhado, a região editável aparece em documentos baseados no modelo aninhado (se você não inseriu nenhuma região de modelo nova nessa região no modelo aninhado).
Nota
Você pode inserir marcação de modelo dentro de uma região editável para que ela não passe como uma região editável em documentos baseados no modelo aninhado. Essas regiões têm uma borda laranja em vez de uma borda azul.
No painel Ativos, clique em Modelos no painel esquerdo. Selecione Novo modelo no painel inferior.
Selecione Arquivo > Novo. Na caixa de diálogo Novo documento, selecione a categoria Página do modelo, depois selecione o local que contém o modelo que você deseja usar. Na lista Modelo, clique duas vezes no modelo para criar um novo documento.
Selecione Arquivo > Salvar como. Na caixa de diálogo Salvar como, selecione Arquivos de modelo na lista suspensa Salvar como tipo.
Digite um nome na caixa Salvar como e clique em OK para salvar o novo documento como um modelo aninhado.
Impedir que uma região editável passe para um modelo aninhado
Em modelos aninhados, regiões editáveis de passagem têm uma borda azul. Você pode inserir marcação de modelo dentro de uma região editável para que ela não passe como uma região editável em documentos baseados no modelo aninhado. Essas regiões têm uma borda laranja em vez de uma borda azul.
Na visualização Código, localize a região editável que você deseja
impedir de passar.
As regiões editáveis são definidas por tags de comentário de modelo.
Acrescente o seguinte código ao código da região editável:
@@(" ")@@
Este código de modelo pode ser colocado em qualquer lugar dentro das <!-- InstanceBeginEditable --><!-- InstanceEndEditable --> tags que envolvem a região editável. Por exemplo:
<!-- InstanceBeginEditable name="EditRegion1" -->
<p>@@("")@@ Editável 1 </p>
<!-- InstanceEndEditable -->
Criar belos sites no Dreamweaver
Crie, codifique e gerencie sites dinâmicos com uma ferramenta completa e eficiente.
