Dreamweaver

Disponível somente no TrabalhosFeitos
  • Páginas : 11 (2566 palavras )
  • Download(s) : 0
  • Publicado : 7 de dezembro de 2012
Ler documento completo
Amostra do texto
STI - Seção Técnica de Informática

Dreamweaver

DreamWeaver

1

STI - Seção Técnica de Informática

Índice
Introdução 1. Conhecendo a Área de Trabalho
1.1. Barra de Título 1.2. Barra de Menus 1.3. Guias 1.3.1 Guia "Common" 1.4. Barra de "Edição do Documento" 1.5. Painéis 1.6. Área de Desenvolvimento 1.7. Barra "Inspetor de Propriedades"

2. Tipos de Páginas
2.1. Configuração dePáginas 2.2. Formatação de Texto

3. Tabelas 4. Imagens 5. Links 6. Frames 7. Templates (Modelos) 8. Mídias 9. Layers 10. Rollover de Imagens 11. Janela PopUp 12. Menus 13. Formulários

DreamWeaver

2

STI - Seção Técnica de Informática

Introdução
O DreamWeaver MX é um editor de HTML profissional para o desenvolvimento de páginas, sites e aplicativos para a Internet que já é bastanteutilizado no meio dos desenvolvedores pela facilidade que sua interface apresenta. Ele oferece ferramentas suficientes para aqueles que gostam de trabalhar em modo texto, como por exemplo, as dicas de código que são exibidas à medida que são digitados os comandos. O DreamWeaver MX também facilita a vida daqueles que não tem afinidade com códigos HTML, ele possui uma interface gráfica que possibilitaa criação de páginas, sites e aplicativos sem a necessidade de digitação de uma só linha de código. Possuindo painéis, guias, menus e o inspetor de propriedades junto da área de trabalho, facilita-se a busca de problemas e se agiliza as definições em geral. Sendo um produto da família MacroMedia ele tem ligações com outros aplicativos como por exemplo, o Flash, o Fireworks, o ColdFusion etc. Nodecorrer da apostila veremos como o DreamWeaver MX conversa com alguns desses aplicativos. O DreamWeaver MX possui também extensões que devem ser baixadas (download) do site da Macromedia (www.macromedia.com.br). Tais extensões trazem novos recursos para o aplicativo que podem ser bastante úteis. Na Internet você também encontra muitas referências sobre o DreamWeaver MX e as versões que oantecederam.

DreamWeaver

3

STI - Seção Técnica de Informática

1. Conhecendo a Área de Trabalho
O item 1 desta apostila abordará o conhecimento da área de trabalho:

1.1. Barra de Título
A barra de títulos contém o nome do programa que está sendo usado, no caso, Macromedia DreamWeaver e o nome do arquivo que está sendo editado.

1.2. Barra de Menus
Nesta barra há vários menus: – – – – –– – – – – Arquivo; Editar; Exibir; Inserir; Modificar; Texto; Comandos; Site; Janela; Ajuda.

DreamWeaver

4

STI - Seção Técnica de Informática

1.3. Guias

O DreamWeaver possui uma barra denominada “INSERIR” que contém “guias”, e estas possuem ícones de atalhos para ferramentas básicas, ou seja, as mais utilizadas na construção do site.

1.3.1. Guia Common
Nessa guia há ferramentasbásicas do DreamWeaver. São elas: Hiperlink: inserir link; Email Link: link para e-mail; Ancora: Link para um lugar específico dentro do próprio documento ou outro qualquer; Inserir Tabela: Inserir tabela; Desenhar camada; Imagem: Inserir uma imagem; Flash: Inserir arquivo flash (.swf); Imagem Rollover: Insere uma imagem que é substituída por outra ao passar do mouse; Menu de Navegação: Cria ummenu com troca de imagens; Linha Horizontal; Data; Comentários. Outras guias serão abordadas de outra forma no decorrer da apostila.

1.4. Barra de "Edição do Documento"

Denominada “Documento” essa barra possui ferramentas que exibem informações do arquivo em edição, tais como, o título, exibição de layout, layout e HTML e apenas o HTML. É muito usada na manutenção dos sites, quando danecessidade de correções no código HTML.

DreamWeaver

5

STI - Seção Técnica de Informática

1.5. Painéis
Os painéis possuem informações relacionadas a ações avançadas dentro de uma página. Dentre os painéis existentes podemos destacar: Design: onde buscaremos informações sobre o arquivo .css que será vinculado ao arquivo; e Arquivos: onde teremos a definição e a respectiva árvore de...
tracking img