You are on page 1of 9

DreamWeaver MX   

Sumário 
Introdução 
Ferramentas Para criação de páginas 
Etapas para construção de um site 
Iniciando o dreamweaver 
Guias 
Barra de ferramentas 
Modos de Visualização 
Janela do dcoumento 
Inspetor de Propriedades 
Grupo de Painéis 
Desingn 
Código 
Aplicativos 
Arquivos (site) 
Respostas 
Barra de status 
Configuraçãode um site 
Criando páginas – painel arquivos 
Criando páginas – menu arquivos 
Tipos de documentos 
GUIA GERAL 
GUIA MODELOS 
Mapa do site 
Configuração de Propriedades da Página 
Como utilizar os parágrafos e cabeçalhos 
APLICANDO CABEÇALHO OU PARÁGRAFO 
Cor do texto 
ALTERANDO A COR DO TEXTO 
RETORNANDO O TEXTO À COR PADRÃO 
Alinhamento do texto 
Recuo de texto 
Caracteres especiais 
Listas 
Réguas horizontais 
Inserir datas 
Imagens 
Inserindo uma imagem no dreamweaver 
Alinhando a figura com elementos 
Mapa de imagens 
Imagem cambiável 
Como criar uma imagem cambiável 
Editor de imagens externo 
Alocador de espaço de imagem 
Inserindo uma imagem no espaço alocado 
Hyperlink 
Localizações e caminhos dos documentos 
Criando links 
Âncora 
Criando um link de correio eletrônico 
Alterando um link no site inteiro 
Barra de navegação 
Modificar uma barra de navegação 
Menu de salto 
Problemas nos menus de salto 
Moldura (frame) 
Criando molduras 
Propriedades das molduras 
Propriedades do conjunto de molduras 
Controlando molduras com os links 
Indicando a moldura destino 
Navegadores que não exibem molduras 
Iframe 
Layout de página 
Células e tabelas de layout 
Desenhando células e tabelas de layout 
Formatando as células e tabelas de layout 
Definindo a largura do layout 
Imagens espaçadoras 
Tabela de layout aninhada 
Células e tabelas de layout 
Grade 
Tabela 
Camadas 
Selecionando uma camada 
Propriedades de camada 
Painel camadas 
Camadas aninhadas 
Alinhar as camadas 
Propriedades de camadas múltiplas 
Modelo 
Guia mídia 
INSERINDO OBJETOS DE MÍDIA 
Conteúdo flash 
Botão flash 
Texto flash 
Filmes flash 
Propriedades dos filmes flash 
Formulário 
Os scripts cgi 
Os objetos de formulário 
Criando um formulário 
Adicionando formulário a um documento 
Campos de formulário 
Criando listas e menus 
Código de um formulário básico 
Estilo css 
Criando um estilo css 
Anexando uma folha css externa 
Comportamento 
Os comportamentos em texto 
Alterando a aparência de texto com links 
  Comportamentos 
Mensagem pop‐up 
Menu pop‐up 
Guia head 
Meta 
Palavras‐chave e descrição 
Atualizar 
Script 
Exemplos de scripts 
 

Fireworks MX 
 
Sumário 
 
