Com a popularidade da Internet, muitas pessoas não se contentam mais em apenas navegar na Internet, mas desejam participar dela em profundidade. Agora, ter seu próprio site virou tendência. Embora não seja difícil criar uma página da web simples, não é tão fácil criar um site extraordinário. Portanto, preparamos especialmente para você uma série de tutoriais sobre o software de design de sites mais recente, Dreamweaver MX 2004. Esperamos que seja. útil para você.
Normalmente, existem dezenas ou até centenas de páginas com estilos basicamente semelhantes em um site. Seria muito problemático redefinir a
estrutura da página da web e a barra de navegação e vários ícones na mesma coluna todas as vezes
.A funcionalidade do modelo 2004 simplifica as operações. Na verdade, a função de um template é separar o layout e o conteúdo de uma página web. Depois que o layout é desenhado, ele é armazenado como um template. Desta forma, páginas com o mesmo layout podem ser criadas por meio do template. pode melhorar muito a eficiência do trabalho.
1. Faça um modelo
Criar um modelo é exatamente o mesmo que fazer uma página comum, exceto que você não precisa fazer todas as partes da página. Você só precisa fazer as partes comuns de cada página, como a barra de navegação e. barra de título e use a área central com a página Preencha o conteúdo específico.
Passo 1: Primeiro execute o comando "Arquivo → Novo" no Dreamweaver MX 2004, selecione a opção "Página modelo → Modelo HTML" na janela mostrada na Figura 1 e clique no botão "Criar" para criar um documento modelo.
Passo 2: Insira o quadro da página da web, a barra de navegação, o título Flash e outros elementos comuns a todas as páginas na visualização de design da página (Figura 2) e, em seguida, execute o comando "Arquivo → Salvar" para salvar o modelo.
Dica: Você pode primeiro baixar uma página da web de sua preferência, depois abri-la no Dreamweaver MX 2004, manter apenas o quadro e outros elementos e depois salvá-la como modelo através do comando "Arquivo→Salvar como modelo", que pode salvar um muito tempo na criação de modelos.
Para evitar alterações nos elementos do modelo causadas por operação incorreta durante a edição, o conteúdo do modelo não é editável por padrão. Somente depois que uma determinada área ou um determinado texto for definido como editável, ele poderá ser alterado no documento criado pelo. modelo. Primeiro use o mouse para selecionar uma região (ou seja, a região com conteúdo diferente em cada página), depois execute o comando "Modificar→Modelos→Nova Região Editável" e defina um nome para esta região na caixa de diálogo pop-up e pronto. Edite as configurações da área.
Dica: Após definir a área de edição, você precisa executar o comando "Arquivo→Salvar" para salvar as alterações.
2. Use modelos
Depois de ter modelos, você precisa usá-los ao editar páginas da web. Contanto que você execute o comando "Arquivo→Novo" na janela principal do Dreamweaver MX 2004, você verá a nova janela mostrada na Figura 1 e, em seguida, entre na guia "Modelos" para visualizar os modelos salvos. um deles à direita Visualização na área de visualização (Figura 3) e, por fim, selecione um modelo de sua preferência e clique no botão "Criar" na parte inferior para abrir este modelo.
No modelo aberto, as áreas que não podem ser editadas serão destacadas, mas alguns locais são áreas bloqueadas, mas não destacadas. Isto ocorre principalmente porque a imagem apenas cobre a cor de fundo. Neste caso, você pode executar o comando "Editar → Preferências", selecionar o item "Destaque" na lista "Categoria" da janela pop-up e, em seguida, selecionar a opção "Mostrar" ao lado de "Regiões bloqueadas" no área direita (Figura 4) e defina a cor de destaque para azul, para que você possa identificar claramente a área bloqueada no modelo.
Dica: Se você ainda não consegue ver o efeito de destaque, você também pode selecionar o comando "Visualizar→Auxílios Visuais→Elementos Invisíveis" em sequência.
Por fim, basta adicionar o conteúdo da página web na área editável, como adicionar algumas descrições de texto ou inserir imagens correspondentes, e por fim salvar a página através do comando “Arquivo → Salvar”.
3. Modificar e substituir modelos
Depois de criar várias páginas por meio de modelos, se você precisar alterar as páginas ou adicionar colunas, será muito problemático modificar manualmente todas as páginas. Dreamweaver MX 2004. . Por exemplo, depois de modificar o modelo, execute o comando "Arquivo → Salvar" para salvar o modelo. Neste momento, uma caixa de prompt aparecerá perguntando se deseja atualizar todas as páginas que usam o modelo (Figura 5). a página atualizada será exibida O número total e o tempo atualizado e outras informações.
Além disso, o Dreamweaver MX 2004 também oferece uma função para alterar modelos de páginas da web. Alterar modelos é um pouco como trocar de roupa para as pessoas. Você só precisa criar vários modelos e depois vestir o que quiser. No entanto, os modelos não podem ser substituídos casualmente. As condições para a substituição dos modelos são que a página a ser substituída seja criada por meio de um modelo, e o número e o nome das áreas editáveis na página devem corresponder ao número e ao nome das áreas editáveis da página. o modelo a ser substituído consistente. Por exemplo, existem três áreas editáveis em uma página da web, denominadas t1, t2 e t3 respectivamente. Também existe um modelo. Não importa qual seja a estrutura deste modelo, desde que também tenha 3 áreas editáveis e os nomes sejam t1, t2 e t3, então você pode usá-lo para substituir a página da web original por um novo modelo. , e as 3 áreas editáveis na página podem O conteúdo da área de edição permanece inalterado. O método específico de substituição de modelos também é muito simples. Basta executar o comando "Windows → Modelos" para abrir o painel de modelos. Neste momento, você pode selecionar o modelo apropriado na área superior e clicar em "Aplicar à página". botão, para que a operação de substituição do modelo possa ser concluída rapidamente.
Dica: Use esta função para criar versões de verão e inverno da página inicial do site, o que torna muito conveniente a alteração do modelo.
Na verdade, há muito conteúdo relacionado sobre modelos, mas devido às limitações de espaço, só posso selecionar algumas introduções. Espero que todos possam tirar conclusões de um exemplo e compreender totalmente as sutilezas dos modelos.