Home  >  Cursos Livres  >  Produção de Websites - Interface e Estrutura

Produção de Websites - Interface e Estrutura

Capacitar o aluno a desenvolver layouts para aplicações web, através do tratamento, manipulação de imagens e do uso linguagem de marcação e estilo, alinhados aos padrões do W3C.
Ao final do curso o aluno estará apto à:
- Planejar o layout de um website usando fundamentos da arquitetura da informação tais como Wireframe e mapa de site.
- Compreender e manipular imagens e animações para web considerando suas finalidades.
- Otimizar e disponibilizar imagens para publicação de acordo com o projeto.
- Identificar e estrutura a marcação de conteúdo de texto, imagem, vídeo, formulário e navegação em um documento HTML5 utilizando conceito de semântica.
- Criar layouts utilizando regras CSS usando seletores Tag, Classes, IDs, Pseudoclasses, Pseudoelementos e Atributos, utilizando desenvolvimento responsivo.
- Publicar e visualizar o projeto em diferentes navegadores e dispositivos móveis


Carga horária: 72 horas


Pré-requisito
Possuir conhecimentos básicos de navegação na Internet e sistema operacional Windows (estar habituado a acessar páginas, criar e acessar emails, utilizar mecanismos de busca, salvar, copiar, colar, criar e gerenciar pastas).
Escolaridade mínima: ensino fundamental completo

Mercado de Trabalho

O universo das mídias digitais está em contínua transformação. A cada ano verifica-se a exigência do mercado por profissionais mais qualificados. Fotógrafos, diagramadores, web designers, ilustradores, artistas de animação e 3D que buscam nas ferramentas computacionais os recursos que expandam as possibilidades criativas e criem pontos comuns entre as suas respectivas áreas de atuação.

Dentre todas as ferramentas de tratamento de imagens existentes no mercado, o Adobe Photoshop é o líder. Ele é utilizado basicamente para edição e manipulação de imagens, mas a cada nova versão fica mais abrangente, adquirindo novas funções, ampliando seu campo de inserção no mercado.

O mercado de trabalho de imagens e layouts para web vem ganhando mais espaço e notoriedade no cenário brasileiro. Antes, esse mercado era privilégio de grandes marcas, mas atualmente tornou-se disponível para empresas de menor porte, devido ao aparecimento de um grande número de agências, produtoras, estúdios e editoras.

A mobilidade trouxe a necessidade de desenvolvimento de projetos mais interativos e dinâmicos, possibilitando ao usuário acesso à informação, independentemente do local e do dispositivo web utilizado. Frente a esta necessidade torna-se indispensável o conhecimento da linguagem de marcação HTML5 e das formatações com CSS3.

O mercado web é um dos que mais cresce, exigindo profissionais cada vez mais qualificados e atualizados. Frente a este cenário, faz-se indispensável a existência de um profissional capaz de planejar, criar e desenvolver projetos direcionados para tal fim, que pode atuar em agências de publicidade, estúdios digitais, produtoras de aplicativos entre outras.

Público-alvo

Profissionais e estudantes que desejam ampliar seus conhecimentos em desenvolvimento e manipulação de imagens para aplicações web visando atuação em diversos contextos profissionais tais como: marketing, publicidade, produção de conteúdo e vídeo para Web, estúdio digitais, produtoras de aplicativos, editoras, entre outras.


Método

O aprendizado privilegia metodologias colaborativas, em atividades realizadas por 2 (dois) alunos por computador, com estímulo ao raciocínio lógico e à simulação de práticas profissionais

Programa

-Adobe Bridge: Tipos e formatos de imagem;
-Interface do Photoshop: menus, barras e painéis;
-Ferramentas de seleção e camadas: seleção e recorte; camadas; estilo de camadas;
-Noções de arquitetura da informação, Briefing, Wireframe, Mockup e Brainstorming;
-Layouts para Web: tipos de Layout; Formatos de arquivo; Exportação de imagens; textos e formas; Pranchetas e Fatias;
-Identidade visual: cores, formas, diagramação e tipografia;
-Modo de cores: RGB x CMYK; LAB; Seletor de Cores; Codificação hexadecimal;
-Ajustes nas imagens: Luminosidade; Cor; Níveis;
-Ferramentas de pintura e retoque;
-Galeria de Filtros;
-Camada de ajuste e mascara; estilos de camadas;
-Ações;
-Animações: Quadros chave; Interpolação; Linha do tempo;
-Finalização: Exportação de códigos HTML/CSS; Navegadores.
-Organização do Projeto Web;
-Estrutura básica semântica: header, nav, article, section, footer, aside;
-Metatags;
-Estruturação de títulos;
-Estruturação de parágrafos;
-Inserção de imagens;
-Listas;
-Tabela;
-Navegação: Hiperlinks; Documento, ancora, externo, download e e-mail;
-Acessibilidade: Ordem de tabulação e texto alternativo;
-Formulário;
-Mídias: Vídeo e Som.
-Tipos de CSS (interno, externo e inLine);
-Seletores (tag, classe e ID);
-Personalização de Layout: cores, fontes, plano de fundo, imagens, links,tabela, formulários e animações;
-Diagramação: Absoluto, Relativo, Fixo, Estático;
-Camadas: posicionamento Z-index e sobreposição de camadas;
-Efeitos: Transições, Sombras e Filtros;
-Conceitos de interatividade e responsividade.
-Publicação: Domínio e Hospedagem.

Certificação

O Senac SP confere certificação de conclusão aos alunos aprovados.

Documentos para Matrícula

-Documento de Identidade (RG) (apresentação do original).
-CPF ou documento que possua a numeração do CPF (apresentação).


Matrículas abertas! Clique na unidade de seu interesse para conhecer valores, datas e horários.

 
Confira outras Unidades com Inscrições Abertas para este curso.
 
O Senac reserva-se o direito de alterar o número de vagas, datas, horários ou cancelar o programa.

Quer ser informado sobre novas turmas? Selecione a unidade e registre seu interesse.