Curso: Especializado Web Design

Transcrição

1 Curso: Especializado Web Design Duração: 171h Área formativa: UX & UI Sobre o curso Web Design é a extensão do design cujo foco é a criação de websites e documentos disponíveis na internet acessíveis, atualmente, nos mais variados dispositivos (desktop ou móveis). Este curso tem como objetivos: O curso especializado em Web Design pretende dotar os formandos de todos os conhecimentos teóricos e competências necessários para planear, gerir e desenvolver projetos de web design, recorrendo às mais avançadas tecnologias e ferramentas do mercado. Destinatários O curso de Web Design foi desenvolvido para profissionais da área de design gráfico, ou utilizadores que pretendam aprender web design e a criar páginas para a internet. Pré-requisitos Conhecimento elementar do sistema operativo (Windows ou MacOS) na ótica do utilizador, e possuir conhecimentos básicos de navegação e utilização da internet. Metodologia Presencial ou live training. Programa Planeamento e Gestão de um Site (3h) Workshop: Adobe Illustrator para Web (12h) Workshop: Adobe Photoshop para a Web (12h) Adobe Dreamweaver (39h)

2 Responsive Web Design e Bootstrap (9h) Interatividade e Animações com CSS3, Jquery e Plugins (18h) Projeto Prático (18h) Workshop: Search Engine Optimization e Web Analytics (9h) Wordpress (6h) Adobe Animate CC (30h) Projeto Prático (15h) (excepto nas edições da Campanha de Verão) Planeamento e Gestão de um Site Propostas, orçamentos e contratos Mapa do site Wireframes e mockups Conteúdos Seleção das tecnologias Desenvolvimento do site Testes Alojamento do site Workshop: Adobe Illustrator para Web Objetos básicos Pen Tool Cor Objetos complexos Padrões e Gradientes Layout Formatos de exportação Ícones Imagens Criação de Templates Workshop: Adobe Photoshop para Web Otimização de imagens para a Web

3 Otimização de Imagens com o Save For Web Otimização de JPEGS GIFs Bloquear cores em GIF Otimizar cores em PNGs Slices Slice Tool Slices Slice Automáticas, de utilizador, de Guias e de camadas Otimização das Slices Criar e usar Paragraph Styles e Character Styles Adobe Dreamweaver Introdução ao Dreamweaver Personalizar o workspace Introdução ao HTML Imagens e links Tabelas e formulários Introdução às CSS Formatar texto, imagens e backgrounds Box model Layout de páginas Elementos de navegação Adicionar áudio e vídeo Responsive Webdesign e Bootstrap Layouts fluídos Media Queries Responsive Web Design Testes em browsers e equipamentos móveis Grid systems e front-end frameworks

4 Bootstrap Interatividade E Animações Com CSS3, Jquery e Plugins Como desenhar com HTML e CSS Transforms e transitions em CSS3 Animações em CSS3 Introdução ao jquery Animação e interatividade com o jquery Plugins jquery Projeto Worskhop: SEO e Google Analytics SEO Princípios básicos de SEO: otimização on-site e off-site Otimização de imagens para SEO Paginação de sites para SEO Otimização para sites locais e internacionais XML Sitemaps Google Analytics Princípios básicos de Analytics Testes A/B com Google Analytics Criação de objetivos Análise de desempenho dos resultados das experiências com testes A/B WordPress Instalação do WordPress Criação de páginas Artigos, categorias e tags Instalação e utilização de Plugins Menus e widgets

5 Configurações base Utilizadores e profiles Utilização de themes/templates Adobe Animate CC Interface e conceitos principais Importar recursos Photoshop Illustrator Ferramentas de desenho Criar gráficos e texto Utilizar a biblioteca e símbolos Animações Timeline Keyframes Motion Tweens Scenes & Masks Audio e Video Importar Sons Exportar gráficos e animações Sprite sheets Gifs animados SWF WebGL SVG / Snap.svg ActionScript/JavaScript CreateJS Banner Ads Projeto