Tocando Dicas do Dreamweaver para o tempo - dummies

Mesmo os melhores programas ficam melhores quando você sabe como aproveitar ao máximo. Tire um momento para verificar estas dicas e economizar toneladas de tempo no desenvolvimento do seu site. A maioria destas dicas se aplicam a usuários de Macintosh e Windows. Quando eles se candidatam a apenas um ou outro, o texto irá dizer se a dica se aplica ao Windows ou à versão do Mac.

Eliminando a destruição

Os vários painéis do Dreamweaver (chamados paletas nas versões anteriores) fornecem acesso rápido às suas características mais populares, mas podem desordenar a área de design. Para tirá-los do seu caminho quando você quer se afastar e admirar seu trabalho (ou separar outro), use a tecla F4, um atalho que esconde todos os painéis visíveis ao mesmo tempo. Para recuperá-los, basta pressionar a tecla F4 novamente.

Para ligar e desligar painéis individualmente, use o atalho de teclado atribuído a cada painel. Selecione Janela no Menu para encontrar um atalho do teclado listado ao lado de cada nome do painel. Você pode usar esses atalhos para ativar e desativar os painéis individualmente. Você também pode usar a barra do Iniciador no canto inferior direito da janela de design para obter acesso ao painel do Site, ao painel de recursos, ao painel de estilos HTML, ao painel de estilos CSS, painel de comportamentos e painel Histórico.

Divisão da vista: trabalhando no código

Se você deseja alternar entre o código-fonte HTML e a visão de design WYSIWYG (o que você vê é o que você obtém) no Dreamweaver, você apreciará a nova opção na versão 4 que permite dividir a janela para que você possa visualizar a fonte HTML e a área de design WYSIWYG ao mesmo tempo. Para dividir a janela, escolha Exibir -> Código e Design.

Você também pode apreciar os recursos aprimorados no editor de texto incorporado do Dreamweaver, incluindo auto-indentação e a capacidade de selecionar várias linhas e recusá-las. Você também descobrirá coloração de sintaxe ao vivo que aparece à medida que você digita - você pode até distinguir as cores para HTML e JavaScript. Escolha Editar -> Preferências -> Guia de cores de código para atribuir cores.

Tabulando seus projetos

As tabelas HTML ainda oferecem a melhor maneira de criar projetos complexos da Web (porque os navegadores mais antigos ainda não suportam camadas) e o Dreamweaver 4 tornou mais fácil do que nunca criar tabelas em sua área de design visual. Na nova Visão de Layout, você pode "desenhar" tabelas em uma página, arrastá-las para o lugar e até mesmo agrupar células em uma tabela aninhada - sem se preocupar com quantas linhas e células você criou. Você pode usar este recurso para criar tabelas que mudam com o tamanho da janela, uma ótima técnica para garantir que seus projetos funcionem em todos os monitores.

Escolha Exibir -> Vista de tabela -> Visualização de layout para acessar o novo ambiente de criação de tabelas do Dreamweaver e, em seguida, arraste e solte para criar qualquer tipo de tabela. Você pode encontrar opções de layout de célula e tabela no painel Objetos.

Convertendo texto

Se você estiver acostumado a usar o recurso Colar como texto no Dreamweaver 3, não fique desapontado quando descobrir que está faltando no Dreamweaver 4. A Macromedia simplificou o processo em sua versão mais recente. Agora você simplesmente escolhe Arquivo -> Colar, e o texto formatado de um documento de processamento do Word mantém sua formatação - bem, tudo bem, pelo menos, mantém o espaçamento entre linhas. A verdade é que o Dreamweaver ainda é bastante fraco quando se trata de converter texto.

Você pode salvar-se de ter que reformatar o texto no Dreamweaver se você usar um programa de processamento de texto ou planilha eletrônica que inclua um recurso de Salvar como HTML (o Microsoft Word e muitos outros oferecem esse recurso). Em vez de copiar e colar o texto no Dreamweaver, use o arquivo File -> Save As HTML do programa de processamento de texto, renomeie o arquivo e abra o novo arquivo no Dreamweaver. Microsoft Word e Excel até preservam a formatação da tabela, uma economia de tempo real se você estiver lidando com grandes tabelas de texto ou números.

Encontrando fontes funcionais

Os designers ficam tão excitados quando descobrem que podem usar qualquer fonte. Na realidade, seus espectadores devem ter a fonte em seus computadores para que ele seja exibido. Quanto mais comum for a fonte, mais provável é mostrar a maneira que você pretende. Se você quiser usar uma fonte mais incomum, vá para ele - apenas tenha certeza de que você também inclui alternativas. A Lista de Fontes do Dreamweaver já inclui coleções de fontes comuns e você sempre pode criar sua própria Lista de Fontes escolhendo Texto -> Fonte -> Editar Lista de Fontes.

O Windows é, de longe, o sistema operacional mais comum na Net. Para garantir o melhor - e os resultados mais rápidos - para a maioria dos seus usuários, liste uma fonte do Windows primeiro.

Direção de seus espectadores

A criação de vários sites é a solução mais segura para garantir que todos os seus espectadores sejam felizes quando você usa projetos de página de ponta preenchidos com DHTML e CSS. Isso significa que você cria dois ou mais conjuntos de páginas: um que usa os recursos mais recentes e aquele que usa tags HTML mais antigas e universalmente compatíveis. Mas como você garante que os telespectadores cheguem às páginas certas? Use o comportamento do Check Browser.

O comportamento do Check Browser está escrito em JavaScript e determina o tipo de navegador usado por cada visualizador que aterra no seu site. O comportamento direciona os usuários para o design da página mais adequado à versão do navegador. Para usar esse recurso, escolha Janela -> Comportamentos para abrir o painel Comportamentos. Em seguida, clique no sinal de mais (+) para abrir a lista suspensa de opções. Escolha Verificar Navegador e uma caixa de diálogo é aberta em que você pode especificar quais versões do navegador devem ser direcionadas para quais páginas em seu site. Quando os usuários chegam ao seu site, eles são direcionados automaticamente para a página de sua escolha, com base no tipo e na versão do navegador que você especificou.