Dreamweaver - Módulo 2

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.

Os conceitos e métodos largamente utilizados pelo mercado, como HTML, CSS, 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.

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

  • 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.

Leave a Reply 0 comments

%d blogueiros gostam disto: