Web Design PRO

Extensão

Sábado

42h

Presencial

O curso Web Design PRO do INAP visa o ensino das principais tecnologias e métodos modernos de desenvolvimento para a criação de páginas web, que são a base para os web sites.

Serão abordadas as linguagens HTML5, CSS3 e Javascript, utilizando softwares Open Sources (uso gratuito) para as etapas de planejamento e desenvolvimento. 

Durante o curso serão desenvolvidos 4 projetos práticos onde o aluno aplicará o conteúdo apreendido até  momento, com acompanhamento do instrutor. Para a realização dos projetos, todos os  materiais necessários serão disponibilizados durante o curso.

O curso de destina a alunos de cursos de graduação que possuam a disciplina web design em sua grade curricular e que desejam um maior aprofundamento e uma visão profissional sobre o tema. Também poderão participar alunos de outras áreas relacionadas ao design em geral e correlatos.

Ao final do curso o aluno terá sido apresentado a uma metodologia que o possibilitará dar os primeiros passos como profissional em web design.

PRÉ-REQUISITOS

Não há necessidade em conhecimento prévio em nenhuma das tecnologias ou softwares utilizadas durante o curso. 

Conteúdo programático

O profissional web designer

• Quem é e o que faz.

• Mercado de trabalho.
• Formação, estudos e qualificações.

O curso

• Calendário (duração e carga horária).

• Distribuição e detalhamento de conteúdo.

Ambiente de desenvolvimento

• Softwares utilizados.
  • Download e instalação.
• Download do material de estudo.

Web design

• Introdução ao HMTL5
  • O que é e para que serve.
  • Principais tags.
  • O W3Schools.
• Introdução ao CSS3
  • O que é e para que serve.
  • Seletores, propriedades e valores.
  • O W3Schools

• Introdução ao Javascript (JS)
  • O que é e para que serve.
  • Principais aplicações.
  • JQuery
  • O W3Schools.

Projeto 1

Landing Page

• Criação de wireframe-mockup/protótipo.
  • Softwares e técnicas de construção.
  • Apresentação ao cliente.
• Criação do documento HTML.
• Estilização com CSS.
• Interatividade com JS.

Projeto 2

One page institucional

• Análise de requisitos
  • Entrevista com cliente.
  • Criação de personas.

• Criação de wireframe-mockup/protótipo.
  • Softwares e técnicas de construção.
  • Apresentação ao cliente.
• Criação do documento HTML.
• Estilização com CSS.
• Interatividade com JS.

Projeto 3

Versão responsiva do projeto 2

• Flex Box.

• Introdução e uso de Media Queries.

Projeto 4

Hotsite

• Introdução ao Bootstrap.
• Instalação e configuração do Bootstrap.
• Uso de componentes e utilitários.