Explorando a nova interface do Dreamweaver MX 2004 - dummies

Com o Dreamweaver MX, a Macromedia integrou ColdFusion e HomeSite em uma única e poderosa interface, embora você tivesse o escolha de trabalhar com essa nova interface ou com a antiga interface do Dreamweaver 4 (ou, no Macromedia parlance, workspace). Com o Dreamweaver MX 2004, a Macromedia deixou cair o espaço de trabalho do Dreamweaver 4 e permite escolher apenas duas versões do espaço de trabalho do Dreamweaver: estilo Designer e HomeSite / Coder-Style.

Selecionando um espaço de trabalho no start-up

Quando você inicia o Dreamweaver pela primeira vez, você é solicitado a escolher a maneira como deseja que seu espaço de trabalho seja configurado. Você tem duas opções:

• Designer: A interface WYSIWYG (O que você vê é o que você obtém), que mostra a página na qual você está trabalhando, como seria em um navegador da Web. Este estilo é mais apropriado para os noviços de design da Web que trabalham em páginas HTML básicas.

• HomeSite / Coder-Style: O estilo que mostra a página em que você está trabalhando como um documento de texto editável, apropriado para codificadores experientes e para páginas nas quais você está editando ColdFusion Markup Language (CFML) ou outro código dinâmico.

Apresentando a nova página inicial

Depois de selecionar um espaço de trabalho, quando você inicia o Dreamweaver clicando duas vezes em seu ícone na área de trabalho ou selecionando-o no menu Iniciar do Windows, você verá algo novo no Dreamweaver: uma página de início. A página inicial permite que você execute as seguintes tarefas com um único clique do mouse:

• Abra as páginas que você editou recentemente: Basta clicar no nome do arquivo da página que deseja abrir.
• Crie uma nova página em um dos sete formatos: Basta clicar no tipo de página que deseja criar, do HTML básico ao ColdFusion (CFML) ao CSS (Folha de estilos em cascata).
• Crie um novo site do Dreamweaver: Clique no ícone do site Dreamweaver (na coluna Criar novo) para abrir o assistente Definição do site, que o orienta no processo de configuração da localização do diretório, informações de FTP, tecnologia do servidor (se aplicável), e mais para o seu site.
• Crie uma nova página com base nas amostras embutidas do Dreamweaver: Clique em uma opção na coluna Criar de amostras para abrir a caixa de diálogo Novo documento e escolha entre as opções de formatação predefinidas para esse tipo de página.

A página de início também oferece acesso rápido a um passeio rápido e conjunto de tutoriais para o Dreamweaver e à página do Dreamweaver Exchange da Macromedia, onde você pode encontrar muitos widgets astutos que estendem os recursos do Dreamweaver.

Se você encontrar a página inicial incompatível com seus métodos de trabalho, você pode evitar que apareça no futuro, selecionando a caixa de seleção Não mostrar novamente no canto inferior esquerdo da página.

Apresentando a janela do documento

Seu espaço de trabalho primário no Dreamweaver é a janela do documento, que aparece automaticamente quando você abre uma página no Dreamweaver. Na janela Documento, você constrói suas páginas da Web individuais usando painéis e caixas de diálogo para formatar seu trabalho. As três visualizações principais no Dreamweaver são as seguintes:

• Vista de design: A visualização gráfica do seu documento. Você pode selecionar essa visão escolhendo Visualizar -> Design.
• Visualização de código: Essa visão mostra o código subjacente do seu documento. Você pode selecionar essa visão escolhendo View-> Code.
• Visualização dividida: Como você pode esperar, esta é uma tela dividida que inclui tanto as janelas Código e Design. Você pode selecionar essa visão escolhendo Visualizar -> Código e Design.

Você pode alternar entre essas visualizações facilmente a qualquer momento clicando nos botões correspondentes no canto superior esquerdo da janela do documento.

Quando você tem vários documentos abertos em um site, você pode selecionar qual documento deseja trabalhar clicando no nome do documento no topo da janela do documento do Dreamweaver. Você também pode clicar na guia Site no painel Arquivos para trabalhar em um site inteiro.

A barra de inserção fica diretamente abaixo do menu principal do Dreamweaver. Isso lhe dá acesso rápido a oito conjuntos de botões que você pode usar para inserir tudo, desde tabelas até filmes em Flash, para formar elementos na sua página. Para selecionar uma das oito categorias, clique no nome Inserir a barra (Common, Layout e assim por diante) e escolha uma nova categoria na lista suspensa.