Conheça nossos Cursos
| 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
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) 4042-1341
Endereço
Av. Tancredo Neves, 1632 – Salvador Trade Center – Torre Sul – Sala 505 (Bahia Office) | Salvador/BA
Sobre a Velame
+5886
Horas de aula
+583
Alunos
+82
Turmas
8 anos
Tempo de mercado
-
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
-
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 aprenderElias Carlos
-
O professor tem uma boa didática e consegui aperfeiçoar o que eu já sabia e solucionar algumas dúvidas. A estrutura não deve em nada pra ninguém e sempre que aparecer algo que eu sei que contribuirá para o meu conhecimento eu me matriculo.Everaldo Júnior