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

Curso de Webdesign

80 horas
Carga horária
10 semanas
Duração
12x no cartão
Parcelamento
Formação
Desenvolvedor de Sites (Criação de Layout e Montagem HTML 5 e CSS 3)

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

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.

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.

Conteúdo do Curso de Webdesign

Módulo 1: Conteúdo do curso de Criação de Layouts no Photoshop

  • 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
  • Pesquisa de sites concorrentes
  • Pesquisa de imagens
  • Pesquisa de sites referência
  • Ambiente de trabalho
  • Ferramentas
  • Atalhos diversos no Photoshop
  • Réplica de layout 1
  • Réplica de layout 2
  • Brushs
  • Styles
  • Estilização de textos
  • Tutoriais do Photoshop
  • Tutoriais avançados do Photoshop
  • Wireframes
  • Impacto psicológico das cores
  • Tendências Webdesign
  • Usabilidade
  • Diagramação da página inicial
  • Dimensões e monitores
  • Aplicação do Briefing
  • Passando do papel para o Photoshop

Módulo 2: Conteúdo do curso de Montagem de Sites em 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

Layouts feitos pelos alunos

Interessado?

Telefone

71 4042-1341 / 98798-2767​⁠​

Email

atendimento@velamecursos.com.br

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