Vídeo: Curso Word #16 - Componentes de Design 2025
As Notas de design são ideais para se comunicar com outros desenvolvedores que estão trabalhando em seu site, mas não estão a uma distância de gritos. Este recurso do Dreamweaver funciona como a etiqueta de comentário (código HTML que permite inserir texto em uma página que não será exibida em um navegador), mas com muito mais privacidade. Muitos desenvolvedores usam tags de comentário para compartilhar informações entre si. Mas qualquer pessoa que veja a fonte de seus documentos pode ver uma etiqueta de comentário, por isso não é uma maneira muito segura de compartilhar informações. Quando você usa Design Notes, somente aqueles com acesso por senha a seu site já viram as anotações.
Se você quiser esconder informações confidenciais, como estruturas de preços ou estratégias criativas, ainda assim poderá compartilhá-la com outros membros da sua equipe de desenvolvimento, use Design Notes. As informações guardadas como uma nota de design no Dreamweaver podem viajar com qualquer arquivo HTML ou imagem, mesmo que o arquivo seja transferido de um site para outro ou do Fireworks para o Dreamweaver.
Para ativar o recurso Design Notes, siga estas etapas:
1. Escolha Site -> Gerenciar sites.
A caixa de diálogo Gerenciar sites é aberta.
2. Selecione o site em que deseja trabalhar e clique no botão Editar.
A caixa de diálogo Definição do site é aberta.
3. Selecione a guia Avançado.
4. Na lista Categoria à esquerda, escolha Design Notes.
Aparece a página Design Notes.
5. Selecione a opção Manter opções de design.
Com esta opção selecionada, sempre que você copiar, mover, renomear ou excluir um arquivo, o arquivo Notes do Design associado também é copiado, movido, renomeado ou excluído com ele.
6. Se desejar que suas Notas de Design sejam enviadas com seus arquivos quando forem enviadas para o servidor, selecione a opção Carregar Design Notes para Compartilhamento.
Se você está fazendo anotações apenas para você e não quer que elas sejam associadas à página quando as carrega no servidor, desmarque essa opção e Design Notes é mantido localmente, mas não é carregado com seus arquivos.
7. Clique em OK na caixa de diálogo Definição do site; em seguida, clique no botão Concluído na caixa de diálogo Gerenciar sites.
A caixa de diálogo Gerenciar Sites fecha-se.
Para adicionar Notas de design a um documento, siga estas etapas:
1. Abra o arquivo que deseja adicionar uma nota de design e escolha Arquivo -> Notas de design.
A caixa de diálogo Design Notes é aberta.
2. Escolha o status do documento na caixa de listagem suspensa Status.
Suas opções são Draft, Revisão 1, Revisão 2, Revisão 3, Alpha, Beta, Final e Atenção Necessária. Você pode escolher qualquer status e você deve definir uma política com sua equipe de design sobre o que cada status significa e como você usa essas opções para gerenciar seu desenvolvimento.
3. Digite seus comentários na caixa de texto do Notes.
4. Clique no ícone Inserir data (ícone de uma página de calendário logo acima da caixa de texto Notas) se desejar inserir a data local atual.
A data atual é inserida automaticamente.
Você também pode selecionar a caixa de seleção Mostrar quando arquivo está aberto. Se isso for selecionado, o Design Notes será exibido sempre que o arquivo for aberto para que não possa ser desperdiçado.
5. Clique na guia Todas as informações na caixa de diálogo Design Notes.
Na guia Todas Informações, você pode adicionar outras informações que possam ser úteis para os desenvolvedores do seu site. Por exemplo, você pode nomear um designer chave (no campo Nome) e definir o valor como o nome dessa pessoa ou a prioridade do projeto (no campo Valor). Você também pode definir um campo para um cliente ou tipo de arquivo que você costuma usar.
6. Clique no botão mais (+) para adicionar um novo item de informação; Clique no botão menos (-) para remover um item selecionado.
7. Clique em OK para salvar as notas.
As notas que você inseriu são salvas em uma subpasta com nome de notas no mesmo local que o arquivo atual. O nome do arquivo é o nome do arquivo do documento, além da extensão. mno. Por exemplo, se o nome do arquivo é o art. htm, o arquivo de Design Notes associado é designado art. htm. mno. Design Notes são indicados no Site View por um pequeno ícone amarelo que se parece com uma bolha de desenhos animados.
