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.

Unidade 01 - Apresentaçăo do Curso

• Apresentaçăo do curso
• Informaçőes sobre o curso
• O que é Creative Cloud
• Como instalar o Dreamweaver CC

Unidade 02 - Introduçăo ao Desenvolvimento Web

• O que é HTML, Javascript e CSS
• Nomenclatura dos arquivos

Unidade 03 - Introduçăo do Dreamweaver CC

• Tela de Boas Vindas ( Welcome screen )
• Paineis do Dreamweaver
• Barras de Ferramentas
• Painel de Inserir
• Área de trabalho

Unidade 04 - Criar conteúdo

• 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 05 - Formatar texto com CSS

• 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 06 - Inserir imagens

• Painel Ativo (Assets)
• Adicionar imagem ŕ página
• Alterar as propriedades da imagem
• Integraçăo com Photoshop CC
• Aplicando uma classe a uma imagem

Unidade 07 - Navegaçăo do site

• 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 08 - Definiçăo do Layout com CSS

• 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 09 - Modelos

• O que é um modelo
• Como criar uma página de modelo
• Aplicar um modelo a um HTML já existente
• Editar o modelo

Unidade 10 - Formulário

• 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 11 - jQuery UI

• 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 12 - Introduçăo ao CSS Responsive WebDesign

• Introduçăo ao CSS Responsive Web Design

Unidade 13 - Aplicando CSS Responsive WebDesign ao projeto

• Criar novo Template e definir viewport
• Criar um CSS para dispositivo móvel
• Adicionar menu para especial para mobile

Unidade 14 - CSS Transitions

• 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 15 - Verificaçăo da qualidade do projeto

• 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 16 - Publicar o site em servidor remoto

• Criar página index
• Definir FTP ou pasta remota
• Sincronizar arquivos
• Publicar arquivos diretamente da ediçăo