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) 4042-1341

Endereço

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

E-mail

atendimento@velamecursos.com.br

nunca imaginei que eu poderia criar alguma coisa a ponto de alguém que já trabalha na área elogiar, graças à metodologia que a Velame Cursos utiliza possibilitando o aluno através de técnicas a criar qualquer projeto

Wesley Silveira

Particularmente, a primeira parte do curso me mostrou novas sacadas, novos meios e detalhes, tanto do programa quanto da web, que passava abatido por mim, seja por falta de percepção como de vivência mesmo

Iuri Sérgio

Passei bastante tempo pesquisando sobre um curso de Web design em Salvador. A Velame cursos foi a única instituição que me passou a segurança que precisava. Hoje, com a conclusão do curso Web tenho a certeza que fiz a escolha certa.Professores atenciosos, altamente capacitados,temos total apoio durante e após o curso. Recomendo a Velame Cursos

Daniele Ribeiro