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.
Reviews
There are no reviews yet.