Coisas que você pode fazer com o Dreamweaver

Neste artigo

O Adobe Dreamweaver é uma ferramenta poderosa para web designers, porque tem muitas coisas que você pode fazer com ele. Claro, todas essas coisas que você pode fazer tornam o aprendizado difícil. Descubra algumas das muitas coisas que o Dreamweaver pode fazer, incluindo alterações na versão mais recente, CS5. E não se esqueça de verificar o que está faltando no Dreamweaver CS5.

Definindo um Site

• Comece um novo site
• Crie um site
• Configure apenas as partes do site de que você precisa, quando precisar * Novo no CS5
• Configure servidores remotos, de controle de qualidade e de teste para fluxos de trabalho mais completos * Novo no CS5
• Crie e publique novos diretórios
• Alterar o doctype
• Incluir metadados em suas páginas

Colocando seu site no ar

• Defina um site remoto
• Arquivos FTP para o servidor web
• Use um sistema de controle de versão para fazer o check-in e check-out de arquivos
• Conecte-se ao Subversion para um controle de versão mais avançado * Novo no CS5
• Deixe notas para seus companheiros de equipe

Criação de páginas da web

• Escreva uma página no modo WYSIWYG
• Escreva uma página em HTML
• Crie uma nova página a partir de um modelo
• Crie uma nova página do zero
• Crie um modelo
• Salve arquivos no diretório do seu site
• Defina as propriedades da página

CSS

• Use folhas de estilo CSS
• Adicionar estilos embutidos
• Crie uma folha de estilo externa
• Anexe uma folha de estilo externa
• Crie seletores de classe, ID, tag e CSS compostos
• Editar regras CSS existentes
• Crie CSS para páginas imprimíveis
• Ativar e desativar propriedades de estilo * Novo no CS5
• Inspecione o modelo da caixa CSS visualmente * Novo no CS5

Texto

• Modificar o texto
• Use fontes diferentes
• Insira uma quebra de linha
• Use caracteres especiais
• Inclui a data de hoje
• Escreva comentários
• Aplicar tags HTML ao texto
• Adicionar atributos HTML às tags

Links

• Link de texto e imagens
• Verifique os links do site
• Alterar as cores padrão do link (link, visitado, pairar, ativo)
• Crie dicas de ferramentas em links
• Criar links mailto
• Crie âncoras de página da web

Imagens

• Adicionar gráficos a uma página
• Editar imagens
• Redimensionar imagens
• Adicionar texto alternativo às imagens
• Adicionar opções adicionais de acessibilidade às imagens
• Alinhar imagens e texto
• Crie uma imagem rollover
• Use mapas de imagens
• Use imagens de rastreamento
• Use marcadores de posição de imagem
• Inserir HTML do Fireworks
• Insira arquivos do Photoshop

Layout

• Use os modelos gratuitos incluídos * Novos layouts de CSS para iniciantes no CS5
• Inserir divs para layout
• Edite divs no painel de estilos CSS
• Inserir elementos absolutamente posicionados
• Formate elementos absolutamente posicionados no inspetor de propriedades
• Use réguas, grades e guias

Listas

• Adicionar listas com marcadores e numeradas
• Personalize marcadores e números de lista

Mesas

• Crie uma mesa
• Adicionar linhas e colunas de cabeçalho
• Use imagens transparentes para manter as células da tabela abertas
• Crie colunas de largura fixa e largura flexível
• Alterar os estilos de borda das tabelas
• Incorporar uma tabela dentro de outra
• Importar dados tabulares

Formulários

• Use um formulário mailto
• Definir ações de formulário
• Adicionar texto, rádio, caixa de seleção, arquivo, imagem, caixas de seleção e campos de formulário ocultos
• Torne seus formulários acessíveis com fieldset e label fields
• Crie botões de envio personalizados
• Validar formulários com JavaScript (Spry)

Bancos de dados e scripts PHP

• Anexe seu site a um banco de dados
• Configurar um site PHP / mySQL
• Use elementos Spry para se conectar ao banco de dados
• Insira objetos de dados em suas páginas
• Teste e atualize uma fonte de dados ou display Spry
• Editar sites dinâmicos complexos na visualização de design
• Descubra todos os arquivos relacionados dinamicamente para montar sites PHP CMS (WordPress, Joomla e Drupal) * Novo no CS5
• Sugestão de classe personalizada para código PHP, incluindo estruturas de terceiros como a estrutura Zend * Novo no CS5

Molduras

• Construir um site em frames
• Editar conteúdo de noframes
• Formate e estilize suas molduras
• Configurar destinos de link padrão entre frames

Adicionar interatividade

• Construir um álbum de fotos (não mais no CS5)
• Adicionar som a páginas da web
• Crie um menu suspenso
• Use os comportamentos do Dreamweaver para abrir janelas pop-up, criar menus de salto, reproduzir sons, trocar imagens e muito mais
• Adicionar feeds RSS a um site
• Inserir texto Flash como rollover
• Inserir texto CSS como rollover
• Insira outros plugins
• Adicionar barra de menu do Spry, painéis com guias, acordeão, dica de ferramenta e painel recolhível
• Use o navegador de widgets para encontrar novos widgets para o seu site, sem precisar saber JavaScript

Teste suas páginas

• Teste suas páginas no Live View para ver as mudanças devido ao JavaScript e interatividade * Novo no CS5
• Valide o seu HTML
• Visualize suas páginas em vários navegadores
• Use o BrowserLab para visualizar suas páginas em outros sistemas operacionais * Novo no CS5
• Use o Device Central para verificar a aparência das páginas em dispositivos móveis
• Verifique a compatibilidade do navegador
• Altere as configurações para corresponder ao que seu site precisa para trabalhar
• Verifique os links internos do site
• Teste a acessibilidade do seu site (não mais no CS5)
• Converter um documento do Word em HTML

Personalize o Dreamweaver

• Adicionar extensões
• Desactivar extensões
• Personalize o Dreamweaver com atalhos

Aumente sua eficiência

• Use atalhos de teclado integrados
• Use snippets de código
• Crie e use modelos
• Gere novas páginas a partir de modelos personalizados
• Modelos de atualização
• Incluir um arquivo em outro com a biblioteca Dreamweaver
• Atualizar itens da biblioteca
• Incluir um arquivo em outro usando SSI
• Use pesquisar e substituir