Carga horária Duração Parcelamento Formação
40h 6 semanas Até 12x em qualquer cartão Front-End na montagem do Site (xHTML e CSS)

Destaques do Curso

1 O que é montagem em xHTML e CSS

Etapas de desenvolvimento de um site: No desenvolvimento de um site podemos destacar duas etapas importantes

  • A primeira é o desenvolvimento do Layout que á a parte estética do site (Confira o curso de Criação de Layout no Photoshop da Velame Cursos)
  • A segunda é a Montagem do Site em xHTML e CSS. Essa montagem consiste em pegar o layout desenvolvido no Photoshop e “montá-lo” em HTML e CSS para que possa ser visualizado pelos navegadores que possibilitarão a interação com o site.

Porque xHTML e não HTML: o xHTML é uma evolução técnica para a utilização

3 SEO (Otimização para buscadores)

A sigla SEO (Search Engine Optimization) tem sido muito comentada nos últimos tempos no universo de desenvolvimento Web.

SEO significa Optimização para buscadores e consiste em uma técnica para conseguir melhores posições em sites de buscadores como o Google.

No curso Montagem de Sites em xHTML e CSS da Velame Cursos nossos alunos são preparados para desenvolver o site pensando no SEO, aprendendo técnicas ON-PAGE e técnicas OFF-PAGE

2 Padrões W3C

O Curso de Montagem de Sites em xHTML e CSS da Velame Cursos é desenvolvido baseado nos Padrões da W3C (Webstandards) porque a Velame Cursos acredita que não basta ensinar o aluno a utilizar ferramentas ou linguagens, é necessário instruir em todo conhecimento da área, não se limitando apenas a coisas técnicas.

Por esse motivo a Velame Cursos prepara seus alunos para o mercado de desenvolvimento web pensando no futuro, e não existe uma palavra melhor para resumir o futuro do desenvolvimento web que Padrões da W3C (Webstandards).

Os Padrões da W3C (Webstandards) existem para padronizar o desenvolvimento de sites, por este motivo as grandes agências e os navegadores estão se adaptando aos padrões, que também visam melhorar a experiência do usuário e acessibilidade do site.

Confira Site oficial da W3C no Brasil

4 jQuery

Alguns efeitos visuais impactam na experiência do usuário com o site e o AJAX e o jQuery são os grandes responsáveis pelos efeitos atuais mais bonitos que encontramos na web.

LightBox: Um dos efeitos visto no curso é o efeito LightBox para visualização de imagens. Confira aqui o efeito LightBox

Slider: Outro efeito visto no curso é o Slider que é um efeito de transição de banners. Confira aqui o efeito Slider

Conteúdo de Montagem de Sites em xHTML e CSS

HTML

  • O que é HTML
  • HTML, uma linguagem de marcação e não estética
  • Regras
    • Formato das TAGs
    • Hierarquia de fechamento
    • Exceções (TAGs únicas)
  • Estrutura básica
  • Hierarquia Pai e Filho
  • TAGS
    • Título
    • Parágrafo
    • Cabeçalhos
    • Link
    • Listas Ordenadas e Listas Não Ordenadas
    • Imagem
    • Comentário
    • DIV
    • Span
    • Strong / em
  • Regras
    • Regras W3C
    • Regras xHTML
    • Regras de Acessibilidade
  • Regras de organização

xHTML

  • Diferenças entre HTML e xHTML
  • xHTML Strict e Transitional
  • Estrutura básica
  • Regras
    • Regras W3C
    • Regras xHTML
    • Regras de Acessibilidade

CSS

  • O que é CSS
  • Regra: Seletor { propriedade: valor }
  • CSS Inline
  • CSS Incorporado
  • CSS Externo
  • Seletores
    • Seletor TAG
    • Seletor CLASS
    • Seletor ID
  • Propriedades e Valores
  • Comentário no CSS
  • Pseudo-Classe
    • :hover
    • :visited
    • :active
  • Pseudo-Elemento
    • :first-child
    • :focus
  • Manipulando o background
  • Técnicas de Montagem de Sites
  • Float para estrutura
  • A classe limpador
  • Herança Pai e Filho no CSS
  • Agrupamento de seletores
  • Formatação de texto
  • Regras
    • Regras W3C
    • Regras CSS
  • Técnica Image-replacement
  • HACKs para navegadores

