Guias e Dicas

A guia Comuns, na barra inserir, permite inserir os objetos utilizados mais comumente.

Hyperlink e link de correio eletrônico inserem links de hipertexto no ponto de inserção ou imediatamente após a seleção.

Âncora com nome coloca uma âncora com nome (a name=” “) no ponto de inserção. Será exibida uma caixa de diálogo; digite o nome da âncora.

Tabela coloca uma tabela no ponto de inserção.

Desenhar camada cria uma camada. Clique no botão camada e, em seguida, mova o ponteiro para a janela do documento e arraste, para definir o tamanho e a posição da camada.

Imagem insere uma imagem no ponto de inserção. Será exibida uma caixa de diálogo, para que se possa especificar um arquivo de imagem.

Alocador de espaço de imagem insere um alocador de espaço de imagem no ponto de inserção. Uma caixa de diálogo permite especificar o nome e as dimensões do alocador de espaço.

HTML do Fireworks coloca um arquivo HTML produzido pelo Fireworks no ponto de inserção.

Imagem cambiável solicita a especificação de dois arquivos de imagem que serão utilizados para definir uma imagem cambiável. A imagem cambiável é aquela que se altera quando o cursor for movido sobre ela.

Barra de navegação insere um conjunto de imagens a serem utilizadas na navegação de um site.

Régua horizontal coloca uma régua horizontal no ponto de inserção.

Data coloca a data atual no ponto de inserção.

Dados tabulares cria uma tabela no ponto de inserção, preenchidas com os dados tabulares extraídos de um arquivo de texto delimitado.

Seletor de tags permite escolher uma tag em uma hierarquia de tags categorizadas, para inserí-la.

Comentário coloca um comentário no HTML, no ponto de inserção. Se você estiver na visualização do projeto, será exibida uma caixa de diálogo; digite o texto do comentário.

A barra inserir contém botões para criar e inserir objetos, como tabelas, camadas e imagens. Os botões estão organizados em guias.

A barra inserir contém várias guias: Comuns, Layout, texto, Tabelas, Molduras, Formulários, Modelos, Caracteres, Mídia, Cabeçalho, Script e Aplicativo. São exibidas guias adicionais quando o documento que estiver em exibição contiver código do servidor, como documentos ASP ou CFML.

A guia Aplicativo permite inserir elementos dinâmicos, como conjuntos de registros, regiões repetidas, e formulários de atualização e de inserção de registros.

• A guia Caracteres contém caracteres especiais, como o símbolo de direito autoral (copyright), as aspas, curvas, e os símbolos de marcas comerciais e registradas.
• A guia Comuns contém botões para criar e inserir os objetos utilizados com mais frequência, por exemplo: imagens, tabelas e camadas.
• A guia Formulários contém botões para criar formulários e inserir elementos de formulários.
• A guia Molduras contém os layouts comuns dos conjuntos de molduras.
• A guia Head contém botões para adicionar vários elementos head, como as tags meta e base.
• A guia Layout permite inserir tabelas e camadas, bem como escolher entre duas visualizações de tabelas: visualização padrão e de Layout.
• A guia Mídia contém botões para inserir objetos de mídia animados ou interativos, como botões e texto Flash, objetos activeX,…
• A guia Script permite inserir um script, uma seção noscript ou uma inclusão do servidor.
• A guia Tabelas permite inserir uma tabela inteira ou uma tag específica a uma tabela (como tr, th ou td)
• A guia Modelos permite inserir regiões editáveis, opcionais e repetitivas nos arquivos de modelos.
• A guia Texto permite inserir várias tags de formatação de lista e de texto, como b, em, p, h1 e ul.
• As guias de código do servidor, disponíveis apenas para as páginas que utilizam uma determinada linguagem de servidor, incluem ASP, ASP.NET, CFML Basic, CFML Flow, CFML Advanced, JSP e PHP.