O Fireworks MX 
Abrindo um Novo Documento: 
Conhecendo a Janela do Programa: 
Inspetor de Propriedades 
Área de encaixe de painéis. 
Área Para Trabalho 
Formato de arquivos 
Criando m vetor 
Transformando e Distorcendo 
Organizando objetivos 
Combinando objetivos 
Propriedades dos objetos 
Editando contorno 
Parte do contorno 
Editando preenchimento 
Parte do preenchimento 
Pontilhamento web 
Padrão 
Gradiente 
Transformação distorção de preenchimento 
Criar Organizar Camadas 
Adicionar uma Camada 
Ativar, Renomear e Excluir Camadas 
Duplicar, Copiar objetos e Ocultar Camadas 
Camada Web 
Abrindo um Bitmap 
Ferramenta seleção 
Criando seleções 
Removendo seleções 
Adicionando seleções 
Subtraindo seleções 
Edição de objetos 
Retoque de bitmap 
Ferramenta Carimbo 
Máscaras 
Vetorial 
Bitmap 
 
 
 
 
 
 
Otimização 
Comparando otimizações 
Exportando o arquivo otimizado 
Digitando texto 
Reeditando texto 
Formatando texto 
Modificando texto 
Texto a caminho 
Aplicando Efeitos ao Vivo 
Editando Efeitos 
Ordenando Efeitos 
Velocidade da Animação 
Ciclo da Animação 
Salvando um arquivo Gif 
Botões 
Os estados do botão 
Símbolo 
Criando botões 
Atribuir uma URL ao botão 
Exportando m Botão 
Mapeando Imagens 
Trabalhando com a Régua e Guia 
Biblioteca 
Fatiando o site 
Nomeando fatias 
Ocultando e exibindo fatias 
Exportar para o HTML 
Rollover 
Criando Rollovers simples 
Criando Rollover desmembrado 
Criação de menu pop up:  
 
 
 
 
 
 
 

Flash MX 

Sumário 
O Flash 
Vetor e Bitmap 
Novidades do Macromedia Flash Mx 
Iniciando o Macromedia Flash Mx 
Layout 
Exemplos 
Fla e SWF 
Barra de Ferramentas Desenho 
Imagens Sobrepostas 
Propriedades do Documento 
Linha do Tempo 
Camadas 
Distribuir Camadas 
Cabeçote de Reprodução 
Quadros 
Papel Transparência 
Símbolos 
Comportamentos: 
Bibliotecas 
Bibliotecas Compartilhadas 
Bibliotecas Comuns 
Ferramentas de Texto e suas propriedades 
Uso de Painéis 
Réguas e Linhas 
Interpolação de Movimento 
Interpolação de Forma 
Guia de Movimento 
Importar 
Máscara 
Clipe de Filme 
Cenas 
Botão 
Botão com Som 
Componentes 
 
 
 
 
 
 
Ações 
On () 
GetURL 
LoadMovie 
Pré‐Carregamento 
Analisando: 
Analisando: 
Criando animação para o Pré‐Carregamento 
Simulação de Fluxo 
Som no site 
Configuração de Publicação 
Ajustando a página no Código da Fonte 
Desenhando um avião pelo Flash 
MONTANDO A CABINE DO AVIÃO 
DESENHANDO A ASA DIANTEIRA 
Interpolação de Movimento (Sinuca) 
Expandindo Banner 
Ampliando a imagem – Posição SOBRE 
 
 
 
 
 

HTML – Criação de Home Page 

Sumário 
Introdução ao HTML 
O que é o HTML? 
O que são Tags? 
Preparando o diretório para a criação 
Estrutura de uma página HTML 
O cabeçalho: Tag head 
O título da Web Page e a Tag TITLE 
Informações adicionais: Tag META 
Corpo do Texto: Tag BODY 
Padrão RGB X Padrão Hexadecimal 
Definindo Parágrafos e Quebras de Linhas 
Quebra de Linhas 
Formatação de Texto 
Usando a Tag BASEFONT 
Retas horizontais (fios) com o elemento hr 
Marquee, o texto rolando na página 
Listas 
Marcadores 
Numeradores 
Listas de Definições 
Inserindo Imagens 
Tipos de Imagens 
A Tag <IMG> 
Atributos de uma imagem 
Bordas da imagem – Atributo STYLE 
Mapeamento de Imagens 
A tag <DIV> </DIV> 
A tag <A> </> 
Criando o Hyperlink 
Links para a mesma página 
Efeitos no Link 
Manipulando as janelas de abertura 
<TABLE> </TABLE>, <TR> </TR>, <TD> </TD>. 
 
 
 
 
 
 
Frames 
Atributos do frameset 
Atributos do frame 
Alguns exemplos de frames 
Quadros na mesma a janela 
Definindo a janela alvo – atributo target 
Definição 
Atributos 
Métodos de criação de Folhas de Estilos 
A Tag <STYLE> </STYLE> 
Ajudas adicionais 
  
 

You might also like