Descrição do curso
O curso Dreamweaver CC Fundamental é destinado a usuários iniciantes que desejam começar a desenvolver seus primeiros websites. Neste curso, você aprenderá os princípios de formatação de uma página web com HTML, CSS e Javascript. Você aprenderá a criar formulários com validação, usar templates para criar páginas com mais produtividade.
- Apresentação do curso
- Informações sobre o curso
- O que é Creative Cloud
- Como instalar o Dreamweaver CC
Unidade 01 - Apresentação do Curso
- O que é HTML, Javascript e CSS
- Nomenclatura dos arquivos
Unidade 02 - Introdução ao Desenvolvimento Web
- Tela de Boas Vindas ( Welcome screen )
- Paineis do Dreamweaver
- Barras de Ferramentas
- Painel de Inserir
- Área de trabalho
Unidade 03 - Introdução do Dreamweaver CC
- Definir um site no Dreamweaver
- Criar sua primeira página
- Definir parágrafos e cabeçalhos
- Adicionar listas
- Adicionar negrito e itálico
- Adicionar régua horizontal
- Adicionar caracteres especiais
- Tarefa da unidade
Unidade 04 - Criar conteúdo
- Compreender a estrutura de um arquivo HTML
- Conhecer o novo painel de CSS
- Definir a fonte de um seletor com CSS
- Trabalhar com Adobe Edge Web Fonts
- Adicionar webfonts aos outros seletores
- Aplicar webfonts para paragrafo e listas
- Tarefa da unidade
Unidade 05 - Formatar texto com CSS
- Painel Ativo (Assets)
- Adicionar imagem à página
- Alterar as propriedades da imagem
- Integração com Photoshop CC
- Aplicando uma classe a uma imagem
Unidade 06 - Inserir imagens
- Adicionando link pelo painel de inserir
- Aplicar links em textos do site
- Links para sites externos
- Links para a própria página
- Links para email
Unidade 07 - Navegação do site
- Introdução aos novos elementos estruturais
- Criar o header
- Criar o nav - parte 1
- Criar o nav - parte 2
- Definir a div principal
- Criar área do artigo e aside
- Criar o footer da página
- Adicionar o elemento section
- Link para o arquivo tipografia.css
Unidade 08 - Definição do Layout com CSS
- O que é um modelo
- Como criar uma página de modelo
- Aplicar um modelo a um HTML já existente
- Editar o modelo
Unidade 09 - Modelos
- Criar um Formulário
- Inserir TextField
- Inserir Email
- Inserir Telefone
- Inserir URL
- Submeter o formulário
- Adicionar validação
- Adicionar lista de seleção
- Adicionar radio button
- Adicionar checkbox
- Teste de compatibilidade em outros navegadores
- Outros campos de formulários
Unidade 10 - Formulário
- O que é jQuery e jQuery UI
- Elementos para formulário - Radio Button
- Elementos para formulário - CheckBox Button
- Elementos para formulário - Slider
- Elementos para formulário - Autocomplete
- Elementos para formulário - DatePicker
- Elementos para formulário - Dialog
- Elementos para layout - Accordion
- Elementos para layout - Tabs
- Elementos para layout - Progress Bar
Unidade 11 - jQuery UI
- Introdução ao CSS Responsive Web Design
Unidade 12 - Introdução ao CSS Responsive WebDesign
- Criar novo Template e definir viewport
- Criar um CSS para dispositivo móvel
- Adicionar menu para especial para mobile
Unidade 13 - Aplicando CSS Responsive WebDesign ao projeto
- Mover objeto com CSS Transitions - parte 1
- Mover objeto com CSS Transitions - parte 2
- Mover objeto com CSS Transitions - parte 3
- Criar efeito de transição em links
Unidade 14 - CSS Transitions
- Validação de uma página web pela W3C
- Relatório da qualidade do site
- Verificar links rompidos e arquivos órfãos
- Como usar o Buscar e Localizar
Unidade 15 - Verificação da qualidade do projeto
- Criar página index
- Definir FTP ou pasta remota
- Sincronizar arquivos
- Publicar arquivos diretamente da edição