Curso Pro Tableless - Padrões web

Conteúdo programático:

Nível:

Duração:

Ferramentas e área de trabalho
Conhecendo as ferramentas do campus!		14min
Ferramentas que utilizaremos no curso		3min
Configurando minha área de trabalho		9min

HTML, XHTML, PRÁTICAS DE SEO
Estrutura e Hipertextos		9min
Listas e listas definidas		5min
Elementos de texto e suas funções		13min
Trabalhando com extensões de texto		6min
Trabalhando com tabelas		13min
Trabalhando com formulários		19min
Trabalhando com imagens		3min
Módulo stylesheet		3min

CSS
Estrutura de seletores, comandos e elementos		21min
Unidades de tamanho relativo		4min
Representação de cores		12min
Bordas e atributos		8min
Trabalhando com espaçamentos		6min
Módulo formatação visual		18min
Desenvolvendo janela modal com HTML e CSS		15min
Detalhes e efeitos de formatação visual		9min
Cores de fundo		9min
Fontes Tipográficas		7min
Textos e atributos		6min
Aplicando formatação em tabelas		14min

DOM em formulários
Criando e formatando formulário		15min
Conhecendo e aplicando onClick		4min
Conhecendo e aplicando onBlur		2min
Conhecendo e aplicando onChange		6min
Conhecendo e aplicando outros elementos		4min

Desenvolvimento de página de impressão
Definindo o projeto e criando top		24min
Estilizando header menu		11min
Estilizando conteúdo e aplicando hack para spacer		8min
Desenvolvendo e estilizando o footer		23min
Definindo e aplicando conteúdo da página		16min
Formatando blocos e conteúdo		15min
Criando Função imprimir e Utilizando media print para filtrar elementos		8min

Trabalho com URL amigável (SEO)
Criando funções para navegação com URL amigável		20min
Aplicando projeto para navegação com URL amigável		12min
Menu geral, Titulo, Descrição e palavras chave por página		6min
Criando páginas, definindo Titulos, descrições e palavras chave!		3min

Desenvolvimento de projeto final
Criando e estilizando página 404 e quem somos		14min
Criando página trabalhos		18min
Finalizando portfólio, criando página de serviços		9min
Criando página fale conosco		15min
Definindo Home e adaptando layout para projeto final		16min
Aplicando e formatando elementos do slide		24min
Apicando elementos e criando função do slide		29min
Definindo, aplicando e formatando conteúdo Home		22min
Dando os últimos retoques		12min
Hospedando e configurando projeto final		4min

Conhecimento:

Neste curso você vai aprender a desenvolver sites nos padrões web com Tableless, Veremos desde o HTML passando pelas praticas de SEO (Otimização de sites para mecanismos de pesquisa) chegando a um projeto final completo e profissional!

No fim deste curso o aluno estará familiarizado com o desenvolvimento de sites e apto a trabalhar com padrões web!

Você aprenderá:

• HTML, XHTML (Hipertexto, Listas, Tabelas, Textos, Extenções, Tabelas, etc.)
• CSS (Seletores, Mídias, Efeitos visuais, Bordas e atributos, Margens, etc.)
• Prática: Desenvolvimento de uma janela modal com HTML e CSS.
• DOM para formulários (onClick, onBlur, onChange, onFocus, etc.)
• Prática: Layout com função para impressão estilo anúncio.
• SEO: Aplicação de otimização, URL amigável, etc.
• Projeto final: Site portfólio.
• Estrutura avançada de navegação com PHP.

Público Alvo:

• Pessoas que estão iniciando em programação para a internet.
• Designers que querem aprender a criar HTML a partir de seus layouts.
• Designers que querem se aprofundarem em padrões web e desenvolvimento com SEO.
• Programadores que querem migrar para a internet.
• Você!

Realização do curso:

No decorrer do curso realizaremos projetos em exercícios práticos mostrando como executar funções como criação de formulários, posicionamento de blocos, trabalho com imagens, janelas modais e muito mais!

Prática: Janela modal com HTML e CSS

Veremos como desenvolver uma janela modal apenas utilizando HTML e CSS, com um pouco de PHP para gerenciar sessões e ver como fechar essa janela modal.

Prática: Formulário com DOM:

Vamos aprender a utilizar eventos DOM para formatação de elementos e estilização de formulários, com efeitos dinâmicos que ocorrem na navegação de campos alterando valores, cores e bordas em tempo real.

Veremos os elementos onClick, onBlur, onChange e outros em aulas práticas onde vamos desenvolver um formulário de contato dinâmico em HTML, CSS e DOM.

Prática: Página para impressão:

Vamos desenvolver um layout para utilização de mídias com CSS, esse terá um layout estilo páginas de impressão para anúncios, onde o cliente tem a opção de imprimir o conteúdo filtrando o layout do site!

Veremos como aplicar o CSS para selecionar a formatação do conteúdo a ser impresso e eliminar o conteúdo não desejado na impressão. Conheça o projeto...

Prática: Adaptação:

