Tapping Dicas Poupa tempo Dreamweaver

Mesmo os melhores programas de ficar melhor quando você sabe como tirar o máximo partido deles. Tome um momento para confira essas dicas e salvar toneladas de tempo no desenvolvimento de seu Web site. A maioria dessas dicas se aplicam a ambos os usuários de Macintosh e Windows. Quando se aplicam a apenas um ou o outro, o texto irá dizer se a ponta se aplica ao Windows ou para a versão Mac.

Limpando a desordem

muitos painéis do Dreamweaver (chamados paletas em versões anteriores) fornecem acesso rápido às suas características mais populares, mas eles podem atravancar a área de design. Para obtê-los fora do seu caminho quando você quer ficar para trás e admiro o seu trabalho (ou rasgar outra pessoa para além), use a tecla F4, um atalho que esconde todos os painéis visíveis ao mesmo tempo. Para recuperá-los, é só apertar a tecla F4 novamente.

Para ligar painéis e desativar individualmente, use o atalho de teclado atribuído a cada painel. Selecione Janela do menu para encontrar um atalho de teclado listado ao lado do nome de cada painel. Você pode usar esses atalhos para alternar os painéis e desligar individualmente. Você também pode usar a barra do Iniciador no canto inferior direito da janela do projeto para ter acesso ao painel Site, o painel Assets, o painel Estilos HTML, o painel Estilos CSS, o painel Behaviors, eo painel History.

Dividindo o ponto de vista: Trabalho no código

Se você gosta de alternar entre o código-fonte HTML eo WYSIWYG (o que você vê é o que você obtém) exibição de design no Dreamweaver, você vai apreciar a nova opção na versão 4, que permite dividir a janela para que você possa visualizar a fonte HTML e área de design do WYSIWYG, ao mesmo tempo. Para dividir a janela, selecione Visualizar -> Code and Design.

Você também pode apreciar as características realçadas no Dreamweaver editor de texto embutido, incluindo auto-recuo e a capacidade de selecionar várias linhas e recuar eles. Você também vai descobrir coloração de sintaxe ao vivo que aparece enquanto você digita - você pode até mesmo distinguir as cores para HTML e javascript. Escolha Editar -> Preferências -> guia Código de Cores para atribuir cores.

A apresentação de seus projetos

Tabelas HTML ainda oferecem a melhor maneira de criar desenhos da Web complexas (porque os navegadores mais antigos ainda não suportam camadas), e Dreamweaver 4 tornou mais fácil do que nunca para criar tabelas na sua área de design visual. No novo Layout View, você pode "desenhar" as tabelas em uma página, arraste-os no lugar, e até mesmo células do grupo em uma tabela aninhada - sem nunca se preocupar com quantas linhas e células que você criou. Você ainda pode usar esse recurso para criar tabelas que mudam com o tamanho da janela, uma grande técnica para garantir a sua projetos de trabalho em todos os monitores.

Escolha Visualizar -> Table View -> Layout View para acessar novo ambiente de criação de tabela do Dreamweaver e, em seguida, basta arrastar e soltar para criar qualquer tipo de mesa. Você pode encontrar opções de celulares e layout tabela no painel Objetos.

texto convertendo

Se você está acostumado a usar o Colar como recurso de texto no Dreamweaver 3, não se decepcionar quando você achar que está faltando no Dreamweaver 4. Macromedia simplificou o processo na sua última versão. Agora você simplesmente escolha Arquivo -> Colar, e formatado texto de um documento de processamento de texto mantém sua formatação - bem, tudo bem, pelo menos, mantém o espaçamento entre linhas. A verdade é, o Dreamweaver ainda é muito fraco quando se trata de conversão de texto.

Você pode salvar-se de ter que reformatar o texto no Dreamweaver se você usar uma palavra-processamento ou programa de planilha que inclui um recurso Salvar Como HTML (Microsoft Word e muitos outros oferecem esse recurso). Em vez de copiar e colar o texto no Dreamweaver, use Arquivo do programa de processamento de texto -> Salvar como recurso HTML, renomeie o arquivo e, em seguida, abra o novo arquivo no Dreamweaver. Microsoft Word e Excel, mesmo preservar a formatação da tabela, uma verdadeira economia de tempo, se você está lidando com grandes tabelas de texto ou números.

Encontrar fontes funcionais

Designers fico tão animado quando eles descobrem que eles podem usar qualquer fonte. Na realidade, os espectadores deve ter a fonte em seus computadores para exibi-la. O mais comum o tipo de letra, o mais provável é para mostrar a maneira que você pretende. Se você quiser usar uma fonte mais incomuns, vá para ele - só não se esqueça que você também incluir alternativas. A lista de fontes Dreamweaver já inclui coleções de fontes comuns, e você sempre pode criar sua própria lista de fontes, escolhendo Text -> Fonte -> Editar lista de fontes.

Windows é, de longe, o sistema operacional mais comum na rede. Para garantir a melhor - e mais rápido - resultados para a maioria dos seus usuários, listar uma fonte do Windows em primeiro lugar.

Dirigindo seus telespectadores

Criando vários sites é a solução mais à prova de falhas para se certificar de que todos os espectadores ficam felizes quando você usa designs de página de ponta cheias de DHTML e CSS. Isso significa que você criar dois ou mais conjuntos de páginas: uma que usa os mais recentes recursos e um que usa mais velhos, tags HTML mais universalmente aceitos. Mas como você garantir que os telespectadores chegar às páginas da direita? Use o comportamento Verificar navegador.

O comportamento Verificar navegador é escrito em javascript e determina o tipo de navegador utilizado por cada espectador que terras em seu site. O comportamento, em seguida, direciona os usuários para o design da página mais adequado para a sua versão do navegador. Para usar esse recurso, escolha Janela -> Behaviors para abrir o painel Comportamentos. Em seguida, clique no sinal de mais (+) para abrir a lista drop-down de opções. Escolha Verificação de navegador e uma caixa de diálogo será exibida na qual você pode especificar quais versões do navegador deve ser direcionado para as páginas em seu site. Quando os usuários chegam ao seu site, eles são automaticamente direcionados para a página de sua escolha, com base no tipo de navegador e versão que você especificar.

menu