Web Design & Web Marketing

Conceitos gerais de Internet aplicados ao Web Design
A World Wide Web e as suas vantagens; Web server e Web Browser; Protocolos; Domínio;
Alojamento; IP; Linguagens e tecnologias utilizadas.

Anatomia de um Projecto Web
Arquitectura de informação; Definição de objectivos; Identificação do público alvo;
Conteúdo e funcionalidade; Estrutura e navegação; O interface; Acessibilidade.

Design e Usabilidade
Fundamentos de Design; Composição; Consistência; Equilíbrio. Elementos de Composição;
Gráficos; Tipografia; Blocos de Texto; Cores; Formas. Usabilidade; Princípios e boas práticas;
Padrões de interacção. Análise e crítica de diversos exemplos.

Imagens digitais
Bitmap vs Vectorial; Formatos de bitmap: JPEG, GIF e PNG; Resolução e color modes (Bitmap, Grayscale, RGB, CMYK e Lab; Sistemas de aquisição de imagens: Bancos de imagens. 

Introdução ao Photoshop CS4
Apresentação do ambiente de trabalho – novidades relativamente ao Photoshop CS4: Barra de ferramentas e painéis; Trabalhar em layers; Utilização de réguas e guias.

Tratamento digital de imagens
Ferramentas de selecção e crop de imagens; Propriedades gerais das imagens, Ferramentas de retoque e correcção de Imagem.

Máscaras, Filtros, Efeitos de Blending e Gradientes.

Trabalhar com texto
Tipos de letra, Formatação de texto; Texto ao caminho, Rasterização de texto em shapes ou máscaras, Efeitos de texto.

Exportação de imagens
Optimização de imagens; Os formatos mais utilizados; Formato nativo PSD; JPEG, GIF, PNG; Compatibilidades.

O Interface do Adobe Fireworks Cs4
Apresentação do Programa e seu Layout; Painéis Informativos, Barra de Menus, Barra de Propriedades e Caixa de Ferramentas; Conceitos de Imagem Bitmap vs Vectorial; Réguas, Guias e Grelhas. Configuração da Área de trabalho; Propriedades Gerais.

Vectores
Ferramentas de Desenho Vectorial; Trabalhar com a Pen tool. Contornos e Preenchimentos; Manipulação, Organização e Edição de Objectos Vectoriais.

Trabalhar com Texto
Adicionar Texto; Texto ao caminho; Texto em curvas; Efeitos de Texto.

Layout para Páginas Web e Slices
Design de Layouts para Páginas Web; Boas Práticas e Análise de exemplos; Processo de Slicing, Configurar Slices; Exportação e Optimização de Interfaces com Slices.

Animações para a Web
Criação de Símbolos; Painel Library; Painel Frames; Técnica Tweening; Usar o Onion Skinning; Criar e Controlar uma Animação; Exportar e optimizar Gifs animados.

Behaviors
Criar e Editar Botões; Criar Image Maps com Behaviors; A paleta URL; Swap Images; Aplicar Rollovers e Pop-Up Menu; Guardar e Editar Comandos Personalizados.

Exportação
O Formato Nativo (PNG); Exportar em PDF; Exportar para CSS; Integração com o Dreamweaver.

Introdução ao Flash CS4
Apresentação do ambiente de trabalho do Flash CS4; Exposição do Stage, painéis de ferramentas e Timeline; Propriedades dos documentos Flash.

Ferramentas de desenho
Selecção de objectos; Desenho de formas simples; Agrupar e desagrupar; Alinhar e distribuir objectos; Transformar objectos; Modificar contornos e preenchimentos; Gráficos bitmap vs Gráficos vectoriais; Gráficos 3D; Importar ficheiros vectoriais; Definição de cores e gradientes de cores.

Bibliotecas, símbolos e instâncias
Organização da biblioteca (library); Opções de importação: Stage e Library; External libraries; Símbolos: Movie Clips, Buttons e Graphics; Aplicação de filtros e efeitos de blending.

Animação
Noções básicas de animação. Animação frame-by-frame; animação vectorial (Shape Tween); animação com símbolos (Classic Tween e Motion Tween); animação com Mask Layers e Motion Guide Layers; Bone Tool.

Trabalhar com texto, som e vídeo no Flash CS4
Tipos de caixas de texto: Static, Dynamic e Input; Formatação de Texto; Device fonts e Embedded fonts; Break apart; Opções de Anti-aliasing; Formatos de áudio e vídeo; Exportação e compressão de áudio; Importação de áudio; Sincronização de sons com animação; Aplicar som a um botão; Aplicar som à timeline; Personalizar efeitos de áudio; Importar vídeo para streaming ou progressive download; Embeber vídeo em documentos Flash; Utilizar vídeos externos.

Introdução à animação com Actionscript
Comandos essenciais de Actionscript para animação.

Publicação e optimização de ficheiros Flash
Definições de publicação; Exportação de imagens e gráficos; Exportação de vídeo e áudio; Publish profiles; Simulate Download.

Noções básicas
A estrutura de um site; O que é o XHTML; o que é o Javascript; o que é o CSS;
a página index.html e convenções para nomear os ficheiros.

Introdução ao DreamWeaver CS4
Apresentação do ambiente de trabalho. Novidades relativamente à versão anterior.

Gestão de um site estático no DreamWeaver
Definição e gestão de sites e gestão de ficheiros;
Pre-definição de browsers.

Criar, abrir e guardar uma página Web
Criar novos documentos; Declaração de doctype; Preferências do novo documento; As Starter-Pages.

Adicionar texto e estrutura
Elementos da estrutura de um ficheiro de xhtml (elementos de bloco e elementos inline); Estruturar o conteúdo de uma página de xhtml; criar listas; inserir conteúdo/Importar documentos word.

Bases de CSS
Tipos de folhas de estilos (locais, internos e externos) e respectivas propriedades. Criar, alterar e exportar estilos. Hierarquia de aplicação dos estilos e herança das definições. Anatomia de uma regra de CSS. O painel CSS Styles. Controlar as regras de CSS através do painél. Selectores do tipo Elemento, Class, ID e Descendentes. Folhas de estilo externas.

Controlar a tipografia
Utilizar as regras de CSS para controlar a apresentação do texto (família de font; tamanho, peso e estilo; altura de linha; espaçamentos; alinhamento do texto; cor).

Trabalhar com imagens
Inserção de imagens. Propriedades de uma imagem: Dimensões; Espaçamento horizontal e vertical; Border; Descrição alternativa; Alinhamento. Redimensionamento de imagens.

Links em imagem e texto
Para documentos ou ficheiros: Caminhos relativos e absolutos; A propriedade target. Para um endereço de e-mail. Para âncoras dentro do mesmo documento ou num outro documento.

Mapas de imagens ou imagemaps

Layout de uma página Web
As bases do uso de CSS para desenho de layouts; Estruturar usando a tag DIV; Posicionamento Absoluto e relativo; Posicionamento fixo.

Trabalhar com tabelas
Utilizar tabelas para apresentação de conteúdo; A estrutura de uma tabela; Aplicar regras de CSS a uma tabela; Posicionamento Absoluto e relativo; Posicionamento fixo.

Inserção de Filmes de Flash no DreamWeaver
Utilização de animações e filmes de flash no Dreamweaver.

Templates como ferramenta de produtividade
Planear um site com templates; Implementação e configuração de templates; Definição de regiões fixas, opcionais e editáveis; Aplicação de templates em páginas já existentes; Manutenção e alteração de templates.

Formulários
Propriedades gerais dos formulários: Métodos GET e POST; Processamento de um formulário e o atributo Action. Campos de um formulário e respectivas propriedades: Input (text, password e hidden); Checkboxes e radio buttons; Textarea; Listas de selecção; Botões de submit e reset.

Javascript e Behaviours
Validação de formulários. Spry widgets.

Web Servers e domínios.
O que são e como funcionam.
Os servidores da arsys.pt.

Testes e manutenção de páginas através do Dreamweaver:
Testes…
   … de acessibilidade.
   … de links.
   … de compatibilidade com os browsers mais comuns.
Manutenção de ficheiros e pastas.

Colocação online dos ficheiros (FTP).
Ligação a um servidor remoto.
   FTP – File Transfer Protocol.
   Configuração do FTP no Dreamweaver.
   Colocação online de ficheiros.
Sincronização de ficheiros entre os servidores local e remoto.

Evolução da Publicidade
A evolução da publicidade e do comportamento do consumidor ao longo dos tempos, até ao aparecimento da publicidade online. Características e vantagens da publicidade na internet. Mecanismos de Search Engine Marketing (SEM): Search Engine Optimization (SEO) e Search Engine Advertising (SEA).

O Google AdWords
Introdução ao Google AdWords. Conceitos gerais e principais vantagens. Anatomia de uma conta AdWords.

O AdWords Editor
Apresentação da ferramenta AdWords Editor. Criação e configuração da primeira conta.

Criação de uma campanha AdWords
Seis passos para a criação de uma conta AdWords: definição de objectivos, selecção de palavras-chave, desenvolvimento dos anúncios, criação de páginas de destino, controlo de resultados e optimização contínua.

Importância da Optimização Contínua
Apresentação do desafio Google/GALILEU.

O Google AdWords
Conceitos gerais aplicados à gestão de uma conta AdWords. Apresentação e análise de casos de estudo.

Técnicas Avançadas de Optimização
Segmentação geográfica e por horário. Selecção avançada de palavras-chave. Técnica de Keyword Insertion. Desenvolvimento e comparação de anúncios com resultados demonstrados. Criação de páginas de destino adequadas e orientadas para a conversão.

Controlo de Resultados
Apresentação e análise de relatórios. Integração do Google AdWords com Google Analytics.

Exame de Certificação Google Advertising Professional e Agências associadas
Apresentação do exame Google Advertising Professional. Como trabalhar com uma agência em campanhas AdWords.

Divulgação dos resultados do desafio Google/GALILEU

Introdução ao SEO

• O que é?
• Qual a sua importância e como se distingue de outras ferramentas/técnicas de Web marketing como o adWords?

Motores de Busca e Directórios

• Como funcionam e quais as diferenças?
• Os principais motores de busca e as suas características: Google, Yahoo, MSN e Sapo.

Análise de um Web Site para optimização

• Identificação dos objectivos, mercados e destinatários do site;
• Análise de indexação, links externos e concorrência;
• ferramentas de análise estatística de visitas ao site: analytics.

Keyword Research

• A importância das palavras-chave;
• Métodos e técnicas para a definição das palavras-chave;
• Avaliação e teste de palavras-chave;
• Optimização do conteúdo das páginas para as palavras-chave definidas.

Conteúdo de um website

• Credibilidade de uma página, navegação indexável e spam de palavras-chave.

Link Building e Link Bait

• O que é?
• Quais as técnicas e métodos disponíveis?

Submissão de um site aos motores de busca e principais directórios

• Principais cuidados a ter e boas práticas;
• Conceito de sitemap.