72 HORAS FLAG PORTO FLAG COIMBRA

Transcrição

1 curso especializado de web design 72 HORAS Dotar os participantes dos conhecimentos e noções necessários para elaborar e desenvolver sites de internet com as ferramentas web mais utilizadas no mercado. DESCRIÇÃO Este pacote de formação é composto pelos programas essenciais e indispensáveis a todos os Web Designers que pretendam compreender os conceitos e aplicações necessárias à criação de um site desde a sua estruturação ao tratamento gráfico e animação. Este curso caracteriza-se pela junção dos módulos de Dreamweaver, Fireworks e Flash terminando com um módulo de Integração que permitirá interligar todas as ferramentas e conceitos abordados ao longo do curso. Profissionais da área gráfica ou utilizadores que pretendam aprender a criar páginas para a internet. Conhecimento elementar do sistema operativo na óptica do utilizador e possuir conhecimentos básicos de navegação e utilização da internet.

2 adobe dreamweaver 24 horas Apresentar aos formandos as funcionalidades essenciais do Dreamweaver utilizando os standards actuais no desenvolvimento de um site Web. Explorar o ambiente de trabalho e interface do Dreamweaver; Adquirir conceitos de Web Design e layout; conhecer os standards de usabilidade e acessibilidade; Trabalhar com texto e imagens; Criar Hiperligações; Utilização de css s para formatação e Layouts; Criar formulários; Manutenção e publicação de um site. Este curso destina-se a quem queira desenvolver sites Web utilizando a ferramenta mais usada por profissionais na área do desenvolvimento Web. Conhecimentos do sistema operativo Windows na óptica do Conceito de WWW e Internet Planeamento de um site (Processo do design) Usabilidade e acessibilidade de um site Introdução ao HTML A interface do Dreamweaver Definir Workspaces Visualização dinâmica Definição de site Criar e gerir páginas e pastas Inserir conteúdos numa página Web Estruturar semanticamente a Informação numa página Parágrafos e quebras de linha Headings Listas Linhas Caracteres especiais Introdução às CSS s Criar e gerir estilos para tag s do HTML Embedded e External Style Criar e gerir classes de CSS s Alguns selectores avançados Criar estilos para diferentes tipos de Média Trabalhar com Imagens Definições de acessibilidade Alterar propriedades de uma imagem Editar imagens Optimizar via Fireworks ou Photoshop Inserção de imagens de photoshop Actualização dinâmica Inserir animações em Flash Inserir Flash Vídeo Navegabilidade de um site Criar e gerir hiperligações Hiperligações a sites externos Hiperligações internas Hiperligações a s Hiperligações em imagens e mapas de imagens Jump menu 30 m 30 m Criar um Layout com CSS s Introdução ao Box Model Criar e gerir ID s Criação de Layouts com a propriedade Float Fixed Layout Liquid Layout Elastic Layout Criar Layouts com a propriedade Position Gerir AP no Dreamweaver Layouts híbridos Alguns Hacks, filtros e referências para CSS s Reutilização de conteúdos com Templates Criar zonas editáveis Adobe InContext Editing Criar e gerir um site com Templates Entender as características de um formulário Desenvolver um formulário no Dreamweaver Validação de um Formulário com o painel Behaviors Conceito de DHTML Criar interactividade com o painel Behaviors Testar e criar relatórios de verificação do site Publicar o site Administrar e actualizar um site 7 h

