Modelos do Dreamweaver

Name: Modelos do Dreamweaver
Author: Patti Scully-Lane

O recurso Modelo é útil no Dreamweaver porque permite criares uma "shell" ou layout consistente em todas as suas páginas. Você pode então criar áreas editáveis…

Preview the first lesson free — get full access to all 4 lessons.

Solicitar uma demonstração Entrar

Curso: sob demanda

Nesta lição, você vai aprender a fazer um modelo de um layout no Adobe Dreamweaver. Antes de começarmos, temos que configurar um site porque o recurso de modelo só funcionará se você estiver trabalhando em um site. Então, vamos ao menu do site, para o novo site, e vamos nomear este "módulo cinco modelos", e vamos clicar neste ícone de pasta. Agora eu salvei o módulo cinco arquivos de lição para minha área de trabalho. Você vai navegar para onde quer que seja você salvou a pasta de templates do módulo cinco da pasta de arquivos de lição no módulo cinco. Agora, se você não conhece trabalhando com sites no Dreamweaver, você pode voltar para o módulo um deste curso intermediário do Dreamweaver e assista ao gerenciamento de sites no Dreamweaver Para maiores informações. Vamos clicar no botão salvar. E aqui no nosso painel de arquivos temos todas as informações para o nosso site. E temos algumas páginas individuais aqui. E se eu clicar na minha página de índice, Posso ver que tenho um layout para minhas páginas. Se clicarmos na nossa página de caminhadas, Eu posso ver que eu tenho um layout semelhante aqui também. Agora, a forma como este site foi criado estava usando páginas individuais. E então o que isso significa é, dizer que preciso mudar o nome de um link, ou talvez alguma informação na parte inferior da minha página. Bem, se eu fizer isso, do jeito que eu configurei isso com páginas individuais significa que tenho que fazer essa alteração em cada uma das páginas individuais do meu site. E é aí que o recurso de modelo no Dreamweaver entra em jogo, porque o recurso de modelo permite que você crie um shell. E esse shell contém as informações que seja consistente em todas as suas páginas. E então você faz áreas editáveis da sua página, e somente essas áreas podem ser atualizadas pelo usuário. E dessa forma, se você precisar fazer uma alteração no shell, quando você fizer isso atualizará o shell de todas as páginas que foram construídos com base nesse modelo. Portanto, é um ótimo recurso para ajudá-lo a fazer alterações ao conteúdo globalmente. Vou fechar esses dois arquivos, e vamos para o painel de arquivos, para projetar.HTML. Então aqui está essa casca. E não temos nenhum conteúdo de texto e temos um gráfico aqui, mas vamos usar isso agora como um gráfico de espaço reservado. A primeira coisa que você precisa fazer com um modelo é salvar esse modelo. Então vamos para o menu de arquivos. Agora, há duas maneiras de salvar um modelo no Dreamweaver. A primeira maneira é ir até o menu salvar como modelo. Esta é a maneira preferível de fazê-lo. E a razão para isso é que temos esta caixa de diálogo, salvar como modelo e nos pergunta qual site gostaríamos de associar este modelo. Então, vou nomear isso como "design_template" e vamos economizar. Agora, esta é a parte crucial. Ele nos pergunta se queremos atualizar nossos links. Sempre queremos dizer sim ao trabalhar com modelos. E se olharmos aqui no nosso painel de arquivos, agora temos uma nova pasta em nossa pasta do site, e essa é a pasta de modelos. Assim, o Dreamweaver criou automaticamente uma pasta de modelos e salvei nosso design_template lá. Agora você notará que isso tem uma extensão diferente, isso não tem mais a extensão HTML. Tem um DWT, que significa modelo do Dreamweaver. Este é um recurso que só funcionará no Dreamweaver. Se você tem pessoas que estão dentro do seu fluxo de trabalho que não trabalham no Dreamweaver, isso pode causar problemas com a edição de suas páginas. Portanto, isso deve ser feito estritamente dentro do Dreamweaver. Se voltarmos aqui e abrimos esse design.HTML novamente, a segunda maneira de salvar algo como um modelo é ir para o menu de arquivos, para salvar como, e escolha salvar como tipo, arquivo de modelo. Agora, a coisa sobre isso é que se clicarmos nesse botão salvar, ele não nos pergunta sobre links. Ele não coloca por padrão para a pasta desse modelo também. Portanto, ele realmente não associa esse modelo ao site. Ele salva no site, mas não o associa como um arquivo de modelo. Só para não ficarmos confusos, vamos clicar com o botão direito do mouse nesse design.DWT, edite isso e exclua. E sim, nós realmente queremos excluir essa pasta, e podemos fechá-lo aqui e clicar em ok. Assim, quando você trabalha com modelos do Dreamweaver, a primeira coisa que você precisa fazer é salvar um modelo e associe esse modelo ao site fazendo com que o Dreamweaver o coloque automaticamente na pasta de modelos e no modelo de sublinhado de design como um arquivo DWT. Então, nesta lição, você aprendeu como salvar um documento HTML como modelo no Adobe Dreamweaver.

Intermediário Fornecedor : Patti Scully-Lane 4 lições · 26m em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Urdu, Chinese

Descrição do curso

O recurso Modelo é útil no Dreamweaver porque permite criares uma "shell" ou layout consistente em todas as suas páginas. Você pode então criar áreas editáveis em tuas páginas para que apenas estas áreas possam ser atualizadas pelos usuários. Os modelos permitem alterações fáceis no conteúdo globalmente. Se precisares fazer alterações na “shell”, ele fará atualizações em todas as páginas com base neste modelo.

Objectivos de aprendizagem:

O Que Você Vai Aprender

Reconhecer os benefícios do uso de um Template no Dreamweaver
Salvar um documento HTML como um Template
Adicionar áreas editáveis a um Template
Criar uma nova página baseada em um Template
Fazer alterações em um Template e atualizar todas as páginas construídas a partir dele

Principais Conclusões

O recurso Template do Dreamweaver permite criar um shell ou layout consistente em todas as suas páginas.
Áreas editáveis podem ser definidas em um Template para que os usuários possam atualizar apenas essas áreas específicas.
Templates permitem alterações fáceis de conteúdo globalmente entre páginas.
As alterações feitas no shell do Template são aplicadas a todas as páginas baseadas naquele Template.

Perguntas Frequentes

O que este curso de Dreamweaver Templates abrange?

Abrange reconhecer os benefícios do uso de um Template, salvar um documento HTML como um Template, adicionar áreas editáveis, criar uma nova página baseada em um Template e fazer alterações e atualizar um Template.

O que é um Template no Dreamweaver?

Um Template é um shell ou layout que permanece consistente em todas as suas páginas, com áreas editáveis que permitem que apenas essas áreas sejam atualizadas pelos usuários.

Como os Templates ajudam a fazer alterações em muitas páginas?

Os Templates permitem alterações fáceis de conteúdo globalmente; se você alterar o shell, ele atualiza todas as páginas baseadas naquele Template.

Quais lições estão incluídas neste curso?

As lições são: Fazer um Template de um Layout, Adicionar Áreas Editáveis em um Template, Criar uma Nova Página a partir de um Template e Fazer Alterações em um Template e Atualizar Páginas.

Quais habilidades este curso está relacionado?

Está relacionado ao Adobe Dreamweaver, Template Engine, Template Toolkits, Templates, Web Template Systems e Windows Template Libraries.