Plano de Aula - DreamWeaver CC - cód Horas/Aula

Transcrição

1 Plano de Aula - DreamWeaver CC - cód Horas/Aula Aula 1 Capítulo 1 - Noções Básicas Aula Noções Básicas Aula 3 Capítulo 2 - Site do DreamWeaver Aula Site do DreamWeaver 1.1. Novidades do Dreamweaver CC Aplicativo Creative Cloud Área de Trabalho Tela de Boas-vindas Barras de Ferramentas Barra de Ferramentas Documento Barra de Ferramentas Padrão Barra de Ferramentas Navegação do Navegador Barra de Ferramentas Codificação Menus de Contexto Barra Status Seletor de Tags Grupo de Painéis Modos de Visualização Painéis Painel Propriedades Painel Arquivos Planejamento do Site Objetivo Compatibilidade com Navegadores Estrutura HTML Tipos de Arquivos do Dreamweaver Instalar o EasyPHP Configuração de um Site do Dreamweaver Estrutura de Pastas Locais e Remotas Configurar um Site Novo Guia Site Guia Servidores Configurar um Servidor de Teste Gerenciar e Editar Sites Remover um Site da Lista de Sites Criar um Arquivo Criar uma Página em Branco Abrir Documentos Salvar Documento Definir Preferências do Documento Padrão Definir o Tipo e a Codificação Definir a Extensão de Arquivo Padrão Limpar Arquivos em HTML do Microsoft Word Gerenciar Transferência de Arquivos para Servidor Colocar Arquivos em um Servidor Remoto Obter Arquivos de um Servidor Remoto Exibir Informações sobre Transferência de Arquivo Visualizar Páginas Visualizar Páginas no Dreamweaver Visualizar Páginas em Navegadores... 62

2 Aula 5 Capítulo 3 - Layout de uma Página Aula Layout de uma Página Aula Layout de uma Página e Capítulo 4 - Conteúdo das Páginas 3.1. Recursos Visuais para Layout Réguas Guias Grade Tabelas Inserir Tabela Importar e Exportar Dados Tabulares Selecionar Elementos de Tabela Copiar, Colar e Excluir Elementos de Tabela Propriedades da Tabela Formatação de Tabelas Redimensionamento de Tabelas, Colunas e Linhas Inserir e Remover Linhas e Colunas Preenchimento e Contorno Divisão e Mesclagem de Células Tabelas Aninhadas Ordenação de Tabelas Layout das Páginas com CSS Estrutura do Layout de Página CSS Criação de uma Página com Layout CSS Trabalho com Ativos Painel Ativos Inserir Ativo a um Documento Aplicar Cor ao Texto com o Painel Ativos Aplicar URL com o Painel Ativos Selecionar e Editar Ativos Usando Ativos em Outro Site Biblioteca Inserir um Item na Biblioteca Utilizando um Item de Biblioteca Editar Itens de Biblioteca Aplicar Cor à Página Design Responsivo Criar Layout de Grade Fluida Inserir Elementos de Grade Fluida Aninhar Elementos Iframe Painel Inserir Texto Inserir Texto Inserção de Caracteres Especiais Importar Texto de Documentos do Microsoft Office Listas Numeradas e com Marcadores

3 Aula 8 Continuação Capítulo 4 - Conteúdo das Páginas Aula Conteúdo das Páginas Aula 10 Capítulo 5 - Hiperligações Localizar e Substituir Texto Verificação Ortográfica Formatação de Texto Formatação HTML no Painel Propriedades Alterar Cor Padrão do Texto Alterar Alinhamento de Texto Aplicar Recuo ao Texto Aplicar Estilos de Fonte Linhas Horizontais Modificação das Combinações de Fontes Inserção de Datas Imagem Inserir Imagem Formatar Imagem Alinhar Imagem Redimensionar Imagem Editar Imagens no Dreamweaver Editar Imagens em um Editor Externo Imagem de Sobreposição Aplicar Comportamentos às Imagens Inserindo Conteúdo de Mídia Vídeo HTML Arquivos SWF Vídeos de Outros Formatos Inserção do Conteúdo de Plug-in Som Vincular um Arquivo de Áudio Incorporar um Arquivo de Áudio Inserir Áudio HTML Vinculação Adicionar Link Link de Links Nulos e de Script Definir o Caminho Relativo Atualizar Links Automaticamente Alterar um Link no Site Inteiro Testar Links no Dreamweaver Menus de Salto Inserir Menu de Salto Editar Menu de Salto Mapas de Imagem Inserir Mapas de Imagem Editar Pontos Ativos do Mapa de Imagem Solução de Problemas de Links Localizar Links Rompidos, Externos e Órfãos Corrigir Links Rompidos