3 adobe fireworks 15 horas Construção de layouts gráficos para websites, recorrendo a ferramentas de desenho vectorial. Tratamento de imagem para integração em websites; Criação de pequenos banners animados para integração em multi-plataforma. Profissionais que pretendam criar, optimizar e exportar imagens para a web. Conhecimentos do sistema operativo Windows na óptica do O Interface do Fireworks Imagem bitmap vs desenho vectorial Modos de edição do Fireworks Configurar um documento O painel de ferramentas do Fireworks O painel properties Réguas, guias e grelha Desenho Vectorial Ferramentas de desenho vectorial Selecções em modo vectorial Aplicar contornos Alterar o posicionamento dos contornos Aplicar cores e efeitos de preenchimento Usar o painel assets Cortar o canvas Utilizar o painel Info Painel History Aplicar efeitos especiais Edição de imagem Utilizar as ferramentas de edição bitmap Controlar os contornos de uma selecção Opções adicionais de selecção Utilizar as ferramentas de correcção bitmap Configurações de gamma Importar imagens Importar ficheiros do Illustrator Texto Adicionar texto Adicionar texto a uma curva Converter texto em curvas Importação de caracteres de Illustrator e Photoshop Transformações Trabalhar com máscaras Aplicar transformações Comando Duplicate e Clone Combinação de formas Empilhamento de objectos Alinhar objectos Slices Dividir um documento em slices Configurar slices Exportação de documentos com slices Reconstruir slices a partir de um documento HTML de Fireworks Painel URL Exportação e optimização Exportação de imagens Escolher o formato de imagens Painel Optimize Utilizar a cor matte Guardar modelos de exportação Exportação para pdf Animações Criar símbolos Utilizar a library Painel Frames Aplicar Tweening Utilizar o Onion Skinning Controlos da animação Exportar GIF s animados Behaviors Swap Image Simple rollover Set Nav Bar Set pop-up menu Integração com o Dreamweaver Actualizar o HTML através do Fireworks Inserir botões do Fireworks no Dreamweaver Exportação do layout para Dreamweaver Exportação do layout gerando CSS automaticamente Laboratórios (sugestões) Desenhar um layout para um site utilizando ferramentas vectoriais Tratamento de imagens para utilização no layout construído Criação de um banner para utilização no layout construído Criação de interacções e finalização do site

4 ADOBE FLASH 27 HORAS Utilizar as ferramentas de desenho vectorial do programa e as técnicas de desenho mais eficazes na construção de sites interactivos. Adicionar animações, banners, sons e imagens ao site Aplicar ferramentas de desenho vectorial; Criar texto; Criar animações simples e introduzir alguns conceitos de Actionscript Web Designers e profissionais da área gráfica ou utilizadores que pretendem aprender a criar animações multimédia. Conhecimentos do sistema operativo Windows ao nível do O interface do Flash Barras de Menus e Ferramentas Palco (stage) Painéis e timeline Usar régua, grelha e guias Propriedades do filme Ferramentas de desenho vectorial Selecção de objectos Ferramentas de desenho do Flash Comportamento de formas simples Aplicar transformações Alinhar e distribuir objectos; Agrupar e desagrupar Combinação de objectos Modificar contornos e preenchimentos Importar ficheiros vectoriais Comandos de correcção de curvas Definição de cores e gradientes de cor Utilização das ferramentas Deco e Spray para modelação procedural Importar imagens Importação de ficheiros bitmap Converter bitmaps em vectores Aplicar o comando Break Apart em imagens bitmap Padrões de bitmaps Texto Usar a ferramenta text Fontes embedded e device fonts Anti-alias de texto; Converter texto em curvas Tipos de caixas de texto static; input; dynamic Layers Utilizar layers Organizar layers em pastas Comando distribute to Layers Símbolos Utilizar a library Organizar a library Graphics vs buttons vs movieclips Filters e blends Propriedades das layers Guide Layer Mask Layer Introdução ao Movie Explorer Conceitos de animação Timeline; Keyframes vs Frames Animação Frame-a-Frame Animação baseada em objectos Utilização do editor de movimento Animação Tween Shape Tween e Motion Tween e Classic Motion tween Animações com transformações em 3D Cinemática inversa Ferramenta Bone Introdução ao Áudio e Vídeo Formatos de áudio e vídeo Sons Streaming e Event Importar áudio Incluir áudio em botões;modificar áudios Personalizar efeitos de áudio Compressão de áudio Introdução ao ActionScript 10 h O que são variáveis; O que são eventos Criar um site em flash Planificar um site em flash Carregar texto externo de um TXT para uma caixa de texto com a classe URLLoader Criar um formulário em flash com recurso a componentes Carregar imagens e filmes de flash com a classe Loader Controlar o site através de Pre-Loader Utilização de componentes do Flash para interactividade Publicar e exportar vídeos de Flash Optimização do filme Simulate Download Bandwith Profiler Exportar para vários formatos

5 integração 6 horas O Módulo de Integração pressupõe a realização de um projecto final composto por um pequeno site permitindo a interacção das diversas aplicações abordadas, interligando ferramentas, conceitos e noções teóricas com a finalidade de o executar. Durante o módulo para além do projecto final serão abordados conceitos que possibilitam a correcta execução do mesmo de acordo com o tema definido.