Adobe Dreamweaver Módulo II

O que você vai aprender com esse 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 proporciona.

O aluno aprenderá a instalar um servidor, criar projetos no software e um banco de dados para sites, além de organizar, editar e excluir páginas e posts, como trabalhar com comércio eletrônico e hospedar sites na web, por exemplo. Ao final, o aluno terá criado um site a partir do zero, desenvolvido completamente durante o curso.

Conteúdo programático

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 listagens 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