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.

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.