E_WebDesign
Content
CURSO ESPECIALIZADO DE WEBDESIGN 72 HORAS OBJECTIVOS Dotar os participantes dos conhecimentos e noções necessários para elaborar e desenvolver sites de internet com as erramentas web mais utilizadas no mercado.
ESTRUTURA DO CURSO › › › ›
Dreamweaver (24 horas) Dreamweaver Fireworks Fire works (15 horas) horas) Flash (27 (27 horas) horas) Integraçã Integ ração o (6 horas)
DESTINATÁRIOS Profssionais da área gráfca ou utilizadores que pretendam aprender a criar páginas para a internet.
PRÉ-REQUISITOS Conhecimento elementar do sistema operativo na óptica do utilizador e possuir conhecimentos básicos de navegação e utilização da internet.
www.fag.pt
FLAG LISBOA
FLAG PORTO
FLAG COIMBRA
21 356 06 06
22 609 47 89
23 972 45 00
ADOBE DREAMWEAVER 24 HORAS OBJECTIVOS
CONTEÚDOS PROGRAMÁTICOS
Dotar os ormandos dos conhecimentos necessários para projectar, criar e publicar páginas para a Internet, u tilizandoo Adobe Dreamweaver. Publicação e gestão de um projecto online.
Conceito de WWW e Internet
Criar uma Layout com CSS´s
› Planeamento de um site (Processo do design) › Usabilidade e acessibilidade › Introdução ao HTML
A interace do Dreamweaver › › › ›
DESTINATÁRIOS Este curso destina-se a quem queira desenvolver sites Web utilizando a erramenta mais usada por profssionais na área do desenvolvimento Web.
Defnir Workspaces Visualização dinâmica Defnição de site Criar e gerir páginas e pastas
Inserir conteúdos numa página Web Estruturar semanticamente a inormação numa página › › › › ›
Parágraos e quebras de linha Headings Listas Linhas Caracteres especiais
PRÉ-REQUISITOS Conhecimentos do sistema operativo Windows na óptica do utilizador.
Entender as características de um ormulário › Desenvolver um ormulário no Dreamweaver › Validação de um ormulário com o painel behaviors
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 dierentes tipos de Média
Conceito de DHTML Criar interactividade com o painel behaviors Estruturar um site em HTML5 Facebook
Trabalhar com imagens › › › › ›
Reutilização de conteúdos com templates › Criar zonas editáveis › Adobe InContext Editing › Criar e gerir um site com Templates
Introdução às 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, fltros e reerências para CSS´s
› Like e Share Button (instalação e confguração)
Defniçõ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
GoogleMaps › instalação e confguração
Testar e criar relatórios de verificação do site Publicar o site Administrar e actualizar um site
Inserir animações em Flash › Inserir Flash Vídeo
Navegabilidade de um site
ESPECIALIZADO WEBDESIGN › › › ›
Dreamweaver (24h) Fireworks (15h) Flash (27h) Integração (6h)
www.fag.pt
› › › › › ›
Criar e gerir hiperligações Hiperligações a sites externos Hiperligaçõesinternas Hiperligações a e-mails Hiperligações em imagens e mapas de imagens Jump menu
FLAG LISBOA
FLAG PORTO
FLAG COIMBRA
21 356 06 06
22 609 47 89
23 972 45 00
ADOBE FIREWORKS 15 HORAS OBJECTIVOS
CONTEÚDOS PROGRAMÁTICOS
Dotar os ormandos dos conhecimentos necessários para criar as mais pequenas imagens mantendo a sua qualidade e exportando-as nos ormatos mais utilizados na Internet. Desenhar, optimizar e integrar imagens vectoriais e animações em websites, utilizando o Adobe Fireworks.
O Interace do Fireworks › › › › › ›
Slices
Imagem bitmap vs desenho vectorial Modos de edição do Fireworks Confgurar um documento O painel de erramentas do Fireworks O painel properties Réguas, guias e grelha
› › › ›
Dividir um documento em slices Confgurar slices Exportação de documentos com slices Reconstruir slices a partir de um documento HTML de Fireworks › Painel URL
Desenho Vectorial
DESTINATÁRIOS Profssionais que pretendam criar, optimizar e exportar imagens para a web.
› › › › › › › › › ›
Exportação e optimização › › › › › ›
Ferramentas de desenho vectorial Selecções em modo vectorial Aplicar contornos Alterar o posicionamento dos contornos Aplicar cores e eeitos de preenchimento Usar o painel assets Cortar o canvas Utilizar o painel Ino Painel History Aplicar eeitos especiais
Animações
Edição de imagem
PRÉ-REQUISITOS Conhecimentos do sistema operativo Windows na óptica do utilizador.
› › › › › › ›
Utilizar as erramentas de edição bitmap Controlar os contornos de uma selecção Opções adicionais de selecção Utilizar as erramentas de correcção bitmap Confgurações de gamma Importar imagens Importar fcheiros do Illustrator
Texto › › › ›
Adicionar texto Adicionar texto a uma curva Converter texto em curvas Importação de caracteres de Illustrator e Photoshop
Transormações
ESPECIALIZADO WEBDESIGN › › › ›
Dreamweaver (24h) Fireworks (15h) Flash (27h) Integração (6h)
www.fag.pt
› › › › › ›
Exportação de imagens Escolher o ormato de imagens Painel Optimize Utilizar a cor matte Guardar modelos de exportação Exportação para pd
› › › › › › ›
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
Trabalhar com máscaras Aplicar transormações Comando Duplicate e Clone Combinação de ormas Empilhamento de objectos Alinhar objectos
FLAG LISBOA
FLAG PORTO
FLAG COIMBRA
21 356 06 06
22 609 47 89
23 972 45 00
ADOBE FLASH 27 HORAS OBJECTIVOS
CONTEÚDOS PROGRAMÁTICOS
Dotar os ormandos dos conhecimentos necessários para adicionar páginas, gráfcos e animações com eeitos especiais. Produzir web sites de alto impacto. Importar imagens vectoriais e bitmap de outras aplicações e animá-las para posterior publicação na Internet. Inserir sons e vídeos para complementar as animações e tornar os sites mais atraentes utilizando o Adobe Flash.
O interace do Flash
DESTINATÁRIOS Web Designers e profssionais da área gráfca ou utilizadores que pretendem aprender a criar animações multimédia.
› › › › ›
› Propriedades das layers › Guide Layer › Mask Layer › Introdução ao Movie Explorer
Barras de Menus e Ferramentas Palco (stage) Painéis e timeline Usar régua, grelha e guias Propriedades do flme
Conceitos de animação
Ferramentas de desenho vectorial › › › › › › › › › › ›
Selecção de objectos Ferramentas de desenho do Flash Comportamento de ormas simples Aplicar transormações Alinhar e distribuir objectos; Agrupar e desagrupar Combinação de objectos Modifcar contornos e preenchimentos Importar fcheiros vectoriais Comandos de correcção de curvas Defnição de cores e gradientes de cor Utilização das erramentas Deco e Spray para modelação procedural
Importar imagens
PRÉ-REQUISITOS Conhecimentos do sistema operativo Windows ao nível do utilizador.
› › › ›
Importação de fcheiros bitmap Converter bitmaps em vectores Aplicar o comando “Break Apart” em imagens bitmap Padrões de bitmaps
Texto › › › › ›
Usar a erramenta text Fontes embedded e device onts Anti-alias de texto Converter texto em curvas Tipos de caixas de texto › static; input; dynamic
Layers
ESPECIALIZADO WEBDESIGN › › › ›
Dreamweaver (24h) Fireworks (15h) Flash (27h) Integração (6h)
www.fag.pt
› Utilizar layers › Organizar layers em pastas › Comando distribute to Layers
Timeline Keyrames 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 transormaçõ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 Modifcar áudios Personalizar eeitos de áudio Compressão de áudio
Introdução ao ActionScript3.0 › › › ›
O que são variáveis O que são eventos Criar um site em ash Planifcar um site em ash › Carregar texto externo de um TXT para uma caixa de texto com a classe URL Loader › Criar um ormulário em ash com recurso a componentes › Carregar imagens e flmes de ash 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 flme › Simulate Download › Bandwith Profler
Símbolos › › › ›
› › › › › ›
Utilizar a library Organizar a library Graphics vs buttons vs movieclips Filters e blends
Exportar para vários ormatos
FLAG LISBOA
FLAG PORTO
FLAG COIMBRA
21 356 06 06
22 609 47 89
23 972 45 00
INTEGRAÇÃO 6 HORAS OBJECTIVOS
CONTEÚDOS PROGRAMÁTICOS
O Módulo de Integração pressupõe a realização de um projecto fnal composto por um pequeno site permitindo a interacção das diversas aplicações abordadas, interligando erramentas, conceitos e noções teóricas com a fnalidade de o executar. Durante o módulo para além do projecto fnal serão abordados conceitos que possibilitam a correcta execução do mesmo de acordo com o tema defnido.
DESTINATÁRIOS
PRÉ-REQUISITOS
ESPECIALIZADO WEBDESIGN › › › ›
Dreamweaver (24h) Fireworks (15h) Flash (27h) Integração (6h)
www.fag.pt
FLAG LISBOA
FLAG PORTO
FLAG COIMBRA
21 356 06 06
22 609 47 89
23 972 45 00
ESTRUTURA DO CURSO › › › ›
Dreamweaver (24 horas) Dreamweaver Fireworks Fire works (15 horas) horas) Flash (27 (27 horas) horas) Integraçã Integ ração o (6 horas)
DESTINATÁRIOS Profssionais da área gráfca ou utilizadores que pretendam aprender a criar páginas para a internet.
PRÉ-REQUISITOS Conhecimento elementar do sistema operativo na óptica do utilizador e possuir conhecimentos básicos de navegação e utilização da internet.
www.fag.pt
FLAG LISBOA
FLAG PORTO
FLAG COIMBRA
21 356 06 06
22 609 47 89
23 972 45 00
ADOBE DREAMWEAVER 24 HORAS OBJECTIVOS
CONTEÚDOS PROGRAMÁTICOS
Dotar os ormandos dos conhecimentos necessários para projectar, criar e publicar páginas para a Internet, u tilizandoo Adobe Dreamweaver. Publicação e gestão de um projecto online.
Conceito de WWW e Internet
Criar uma Layout com CSS´s
› Planeamento de um site (Processo do design) › Usabilidade e acessibilidade › Introdução ao HTML
A interace do Dreamweaver › › › ›
DESTINATÁRIOS Este curso destina-se a quem queira desenvolver sites Web utilizando a erramenta mais usada por profssionais na área do desenvolvimento Web.
Defnir Workspaces Visualização dinâmica Defnição de site Criar e gerir páginas e pastas
Inserir conteúdos numa página Web Estruturar semanticamente a inormação numa página › › › › ›
Parágraos e quebras de linha Headings Listas Linhas Caracteres especiais
PRÉ-REQUISITOS Conhecimentos do sistema operativo Windows na óptica do utilizador.
Entender as características de um ormulário › Desenvolver um ormulário no Dreamweaver › Validação de um ormulário com o painel behaviors
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 dierentes tipos de Média
Conceito de DHTML Criar interactividade com o painel behaviors Estruturar um site em HTML5 Facebook
Trabalhar com imagens › › › › ›
Reutilização de conteúdos com templates › Criar zonas editáveis › Adobe InContext Editing › Criar e gerir um site com Templates
Introdução às 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, fltros e reerências para CSS´s
› Like e Share Button (instalação e confguração)
Defniçõ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
GoogleMaps › instalação e confguração
Testar e criar relatórios de verificação do site Publicar o site Administrar e actualizar um site
Inserir animações em Flash › Inserir Flash Vídeo
Navegabilidade de um site
ESPECIALIZADO WEBDESIGN › › › ›
Dreamweaver (24h) Fireworks (15h) Flash (27h) Integração (6h)
www.fag.pt
› › › › › ›
Criar e gerir hiperligações Hiperligações a sites externos Hiperligaçõesinternas Hiperligações a e-mails Hiperligações em imagens e mapas de imagens Jump menu
FLAG LISBOA
FLAG PORTO
FLAG COIMBRA
21 356 06 06
22 609 47 89
23 972 45 00
ADOBE FIREWORKS 15 HORAS OBJECTIVOS
CONTEÚDOS PROGRAMÁTICOS
Dotar os ormandos dos conhecimentos necessários para criar as mais pequenas imagens mantendo a sua qualidade e exportando-as nos ormatos mais utilizados na Internet. Desenhar, optimizar e integrar imagens vectoriais e animações em websites, utilizando o Adobe Fireworks.
O Interace do Fireworks › › › › › ›
Slices
Imagem bitmap vs desenho vectorial Modos de edição do Fireworks Confgurar um documento O painel de erramentas do Fireworks O painel properties Réguas, guias e grelha
› › › ›
Dividir um documento em slices Confgurar slices Exportação de documentos com slices Reconstruir slices a partir de um documento HTML de Fireworks › Painel URL
Desenho Vectorial
DESTINATÁRIOS Profssionais que pretendam criar, optimizar e exportar imagens para a web.
› › › › › › › › › ›
Exportação e optimização › › › › › ›
Ferramentas de desenho vectorial Selecções em modo vectorial Aplicar contornos Alterar o posicionamento dos contornos Aplicar cores e eeitos de preenchimento Usar o painel assets Cortar o canvas Utilizar o painel Ino Painel History Aplicar eeitos especiais
Animações
Edição de imagem
PRÉ-REQUISITOS Conhecimentos do sistema operativo Windows na óptica do utilizador.
› › › › › › ›
Utilizar as erramentas de edição bitmap Controlar os contornos de uma selecção Opções adicionais de selecção Utilizar as erramentas de correcção bitmap Confgurações de gamma Importar imagens Importar fcheiros do Illustrator
Texto › › › ›
Adicionar texto Adicionar texto a uma curva Converter texto em curvas Importação de caracteres de Illustrator e Photoshop
Transormações
ESPECIALIZADO WEBDESIGN › › › ›
Dreamweaver (24h) Fireworks (15h) Flash (27h) Integração (6h)
www.fag.pt
› › › › › ›
Exportação de imagens Escolher o ormato de imagens Painel Optimize Utilizar a cor matte Guardar modelos de exportação Exportação para pd
› › › › › › ›
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
Trabalhar com máscaras Aplicar transormações Comando Duplicate e Clone Combinação de ormas Empilhamento de objectos Alinhar objectos
FLAG LISBOA
FLAG PORTO
FLAG COIMBRA
21 356 06 06
22 609 47 89
23 972 45 00
ADOBE FLASH 27 HORAS OBJECTIVOS
CONTEÚDOS PROGRAMÁTICOS
Dotar os ormandos dos conhecimentos necessários para adicionar páginas, gráfcos e animações com eeitos especiais. Produzir web sites de alto impacto. Importar imagens vectoriais e bitmap de outras aplicações e animá-las para posterior publicação na Internet. Inserir sons e vídeos para complementar as animações e tornar os sites mais atraentes utilizando o Adobe Flash.
O interace do Flash
DESTINATÁRIOS Web Designers e profssionais da área gráfca ou utilizadores que pretendem aprender a criar animações multimédia.
› › › › ›
› Propriedades das layers › Guide Layer › Mask Layer › Introdução ao Movie Explorer
Barras de Menus e Ferramentas Palco (stage) Painéis e timeline Usar régua, grelha e guias Propriedades do flme
Conceitos de animação
Ferramentas de desenho vectorial › › › › › › › › › › ›
Selecção de objectos Ferramentas de desenho do Flash Comportamento de ormas simples Aplicar transormações Alinhar e distribuir objectos; Agrupar e desagrupar Combinação de objectos Modifcar contornos e preenchimentos Importar fcheiros vectoriais Comandos de correcção de curvas Defnição de cores e gradientes de cor Utilização das erramentas Deco e Spray para modelação procedural
Importar imagens
PRÉ-REQUISITOS Conhecimentos do sistema operativo Windows ao nível do utilizador.
› › › ›
Importação de fcheiros bitmap Converter bitmaps em vectores Aplicar o comando “Break Apart” em imagens bitmap Padrões de bitmaps
Texto › › › › ›
Usar a erramenta text Fontes embedded e device onts Anti-alias de texto Converter texto em curvas Tipos de caixas de texto › static; input; dynamic
Layers
ESPECIALIZADO WEBDESIGN › › › ›
Dreamweaver (24h) Fireworks (15h) Flash (27h) Integração (6h)
www.fag.pt
› Utilizar layers › Organizar layers em pastas › Comando distribute to Layers
Timeline Keyrames 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 transormaçõ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 Modifcar áudios Personalizar eeitos de áudio Compressão de áudio
Introdução ao ActionScript3.0 › › › ›
O que são variáveis O que são eventos Criar um site em ash Planifcar um site em ash › Carregar texto externo de um TXT para uma caixa de texto com a classe URL Loader › Criar um ormulário em ash com recurso a componentes › Carregar imagens e flmes de ash 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 flme › Simulate Download › Bandwith Profler
Símbolos › › › ›
› › › › › ›
Utilizar a library Organizar a library Graphics vs buttons vs movieclips Filters e blends
Exportar para vários ormatos
FLAG LISBOA
FLAG PORTO
FLAG COIMBRA
21 356 06 06
22 609 47 89
23 972 45 00
INTEGRAÇÃO 6 HORAS OBJECTIVOS
CONTEÚDOS PROGRAMÁTICOS
O Módulo de Integração pressupõe a realização de um projecto fnal composto por um pequeno site permitindo a interacção das diversas aplicações abordadas, interligando erramentas, conceitos e noções teóricas com a fnalidade de o executar. Durante o módulo para além do projecto fnal serão abordados conceitos que possibilitam a correcta execução do mesmo de acordo com o tema defnido.
DESTINATÁRIOS
PRÉ-REQUISITOS
ESPECIALIZADO WEBDESIGN › › › ›
Dreamweaver (24h) Fireworks (15h) Flash (27h) Integração (6h)
www.fag.pt
FLAG LISBOA
FLAG PORTO
FLAG COIMBRA
21 356 06 06
22 609 47 89
23 972 45 00
Sponsor Documents
Recommended
No recommend documents