Pré-requisito: Conhecimentos básicos de Windows e Noções de Internet
O objeto deste curso é proporcionar ao aluno a capacidade de criação de home pages de forma minuciosa, utilizando os principais recursos para melhorar a aparência e a performance das páginas através do html5 do css3.
Introdução ao HTML e CSS
– Entendendo o HTML – Entendendo o CSS
– Novas versões (HTML5 e CSS3)
Elementos do HTML
– Explorar o uso das tags HTML para criação das páginas Web
Elementos <head>, <meta>, <title> e <style>
– Tag <body>
Inserindo Imagens, Links e Divs
– Tag <img>
– Tag – Atributos para as tags <img> e <a>
– Tag <div>
– Organizando a página com divs.
Tabelas e listas
– Tag <table>
– Atributos de tabelas
– Definindo dados tabulares
– Tags <ul> e <ol>
– Atributos das listas
Folhas de Estilos em Cascata (CSS)
– Entendendo as folhas de estilos
– Propriedades CSS
– Folhas de estilos inline, incorporadas e externas
HTML5
– Entendendo o conceito de Semântica
– Novos elementos HTML5
– Estrutura de uma página HTML5
Trabalhando com os novos elementos HTML5
– Elementos <svg>, <figure>, <audio> e <video>
– Elemento <canvas>
– Usando Javascript no HTML5
– Aplicando gradientes
Novos Elementos CSS3
– Novas propriedades CSS3
Formulários HTML5
– Trabalhando com formulários em HTML5
– Novas propriedades de formulários
– Usando Javascript para validação dos formulários
Este curso é voltado para Web Designers, Designers Gráficos, estudantes de publicidade, propaganda, marketing ou áreas correlatas (comunicação e artes), e usuários interessados em desenvolver um site com muitos recursos e de forma dinâmica.
Introdução ao Dreamweaver
O que é o Dreamweaver; Ativar o Dreamweaver; Tela inicial; Área de Trabalho; Painéis.
Definição de Site Local
Criando um Novo Site; Definição de Site Local; Editando Gerenciamento de Sites; Criando Novos Arquivos; Preferências do Dreamweaver; Criando a Estrutura do Site (Div Tag).
CSS Styles (Estilos CSS)
Importando Definição de Site; Folhas de Estilo (CSS); Painel CSS Styles; Criando estilos CSS.
Inserindo Animações e Imagens
Inserindo animações SWF; Paleta Properties; Testando a página no navegador; Criando o menu do site; Inserindo imagens JPG; Inserindo imagens Rollover.
Templates (Modelos)
Criando Modelos de Páginas (Templates); Inserindo regiões editáveis; Criando páginas à partir de um Template.
Tabelas
Inserindo Tabelas; Inserindo conteúdo em tabelas; Formatando tabelas.
Importação de conteúdo e formatação
Importando documentos do Word; Usando um Template em uma página pronta; Verificação Ortográfica; Formatando a página pela Properties.
Objetos Spry e links
Objeto Spry; Spry Collapsible Panel; Formatando o spry com CSS; Adicionando marcadores; Spry Tabbed Panel; Spry Menu Bar; Links; Links em imagens.
Iframes (Quadros internos)
O que são Iframes; Trabalhando com os quadros internos; Modo Split; Target.
Vídeos
Inserindo vídeos do youtube nas páginas.
Formulários
Criando formulários; Objetos do Formulário; Text Field; List/Menun; Label; Check Box; Button; Validando formulários com Sprys.
Publicar Site
Configurando o Site Remoto; FTP; Enviando os arquivos para o Site Remoto.
O objetivo do curso é capacitar ao aluno a conhecimentos da interface do Fireworks, utilizando as ferramentas para edição de imagens e objetos de formas simples e complexos. Criação de objetos vetoriais, efeitos ao vivo, trabalhando com camadas e objetos, etc. Além de criar páginas otimizadas e completas para a Internet com imagens estáticas e animadas (GIFs), botões (Rollover), menus pop-up, e textos contendo efeitos visuais. E ainda fazer uma integração completa com o Dreamweaver.
Princípios Básicos
O que é o Fireworks; Conhecer a interface do programa (painéis, ferramentas, propriedades); Abrir arquivo bitmap; Editar objetos bitmap; Dimensionar imagens; Configurar tela e níveis de Gamma; Criar um novo arquivo; Salvar Arquivo.
Seleção
Moldura; Moldura Oval; Varinha Mágica; Laço; Laço Polígono.
Texto
Manipulação de textos; Converter textos em traçados; Adicionar texto a um traçado.
Trabalhando com Bitmap
Cortar Imagem; Ajustar; Carimbo; Manchar; Fazer cópias e dimensionar as imagens copiadas.
Efeitos
Estilos; Adicionar efeitos e filtros; Utilização de cores, texturas, sombras e padrões; Copiar e Colar atributos.
Criando Objetos Vetoriais
Criação de objetos com as ferramentas: Retângulo, Retângulo Arredondado, Elipse e Polígono; Linha; Caneta; Forma Livre.
Manipulação de Objetos Vetoriais
Criar e combinar formas; Duplicar objetos; Usar o comando de interseção; Aplicar transformações; Alterar formas, opacidade e cores do objeto criado; Uso de camadas.
Recursos Auxiliares
Réguas e Guias; Painel Histórico; Máscaras; Gráficos.
Botões
Criar Botões; Criação de fatias e pontos ativos; Definir link; Criar um mapa de imagem; Camada da Web.
Animação
Adicionar molduras; Adicionar comportamentos; Compartilhar Camadas; Interpolação de objetos; Otimizar e exportar imagens; Escolher o formato da imagem; Usar a ficha de visualização; Criação e Manipulação de GIFs animados; Usar Onion Skinning; Usar símbolos de animação; Controlar a reprodução; Visualizar a exportação com animações; Aplicar interpolação; Máscaras.
Criar Site
Criar o layout com as ferramentas do Fireworks; Criar Modelo; Definir link para cada objeto; Importar Imagem; Criar Animação; Criar Rollovers desmembrados; Menu Pop-Up; Criar Fatias; Exportar arquivos em HTML, JPEG e GIF.
Integração com o Dreamweaver
Acertos finais no Dreamweaver; Inserir tags de HTML no site; Visualizar no site no navegador; Testar o site.
Princípios Básicos
O que é o JavaScript; Diferenças em JavaScript X HTML; JavaScript X JAVA; O que é Script e Browser; Quando surgiu o JavaScript; Criar um código simples e entender a sua implementação.
Variáveis
Definir e declarar variáveis; Tipos de variáveis; Concatenando dados; Diferença entre declarar uma variável local e global.
Operadores
Tipos de operadores; Operadores aritméticos e lógicos.
Funções
Conhecendo as funções; Funções de conversão; Criar uma função; Chamar uma função; Definir um parâmetro na função; Retornar valores; Conhecer funções internas.
Comandos
IF…ELSE; FOR; Loop WHILE; Loop For; Break/Continue.
Eventos
O que é um evento; Definir um evento; Entender a hierarquia; Manipular os eventos.
Array
O que é um Array; Tipos de dados; Criar Matrizes; Propriedade Length.
OOP (Programação Orientada a Objetos)
O que é OOP; O que é Objeto; Utilizar funções e métodos internos; Propriedades do objeto.
Web
Criar Janelas; Frames; Texto na Barra de Status; Barra de rolamento; Validação de dados em Formulários.
Carga Horária: 125 horas-aula