Veremos como adaptar um layout de forma correta para utilização em outros projetos, assim conhecendo técnicas de adaptação para elaborar manutenção em sites de clientes!

Neste adaptaremos o projeto feito de impressão para desenvolver nosso projeto final na estrutura feita anteriormente!

Projeto Final: Site portfólio:

Vamos criar um site para exibição de trabalhos e serviços todo em HTML, ainda neste veremos alguma coisa básica sobre PHP, mas aprenderemos uma estrutura robusta e avançada de fatiamento com técnicas de SEO e URL amigável

Trataremos nosso site com template e veremos como organizar um projeto de maneira profissional e adequada aos padrões de desenvolvimento de hoje, afinal hoje os padrões incluem palavra chave, titulo por página, url amigável e um SEO bem aplicado!

Link: Aqui

Fórum do curso - mais recentes:

• Por: ALEF SOUZA SANTOS Em: 21/05/2013 11:27h

  Robson, desculpe a pergunta mas é que sem isso eu não consigo ir adiante. No código <div id="conteudo"> <style="width:500px;"> que seria pra ajustar e alinhar o testo na página da web ou no site. No caso isso no meu o texto não se alinha. Porque o texto não se alinhária mesmo com o comando correto? Desculpe a pergunta, mas agradeço pela resposta desde já.

  Ver resposta
• Por: ALEF SOUZA SANTOS Em: 19/05/2013 11:12h

  olá Robson, tenho uma duvida quanto ao index.php e wampserver. Funcionava tudo certinho, porém agora quando eu ligo o wampserver e e entro no dreamweaver e na página do index.php pelo navegador da web ele não aparece nada, por que ocorreu isso? A uma desconfiguração no sistema?

  Ver resposta
• Por: FERNANDO ROCHA DA SILVA Em: 17/05/2013 00:17h

  Olá Robson, estou com uma dúvida. Como eu faço para aplicar esse procedimento '<?php setHome();?>/tpl/' dentro do echo?

  Ex: echo '<img src="img/foto.jpg" height="25" width="25" alt="" />';

  Agradeço desde já.

  Ver resposta
• Por: CHARLES DE JESUS BASTOS Em: 15/05/2013 11:48h

  Robson. estou iniciando meu aprendizado com tableless e html. O meu index e o meu style está exatamente igual ao seu. Mas o meu formulário está bem diferente. Existe alguma diferênça de linguagem que esteja fazendo isso? Ou o que poderia ser? Vi que as aulas foram feitas em 2011.

  Ver resposta
• Por: GABRIEL MARTINS SANTOS Em: 09/05/2013 11:53h

  Olá Robson, antes de mais nada quero te agradecer pelos cursos e todo o conteúdo de alta qualidade que é compartilhado.

  Bom tenho algumas dúvidas ainda sobre Urls amigáveis, por exemplo, se eu tenho um site todo pronto, fatiado e montado por includes, como faço para migrar para urls amigáveis?

  Tenho no momento urls como por ex: http://www.teste.com.br/index.php?teste=nav/home.. Ainda não sei como migrar essas urls para torna-las amigáveis.

  Agradeço desde já.

  Ver resposta
• Por: LUIS GUSTAVO FERNANDES Em: 21/04/2013 19:44h

  Robson, beleza? o download do projeto n ta funcionando, tem como arrumar?

  Ver resposta
• Por: DIEGO MACARIO DA SILVA Em: 18/04/2013 15:24h

  Estou precisando de uma ajuda, como eu faço o site se auto dimensionar em todas as resolucoes? na minha resolução ele aparece normal, mas numa resolucao maior o site fica mt pequeno.

  Ex: http://www.granjandreazza.com.br

  Ver resposta
• Por: ORLANDO ANTONIO SARMANHO FRADE Em: 18/04/2013 10:52h

  Bom dia Robson! Estou tendo um problema nesta aula, fiz exatamente como você ensina. Mas quando coloco uma url que não existe não aparece o erro 404, pelo que percebi na aula você não mostrou a criação do arquivo 404.php, da pasta tpl, eles são criados automaticamente durante a inserção de código, ou não? Como eu faço para corrigir este erro?

  Ver resposta
• Por: SIMONE MIRANDA MYRRHA Em: 15/04/2013 18:47h

  Olá Robson, boa noite! Tenho uma dúvida: Não seria interessante usar o thead para o cabeçalho da tabela ao invez da tbody? É obrigatório ter as tags: thead, tbody e tfoot juntas?

  Ver resposta
• Por: DIEGO MACARIO DA SILVA Em: 04/04/2013 04:28h

  Bom dia, estou tendo dificuldade com meus layouts, pois todos que faço, no meu Monitor ele fica correto,mas quando vou em outro monitor que usa uma resolucao diferente ele fica desconfigurado/deformado.

  Gostaria de saber o porque isso acontece.

  Ver resposta

Veja a turma deste curso:

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Warning: Invalid argument supplied for foreach() in /home/upinside/www/campus/tpl/curso.php on line 266

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•