Carga horária Duração Parcelamento Formação
80h 10 semanas Até 12x em qualquer cartão Desenvolvedor de Sites (Criação de Layout e Montagem em xHTML e CSS)

Destaques do Curso

1 Curso de Webdesign

O curso de Webdesign da Velame Cursos tem como foco ensinar TODAS as etapas necessárias para o desenvolvimento de um site, desde a reunião com o cliente, passando pelo desenvolvimento do layout, montagem do site e por final colocando o site na internet hospedado em um servidor.

Durante o curso de Webdesign o aluno entende que no desenvolvimento de um site podemos destacar duas etapas importantes na criação do mesmo: 1) A primeira é o desenvolvimento do Layout que é a parte estética do site. 2) A segunda é a Montagem do Site em xHTML e CSS que 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.

Por isso o curso de Webdesign é a união de 2 módulos do curso:

  • Curso de Criação de Layouts no Photoshop
  • Curso de Montagem de Sites em xHTML e CSS

3 Montagem de Sites em xHTML e CSS

Na segunda etapa do curso de Webdesign o aluno verá o processo de Montagem de Sites em xHTML e CSS, módulo que o aluno aprenderá a desenvolver o HTML e CSS de qualquer layout desenvolvido anteriormente.

Como a Velame Cursos acredita que não basta aprender linguagens ou ferramentas, neste curso o aluno também aprenderá os Padrões W3C (Webstandards), SEO (Otimização para buscadores), aplicação de AJAX/jQuery, hospedar o site e muito mais.

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

5 Desenvolvimento de projetos

Durante o curso de Webdesign iremos formar uma agência digital fictícia e através dessa agência o aluno participará de reunião de negociação com o cliente (reunião simulada) e como agência iremos receber 3 projetos.

Os projetos variam, podendo ser academias, fotógrafos, pizzarias e muitos outros que serão escolhidos no curso. Cada aluno da equipe desenvolverá 3 layouts de projetos distintos, o que trará experiência e também permitirá o aluno sair do curso com um portfólio apresentável.

2 Criação de Layouts no Photoshop

Na primeira etapa do curso de Webdesign o aluno verá o processo de criação de Layouts no Photoshop, módulo que o aluno aprenderá a desenvolver layouts bonitos e modernos graças ao conteúdo programático do curso que vai além de apenas ensinar a ferramenta.

Sabendo que apenas conhecer Photoshop não garantirá desenvolver um layout com padrões de qualidade, a Velame Cursos inseriu no conteúdo do curso técnicas importantes no desenvolvimento de layouts como wireframe, impacto psicológico das cores, design, tendências web, hierarquia da informação, entre outros

4 Simulando uma agência digital

A Velame Cursos entende que não adianta o aluno aprender a desenvolver sites, mas não ter experiência com o contexto de uma agência digital ou até mesmo com o cliente.

Por esse motivo a Velame Cursos trabalha no curso de Webdesign com a metodologia de ESTÁGIO, com cronogramas de atividades, divisão de tarefas, prazos e tudo mais que é necessário, inclusive criando uma agência digital fictícia.

Nossos alunos saem preparados para o mercado e por esse motivo muitos alunos Velame hoje estão trabalhando em grandes empresas e alguns deles já estavam empregados antes mesmo de finalizar o curso.

Conteúdo do curso de Criação de Layouts no Photoshop

Web Business

  • Escolha de 3 projetos a serem desenvolvidos no curso de webdesign
  • Brainstorm, vantagens de se fazer
  • Simulação de reunião com cliente
  • Dicas de negociação
    • Cobrar antes, depois ou dias depois
    • Formas de pagamento
    • Clientes que já possuem site
    • Técnica do valor mais alto
    • Importância do nome do cliente
  • Etapas de criação: Construção, Manutenção, Domínio e Hospedagem
  • Briefing
  • Proposta comercial
  • Contrato

Pesquisas

  • Pesquisa de sites concorrentes
  • Pesquisa de imagens
  • Pesquisa de sites referência

Photoshop: fundamental

  • Ambiente de trabalho
  • Ferramentas
  • Atalhos diversos no Photoshop
  • Réplica de layout 1
  • Réplica de layout 2

Photoshop: parte 2

  • Brushs
  • Styles
  • Estilização de textos
  • Tutoriais do Photoshop
  • Tutoriais avançados do Photoshop

Design e Criação

  • Wireframes
  • Impacto psicológico das cores
  • Tendências Webdesign
  • Usabilidade

Desenvolvimento dos projetos

  • Diagramação da página inicial
  • Dimensões e monitores
  • Aplicação do Briefing
  • Passando do papel para o Photoshop

Conteúdo do curso 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

Layouts dos alunos feitos no curso

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

Quero agradecer aos professores por nos passarem seus conhecimentos, por nos fazer crescer na área web, esclarecendo nossas dúvidas e nos orientando. Agradeço também a todos as amizades que fiz durante o período, pois com todos vocês juntos ficou ainda mais agradável e gostoso fazer parte da família Velame Cursos e ser Completo!

Lucas Lima

O curso realmente superou minhas expectativas. Na Velame Cursos percebi como funciona na prática a criação de um layout e se engana quem acha que o conhecimento dessa ferramenta não é importante para se diferenciar no mercado.

Emanoel Paim

Fomos muito bem recebidos desde o primeiro dia do curso até o ultimo pelo professor. Ficou muito facil de entender com a exelente explicação dele! recomedo pra todos, é um otimo lugar para aprender!! a sala, a mesa com os participantes a volta ajuda a simular um verdadeiro estagio que nos prepara profissionalmente! Obrigado VELAME!

Matias Urich