Sobre

O que você vai aprender com esse curso?

Dreamweaver Módulo II - 16h

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.

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.

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.

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 inserir um vídeo na index.

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.

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

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.

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.

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.

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.

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.

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

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 login
  • Deixando uma página com acesso restrito
  • Adicionando o widget Twit e configurando-o através do código para trazer uma conta do Twitter.

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.

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

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.

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.

2018 © Todos os direitos reservados.