A barra de ferramentas do documento contém botões que permitem alternar rapidamente diferentes visualizações do documento: decódigo, do projeto, uma visualização dividida que mostra as visualizações de código e do projeto e a visualizãção do Live Data.

Para exibir ou ocultar a barra de ferramentas do documento, escolha exibir > barras de ferramentas > documento.

As seguintes opções são mostradas na barra de ferramentas do documento:

Mostrar a visualização de código - Exibe apenas a visualização de código na janela do documento.
Mostrar as visualizações de código e do projeto - Exibe a visualização de código em uma parte da janela do documento e a visualização do projeto na outra parte.
Mostrar a visualização do projeto - Exibe apenas a visualização do projeto na janela do documento.
Título - Permite digitar um título para o documento, que será exibido na barra de título do navegador.
Gerenciamento de arquivos - Exibe o menu pop-up Gerenciamento de arquivos.
Visualizar/depurar no navegador - Permite visualizar ou depurar o documento no navegador.
Atualizar a visualização do projeto - Atualiza a visualização do projeto do documento após as alterações feitas na visualização de código.
Referência - O painel referência contém informações de referência sobre HTML, CSS, ASP,…
Navegação do código - Permite navegar pelo código JavaScript.
Opções de visualizações - Permite definir as opções das visualizações de código e do projeto, inclusive qual visualização deve aparecer em primeiro plano.

Quando o dreamweaver é inicializado pela primeira vez, uma caixa de diálogo aparece para você escolher o layout de área de trabalho.

Explicando a escolha do layout da área de trabalho

Área de trabalho do dreamweaver MX - É integrada e utiliza a MDI, na qual todas as janelas de documento e os painéis estão integrados em uma janela de aplicativo maior. Este aplicativo é recomendado para a maioria dos usuários.

Área de trabalho do dreamweaver 4 - Cada documento está em uma janela flutuante individual. Os grupos de painéis estão encaixados juntos, mas não estão situados dentro da janela maior de aplicativo.

Visão geral das janelas e painéis

Janela bem vindo - Contém informações e dicas para configuração da área de trabalho, para diversos objetivos e sobre os novos recursos.

Barra inserir - Contém botões para inserção de vários tipos de objetos, como imagens, tabelas e camadas em um documento.

Barra de ferramentas do documento - Contém botões e menus pop-up que possibilitam diferentes visualizações da janela do documento, várias opções de exibição e algumas operações comuns.

Janela do documento - Exibe o documento que está sendo criado e editado.

Inspetor de propriedades - Permite exibir e alterar várias propriedades do objeto ou texto selecionado.

Grupos de painéis - São conjuntos de painéis iner-relacionados sob um cabeçalho.

Painel site - Permite gerenciar os arquivos e pastas que compõem o site.

O macromedia Dreamweaver é um editor de HTML para desenhar, codificar e desenvolver sites, páginas e aplicativos para Web.

O Dreamweaver premite criar páginas de modo rápido, sem escrever uma linha de código.

Planejamento do site

Para você ter sucesso em seu site usando este editor, primeiro projete e planeje o seu site antes de criar qualquer página contida nele.

Como determinar seus objetivos

Essa é a primeira etapa da criação de qualquer site, seja ele pessoal ou profissional.
Pergunte ao seu cliente que site ele deseja, veja as ferramentas usadas na produção do seu site, cuidado com a aparência e veja o público alvo que o site deseja atingir.

Organizar a estrutura do site

O cuidado com a estrutura desde o início evita tempo perdido e frustrações.
Quando criar documentos, pense em que local da hierarquia da pasta eles deverão ser armazenados.
Em geral, a configuração de um site envolve a criação de uma pasta do disco local, que contém todos os arquivos do site, e a criação e edição de documentos contidos nesta pasta. Quando o site estiver pronto para ser publicado na Web, os arquivos podem ser copiados para um servidor da Web.

Depois que o site local tiver sido configurado com o dreamweaver, você poderá, gerenciar os arquivos do site, manter um registro dos links e atualizar as páginas com mais facilidade.