O Curso

Neste curso, o aluno é apresentado aos elementos essenciais da construção de páginas para a Internet, utilizando as ferramentas que o Adobe Dreamweaver CS5 proporciona. Os conceitos e métodos largamente utilizados pelo mercado, como HTML, CSS e desenvolvimento tableless, além de inserção de arquivos multimídia, incluindo imagens, animações em Flash e vídeos, serão desvendados e praticados. Ao final, o aluno terá criado um site a partir do zero, desenvolvido completamente durante o curso.
O que você irá aprender X
Conteúdo P. Descrição
Dreamweaver CS5 Essencial
Aula 1: Introdução ao Dreamweaver Cs5 Conhecendo a Web
Aprendendo sobre sites
O que vamos fazer
Abrindo um Arquivo
Alternador da Área de Trabalho
Visualizar/Depurar no Navegador
Aula 2: Construindo o Primeiro Trabalho Objetivos da aula
Conhecendo as Janelas Código, Dividir e Design.
Formatando páginas
CSS
Entendendo as Tags O que vamos fazer
Alinhando o Texto
Inserindo datas
Inserindo Imagens as suas páginas
Aula 3: Criando um Site através de Tabelas Objetivos da Aula
Iniciando a Página do Site
Inserindo Tabelas
Inserindo imagem dentro de uma tabela
Trabalhando com tabelas dentro de outra
Mudando as propriedades do botão usando uma nova regra de estilo
Finalizando os Botões do Menu
Qual é o tamanho correto de um site?
Organizando os arquivos
Um pouco sobre imagens
Caixa atributos de acesso a Tag de imagem
O que vamos fazer
Criando uma Regra de Estilo
Definindo espaçamento em relação a borda
Criando um Rodapé
Criando parágrafo com espaçamento menor
Aula 4: Aprendendo a criar Links Objetivos da Aula
Na aula interativa
O que são Links e seus tipos
Conhecendo a Caixa Hiperlink
Definindo os destinos das páginas no navegador
Importando arquivos elaborados em outro programa
Salvando as páginas criadas
O que vamos fazer
Criando Links
Configurando os Links
Configurando o Internet Explorer
Aula 5: Revisando conceitos importantes Objetivos da Aula
O que vamos fazer
Aula 6: Criando um Template sem o uso de tabelas Objetivos da Aula
Configurando um Site
Salvando um arquivo como modelo
Criando um folha de Estilo CSS
O que vamos fazer
Trabalhando com Tag Div
Analisando os Códigos
Aula 7: Finalizando o Template e criando uma página baseada em um modelo Objetivos da Aula
Configurando Tag Divs
O que vamos fazer
Inserindo Regiões Editáveis
Criando páginas baseadas em um modelo
Aula 8: Aplicando regra CSS a cabeçalhos Criando regra CSS para cabeçalhos
Formatando Imagens
Criando a segunda página do Site
O que vamos fazer
Aplicação de Regras CSS a elementos HTML
Aula 9: Aprendendo a Inserir Âncoras Criando pontos ativos
Ferramentas que criam pontos ativos
Vantagens de usar modelos
Objetivos da Aula
O que vamos fazer
Inserindo Âncoras
Criando Links através das Âncoras
Configurando um Link individualmente
Aula 10: Trabalhando com um Servidor Criando Formulários
Validação dos Campos
Adicionando Link de E-mail
O que vamos fazer
Entendendo o Servidor
Ativação de Cadastro
Gerenciamento de Sites Locais e Remotos
Registro de Domínio
Aula 11: Tornando seu Site mais dinâmico Inserindo Animações SWF
Criando e Configurando um Iframe
O que vamos fazer
Anexando a folha de estilos CSS
Criando uma Lista não-ordenada
Criando Links para a exibição das páginas no Iframe
Aula 12: Inserindo vídeos e analisando a estrutura do nosso Site Na aula interativa
Inserindo um vídeo do Youtube
Aprendendo sobre Direitos Autorais
A Segurança oferecida pelo Navegador
Últimos Ajustes
Conhecendo a Estrutura do Site
Analisando os Códigos Html
Reconhecendo um elemento da janela Design nos Códigos
Aula 13: Entendendo conceitos importantes sobre CSS Na Aula Interativa
Revisando conceitos sobre Tags Div
Conhecendo o Painel Estilos
Criando e Aplicando Classes
Aprendendo a alterar regras CSS
Visualizando os Códigos
Aula 14: Trabalho Final: criando a estrutura do Site Definindo a Pasta local
Elaborando a Página Index
Preparando o Layout do Site
Criando uma regra CSS de composição
Elaborando uma div para corrigir o posicionamento dos elementos do Site
Um lembrete
Objetivos da Aula
O que vamos fazer
Aprendendo novos recursos de visualização
Aula 15: Trabalho Final: inserindo um Iframe e criando as páginas do Site Objetivos da Aula
Criando as Páginas do Menu
Validando os Campos do Formulários
Preparando a área que receberá as Páginas do Menu
Elaborando a área do E-mail da Empresa
O que vamos fazer
Propriedades dos Links
Aula 16: Trabalho Final: enviando o Site para o Servidor de Hospedagem Objetivos da Aula
Criando o Rodapé
Ajustes Finais
Configurando o Espaçamento da Altura do Parágrafo
O que vamos fazer
Cadastro da Conta no Servidor
Dreamweaver CS5 Avançado
Aula 1: Introdução: Aprendendo a instalar um servidor Introdução ao curso
Conhecendo a diferença entre páginas estáticas versus páginas dinâmicas
Aprendendo a escolher um ambiente de desenvolvimento: MySQL, PHP e Servidor Apache
Instalando um servidor de testes: WampServer.
Aula 2: Criando o projeto no Dreamweaver Definindo o site no Dreamweaver (nome, configuração de pastas, servidor de testes)
Criando um arquivo PHP
Aprendendo sobre a linguagem PHP, usando os códigos echo e variáveis
Inserindo dinamicamente o cabeçalho, lateral e rodapé na página index, através do código Include
Enviando os arquivos locais para o servidor de testes e visualizando a página no navegador.
Aula 3: Introdução ao framework Spry Conhecendo o framework Spry
Criando a troca de imagens no banner da página index
Adicionando efeitos de transição nas imagens do banner e alterando a propriedade desse comportamento
Instalando o aplicativo Widget Browser e aprendendo a usá-lo, através do Dreamweaver
Baixando o widget YouTube Player e preparando um novo componente para trazer um vídeo sobre balonismo e inseri-lo na página index.
Aula 4: Revisão Parte I Relembrando os principais conceitos abordados nas aulas 01, 02 e 03:
Deixando o WampServer on-line
Configurando o Dreamweaver, definindo as pastas locais e como será o servidor
Criando páginas em PHP
Inserindo elementos no site de maneira dinâmica
Adicionando um vídeo do site YouTube na página.
Aula 5: Criando um Banco de Dados para o blog Conhecendo a ferramenta phpMyAdmin
Construindo um Banco de Dados
Inserindo, editando e eliminando campos de uma tabela
Fazendo a conexão entre o Dreamweaver e o Banco de Dados
Aula 6: Criando um formulário para adicionar posts no blog Aprendendo a inserir datas automaticamente nas postagens, através de um campo oculto
Interligando cada campo do formulário com sua respectiva coluna no banco de dados
Checando os registros na base de dados
Substituindo a área de texto pelo widget TinyMCE Editor.
Aula 7: Organização das Páginas e dos Posts Inserindo um Conjunto de Registros
Criando uma listagem dos Posts
Conhecendo o recurso de tornar uma região repetitiva
Elaborando um sistema de paginação.
Aula 8: Revisão Parte II Relembrando os principais conceitos abordados nas aulas 05, 06 e 07 Criando um banco de dados
Elaborando a conexão entre o Dreamweaver e o banco de dados local
Criando um campo oculto
Interligando os campos do formulário com a tabela do banco de dados
Inserindo um Conjunto de registros
Elaborando uma região repetitiva
Criando paginação.
Aula 9: Editando e Excluindo Posts Criando um formulário responsável pela edição das postagens
Aplicando e configurando um Conjunto de registros, baseado na identificação de cada post
Ligando os campos do formulário à suas origens no banco, através do texto dinâmico
Construindo uma página destinada a excluir os posts.
Aula 10: Autenticação: Cadastrando usuários e protegendo páginas Criando um sistema de autenticação de usuários
Elaborando a página responsável pelo cadastro do usuário
Preparando a página com a função de realizar o login do usuário
Restringindo o acesso às páginas que realizam funções avançadas do blog
Atribuindo ao link responsável pelo logout, o comportamento para sair da conta logada.
Aula 11: Acrescentando o Twitter e uma galeria dinâmica Conhecendo um pouco sobre a rede social Twitter e como acessá-la
Preparando o widget Twit e depois inserindo-o na lateral do site
Criando uma galeria dinâmica de imagens, utilizando o widget Spry Image Slideshow with Filmstrip
Aula 12: Revisão Parte III Relembrando os principais conceitos abordados nas aulas 09, 10 e 11 Preparando os campos do formulário da página editarPost.php, ligando-os ao banco de dados
Elaborando uma página para a exclusão de posts
Criando um sistema de autenticação de usuários, preparando a página responsável pelo cadastro e outra pelo login
Deixando uma página com acesso restrito
Adicionando o widget Twit e configurando-o através do código, para trazer uma conta da rede social Twitter.
Aula 13: Criando e incluindo uma enquete no site Construindo uma enquete, utilizando um grupo de botões de opção para as respostas da mesma
Criando e interligando as colunas de uma tabela com os botões de opção
Utilizando Conjuntos de registros para exibir o resultado da enquete, através de uma janela pop up
Adicionando a enquete dinamicamente à página.
Aula 14: Trabalhando com comércio eletrônico Um pouco sobre serviço de pagamentos online
Criando e configurando uma conta em uma empresa de serviço de pagamentos online
Escolhendo o tipo de frete e definindo como o mesmo será cobrado
Personalizando a página de compras: criando e inserindo botões de compra para os itens que serão vendidos.
Aula 15: Hospedando nosso site na web Aprendendo a publicar o site na internet
Pesquisando domínios disponíveis e registrando um ao projeto
Escolhendo o plano da hospedagem
Configurando o Dreamweaver, indicando os dados do servidor remoto
Enviando o site para o servidor de hospedagem
Aprendendo a exportar e a importar o banco de dados.
Aula 16: Revisão Parte IV Relembrando os principais conceitos abordados nas aulas 13, 14 e 15. Construindo uma enquete
Utilizando Conjuntos de registros para exibir o resultado da enquete
Exibindo o resultado da Enquete em uma janela Pop-up.
Trabalhando com comércio eletrônico
Enviando o site para um servidor de hospedagem.