4 Aula 11 Capítulo 6 - Páginas com CSS Aula Páginas com CSS Aula 13 Capítulo 7 - Sites Dinâmicos Aula Sites Dinâmicos 6.1. Painel CSS Designer Criar CSS Criar e Vincular Folhas de Estilo Definir Consultas de Mídia Definir Seletores da CSS Copiar e Colar Estilos Definir Propriedades CSS Definição das Propriedades de Layout Definição das Propriedades de Texto Definição das Propriedades de Borda Definição das Propriedades de Fundo Aplicar Estilos CSS Editar Regra CSS Editar Regra no Painel CSS Designer Editar Folha de Estilos CSS Movimentação de Regras CSS Folhas de Estilo em Tempo de Design Tags Div Inserir Tags Div Editar Tags Div Blocos de Layout CSS Transições da CSS Criar e Aplicar o Efeito de Transição do CSS Editar Efeitos de Transição do CSS Seleção de Diversas Classes CSS Aplicativos da Web Princípios Básicos Como Funciona um Aplicativo de Web Processamento de Páginas Estáticas Processamento de Páginas Dinâmicas Recursos para o Desenvolvimento de Aplicativo Web Servidor Web Servidor de Aplicativo Banco de Dados Criação de uma Pasta Raiz para o Aplicativo Acesso ao Banco de Dados com PHP Criar um Banco de Dados Conectar a um Banco de Dados Editar ou Excluir uma Conexão de Banco de Dados Criação de Página Dinâmica Criar a Página Criar um Conjunto de Registros Inserir Conteúdo Dinâmico à Página Testar a Página Dinâmica Criar Página de Consulta Criar a Página de Pesquisa Criar a Página de Resultados Criar Página de Exclusão de Registro

5 Aula 15 Capítulo 8 - Formulários Aula Formulários Aula 17 Capítulo 9 - Trabalho com Outros Aplicativos Aula Outros Aplicativos 8.1. Coleta de Informações do Usuário Parâmetros de Formulário em HTML Parâmetros de URL Criar um Formulário Objetos de Formulário Propriedades dos Objetos Propriedades do Objeto Campo de Texto Propriedades do Objeto Botão Propriedades do Objeto Botão Enviar Propriedades do Objeto Botão Redefinir Propriedades do Objeto Caixa de Seleção Propriedades do Objeto Botão de Opção Propriedades do Objeto Selecionar Propriedades do Objeto Oculto Inserir Objetos no Formulário Objetos de Formulário Dinâmicos Inserir um Menu Dinâmico Exibir Conteúdo Dinâmico em Campos de Texto Configurar uma Caixa de Seleção Dinâmica Configurar um Botão de Opção Dinâmico Personalizar Objetos do Formulário Comportamentos do JavaScript Scripts Personalizados para Botões Validar Dados do Formulário Trabalho com o Fireworks Inserir uma Imagem do Fireworks Editar uma Imagem do Fireworks a Partir do Dreamweaver Editar os Menus Pop-up do Fireworks no Dreamweaver Inserir Código HTML do Fireworks no Dreamweaver Atualizar o Código HTML do Fireworks Utilizado no Dreamweaver Trabalho com o Photoshop Objetos Inteligentes Criar Objetos Inteligentes Atualizar um Objeto Inteligente Redimensionar um Objeto Inteligente Editar o Arquivo Original Imagens Coladas Copiar e Colar uma Seleção do Photoshop Editar Imagens Coladas Opções da Caixa de Diálogo Visualização da Imagem Trabalho com o Flash Edição de um Arquivo SWF do Dreamweaver no Flash Trabalho com Microsoft Office Criação de um Link para um Documento do Word ou Excel Importação de Documentos do Microsoft Office

6 Aula 19 Capítulo 10 - JQuery Aula JQuery Aula 21 Capítulo 11 - Codificação Inserir um Widget do JQuery Widget Accordion Widget Tabs Widget Datepicker Widget Progressbar Widget Dialog Widget Autocomplete Widget Slider Widget Button Widget Buttonset Widget Checkbox Buttons Widget Radio Buttons Adicionar Efeitos do JQuery Efeito Blind Efeito Bounce Efeito Clip Efeito Drop Efeito Fade Efeito Fold Efeito Highlight Efeito Puff Efeito Pulsate Efeito Scale Efeito Shake Efeito Slide Remover Efeitos do JQuery Visualizar Código Preferências de Codificação Definir Aparência do Código Alterar Formato do Código Definir Preferências de Regravação de Código Definir Cores do Código Usar Editor Externo Escrever e Editar Código Dicas de Código Inserir Código com a Barra de Ferramentas de Codificação Inserir Código com o Painel Inserir Inserir Comentários HTML Copiar e Colar Código Editar Tags com o Editor de Tags Editar Código com o Menu de Contexto Codificação

7 Aula Codificação e Capítulo 12 - Modelos Aula 23 e 24 Capítulo 13 - Exercícios Práticos Editar Tag de Linguagem de Servidor com o Painel Propriedades Recuo dos Blocos de Código Navegação no Código Relacionado Procurar Tags, Atributos ou Texto no Código Impressão do Código Recolhimento de Código Limpar o Código Validar Documentos Validar Documentos XML Validar Documentos Usando o Validador W3C Definir Preferências do Validador Tornar as Páginas Compatíveis com XHTML Modelos Criar um Modelo Criar Regiões Editáveis em Modelos Regiões Repetitivas Realização dos exercícios propostos pela autora.