Dreamweaver CS6

  • Apresentação do Dreamweaver
  • Fechamento automático de TAGs
  • Dreamweaver Colors
  • Dreamweaver Files
  • Criando atalhos no Dreamweaver

Montagem de Sites

  • Photoshop x xHTML
    • Transformando de Photoshop para HTML
    • Lógica de repetição de imagem
    • Quando utilizar JPG, GIF e PNG
    • Transparência de PNG
    • Exportando imagens
  • Páginas internas
  • Inserindo um Mapa do Google no site
  • Inserindo um vídeo do Youtube no site
  • Include no PHP
  • Colocando o site na internet (FTP e hospedagem)
  • Manutenção no site

Formulários

  • TAGs de formulário
  • Função PHP que envia para o e-mail
  • Estilizando um formulário
  • Configuração do e-mail de destino
  • Página “Enviado com sucesso”

jQuery

  • 3 passos para instalar qualquer jQuery
  • Galeria de jQuery
  • Download de Scripts em jQuery
  • Inserindo um Lightbox (Exemplo)
  • Inserindo um banner rotativo (Exemplo)

SEO

  • O que é SEO
  • Técnicas ON-PAGE
  • Técnicas OFF-PAGE
  • White Hat x Black Hat
  • Meu site em 1º no Google

Não seja
apenas mais um,
seja Velame,
seja COMPLETO!

Estagiando numa agência

Na Velame Cursos o aluno é inserido no contexto de uma agência desde o primeiro dia de aula, trazendo ao máximo a realidade de uma grande empresa, para que o aluno saia preparado para o mercado.

Sala de reunião

A sala da Velame Cursos também foi preparada para envolver os alunos com o máximo da realidade dos negócios e por esse motivo ao invés de existirem diversas mesas com seus computadores (como é de costume nos demais cursos), na Velame Cursos você encontrará uma estrutura de sala de reunião com uma mesa grande ao centro e todos os participantes ao redor da mesa, sentados em suas cadeiras de presidente e seus computadores.

Reunião com o cliente

Outra grande preocupação da Velame Cursos é com o profissional dos seus alunos.

Sabendo que no mundo dos negócios não basta apenas saber criar o site, pois é necessário também negociar com clientes, a Velame Cursos trabalha a comunicação empresarial dos alunos durante todo o desenvolvimento dos seus cursos, ensinando dicas de negociação como preços, prazos, contratos, propostas e técnicas de convencimento.

Interessado?

Telefone

(71) 3016 4494

Endereço

Av. Tancredo Neves, 1632 – Salvador Trade Center – Torre Sul – Sala 505 (Bahia Office) | Salvador/BA

E-mail

atendimento@velamecursos.com.br

O módulo 2 é empolgante, na minha opinião o melhor módulo, usamos o layout criado no photoshop para montar o site. Sempre me perguntei como é que faria isso. Hoje tenho a resposta. Muito obrigado por tudo e mais uma vez reforço que faria o curso todo novamente.

Marcus Quintela

Foi extremamente gratificante a sensação de chegar ao final do curso e perceber que ser Velame é realmente ser diferente. Hoje sei que tudo que aprendi, agregado com os meus conhecimentos, me proporcionou um vasco conhecimento e competência para trabalhar na área de Webdesigner.

Vitor Torres (Publicitário)

Agradeço ao professor pela paciência e pelo carisma e pelo incrível dom de transforma toda aula, todas as lições em um ambiente de lazer, onde o aprendizado, de certa forma, vinha em brincadeiras, isso fez com quem houvesse prazer em aprender

Elias Carlos