• Ed. Salvador Trade Center
  • (71) 4042-1341​⁠​
  • (71) 98798-2767​⁠​

Curso de HTML 5 e CSS 3

40 horas
Carga horária
5 semanas
Duração
12x no cartão
Parcelamento
Formação
Front-End na montagem do Site (HTML 5 e CSS 3)

Destaques do curso

1 O que é montagem em HTML 5 e CSS 3

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 HTML 5 e CSS 3. 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.

HTML 5: Todo o curso é baseado na linguagem HTML 5

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 do Curso de HTML 5 e CSS 3

  • 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
  • Diferenças entre HTML e xHTML
  • xHTML Strict e Transitional
  • Estrutura básica
  • Novas Tags HTML 5
    • Tag Header
    • Tag Footer
    • Tag Nav
    • Tag Section
    • Tag Article
    • Tag Aside
    • Tag Time
  • Regras
    • Regras W3C
    • Regras xHTML
    • Regras de Acessibilidade
  • 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
  • Apresentação do Dreamweaver
  • Fechamento automático de TAGs
  • Dreamweaver Colors
  • Dreamweaver Files
  • Criando atalhos no Dreamweaver
  • 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
  • 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”
  • 4 passos para instalar um jQuery
  • Galeria de jQuery
  • Download de Scripts em jQuery
  • Inserindo um Lightbox (Exemplo)
  • Inserindo um banner rotativo (Exemplo)
  • O que é SEO
  • Técnicas ON-PAGE
  • Técnicas OFF-PAGE
  • Técnicas de Link Building
  • White Hat x Black Hat
  • Meu site em 1º no Google

Interessado?

Telefone

71 4042-1341 / 98798-2767​⁠​

Email

[email protected]

Endereço

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

Ver mapa

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.

Localização

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

Abrir no Waze