H T M L (referencial): 25 horas O HTML é a linguagem base da internet, o HTML5 é a quinta versão da linguagem. Esta nova versão traz consigo importantes mudanças quanto ao papel do HTML no mundo da Web, através de novas funcionalidades como semântica e acessibilidade. Conhecimentos básicos de Windows e Noções de Conteúdo Prográmatico Internet Introdução ao HTML Browser ou Navegador; O que é o HTML?; O que é "Semântica"?; Editores HTML; O objeto deste curso é WYSIWYG; A estrutura básica e incompleta de um HTML; A indentação do código; Salvando o arquivo no formato HTML; Extensões; notepad++; Criando um arquivo HTML no notepad++; proporcionar ao aluno a O título da página <title></title>; O corpo da página <body>; Atributos, uma breve introdução capacidade de criação de HTML e suas tags básicas Tags básicas; Criando um cabeçalho «<header>"; Criando e aplicando títulos <h1> - <h6>; Criando um artigo <article>; criando um parágrafo <p>; Inserindo uma quebra de linha <br />; Criando uma linha horizontal <hr />; Criando um rodapé <footer>; Criando um "menu" <nav>; Inserindo imagens na página <img>; Entendendo o index.html; Criando uma Lista; Criando uma tabela; Iniciando a criação de um menu através de uma lista; Testando o código fonte (W3C); O atributo Style (background-color; font-family; color) Projeto Prático Os atributos e a tag style 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. Aprofundando-se no uso do atributo Style; Criando links; A tag «<style>"; O atributo "textalign» Projeto Prático: Página sobre chocolates O Poder do HTML5 Criando uma página simples do Zero; A tag «<div>"; Definindo uma imagem e uma Cor de fundo; Criando margens para diferentes lados em uma única propriedade; Centralizando um elemento HTML; Utilizando uma fonte do Google Fonts; Conhecendo o HTML5Shiv Formulário HTML Iniciando a construção de um formulário; A tag "Form» A tag "Input»; Criando o botão responsável por enviar o formulário; Criando um seletor do tipo "Radio»; Criando um botão para resetar o formulário; Criando Labels Aprofundando-se Na Criação De Formulários Criando um Fieldset; Criando uma lista Drop-Down; Criando uma legenda para o Fieldset; Criando uma caixa de mensagem; Criando um Checkbox; Alterando o tipo do campo com HTML5; Alterando a aparência de um formulário; Criando regras específicas Ambiente Real. Conhecimento de Verdade Projeto Prático: Formulário HTML5 Multimedia Inserindo um CSS externo; Inserindo vídeos na página; Aprimorando o uso da tag video; Inserindo um audio na Página Projeto prático: Links e Vídeos
C S S (referencial): 20 horas O CSS (Cascading Style Sheets) promove a separação entre o código (HTML) e o estilo (formatação) das páginas de internet. Através do uso de CSS, conseguimos efeitos de formatação e de layouts muito atraentes para páginas de internet, além da facilidade de criação de modelos (temas) para páginas de internet. Iniciando no CSS - O que é o CSS? - Editores CSS - O primeiro contato com o CSS - Os tipos de CSS - Transformando CSS inline em CSS interna - Começando um projeto do zero - Definindo as características do corpo - A propriedade Background - A propriedade Margin - Ajustando o tamanho do objeto - Editando textos - Ajustando o parágrafo Propriedades Parte 1 - A propriedade Float - A propriedade Clear - A propriedade Padding - A propriedade Border - A propriedade Position Arquivo.CSS - Criando arquivos.css - Bottom, Left, Top e Right - Criando um menu através de uma lista não ordenada - A propriedade Display - Editando links - A centralização - Transição de imagem - A propriedade Background Position - A propriedade Z-Index - As instâncias First-Line, First-Letter e First-Child - A propriedade List-Style-Type HTML O objetivo é ensinar o conceito do funcionamento do CSS para que o aluno aplique seus conhecimentos, deixando suas páginas com formato de trabalho profissional Ambiente Real Conhecimento de Verdade Simplificando - Simplificando o CSS - Praticando a criação de menus - A propriedade Text-Transform - Edição de Formulários - Propriedades Min/Max Width e Height - A propriedade Cursor Propriedades Parte 2 - A propriedade Text-Indent - A propriedade Overflow Projetos Finais
D r e a m w e a v e r (referencial): 35 horas É um programa para a criação e edição de páginas para a internet. Sua facilidade de aprendizado e utilização o tornou o programa mais utilizado para o desenvolvimento de páginas e edição de arquivos HTML e CSS Windows e noções de Internet Textos e CSS Definindo a área de trabalho; Formatação com HTML; Parágrafos; Cabeçalhos; Quebra de linha; Itálico e negrito; Propriedades da página; Alterando a cor de fundo da página; Alterando a cor do texto; Inserindo título na página; Visualizando o site no navegador; Lista não-ordenada; Lista ordenada; Formatação com CSS; Aparência (CSS); Imagem de fundo; Criando regras de formatação CSS; Aplicando as regras criadas; Praticando CSS Elementos Multimídia Inserindo Imagens; Seletor Tag; Inserindo Documentos Do Flash (.SWF); Visualizando Os Arquivos.SWF; Inserindo Réguas Horizontais; Inserindo Documentos Do Flash (.FLV); Imagem De Sobreposição; A Propriedade ALT Tabelas Criando Tabelas; Aninhamento De Tabelas; Alinhamento De Texto; Mesclando Células; Praticando Tabelas E Outros Recursos Layout em Tabelas Criando Um Layout Com 3 Colunas E 3 Linhas; Criando Um Layout Com 1 Coluna E 3 Linhas Links Inserindo Links Em Textos; Alterando Links; Link De E-mail; Formatação De Links; Formatação Avançada CSS; Editando Barra De Navegação; A Opção Destino; Âncora Com Nome Molduras Inserindo Molduras; Renomeando Molduras; Propriedade Destino; Link Em Imagens Gerenciamento de Sites Criando Um Novo Site; Criando Uma Folha De Estilo; Vinculando Arquivos CSS; Adicionando Sites Ao Gerenciador; Removendo Sites Do Gerenciador; Duplicando Páginas Modelos Criando Um Modelo A Partir De Uma Página Pronta; Criando Uma Página A Partir De Um Modelo; DIV; Inserindo Um Novo DIV Formulários Praticando; Formulários; Inserindo Campos De Texto; Botões De Opção; Caixa De Seleção; Área De Texto; Inserindo Botões; Praticando Formulários; Lista/Menu Projeto de um site completo 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. Ambiente Real. Conhecimento de Verdade
F i r e w o r k s O Fireworks é um editor gráfico para a web desenvolvido pela Adobe. É a ferramenta ideal para web designers, para criar e otimizar imagens, modelos de sites e aplicativos da web rapidamente. USANDO A TELA DE ABERTURA: Abrindo o Fireworks; Iniciando; Novos Recursos; Estender; Criando Documento; Dimensionando a Página; Importando Documentos; Inspetor de Propriedades; Fechando Documento; Abrindo Documento; Abrindo Documento Recente; Desabilitando a Tela de Abertura; Fechando o Fireworks; Habilitando a Tela de Abertura. CRIANDO UMA PÁGINA DE ABERTURA: Alterando a Resolução da Página; Escalonando Bitmap; Mantendo a Proporção do Bitmap; Centralizando Bitmaps; Pré-visualizando; Ferramenta Cortar; Configurando o Navegador; Alterando a Cor da Página; Duplicando Estados; Ajustando Matiz e Saturação; Visualizando Animação; Fatiando Bitmap; Alterando Estados ao Posicionar o Mouse; Ajustando a Área da Fatia; Editando a Imagem de um Estado; Filtro Desfoque Radial; Desfazendo um Filtro; Refazendo Ações; Usando Texto; Filtros em Tempo Real; Usando Camadas; Renomeando Estados; Usando o Histórico; Ferramenta Varinha Mágica; Preenchendo o Fundo de um Bitmap; Otimizando a Página; Exportando um documento. TRATANDO IMAGENS: Níveis Automáticos; Brilho e Contraste; Faixa de Tons; Tons Usando o Conta-gotas; Tons por Canais de Cor; Abrindo Documento; Curvas de Ajuste; Ferramenta Laço Poligonal; Ferramenta Superexposição; Invertendo Seleção; Ferramenta Subexposição; Ferramenta Substituir Cor; Zoom; Ferramenta Conta-gotas; Ferramenta Balde de Tinta; Ferramenta Borrar; Navegando Entre Documentos; Removendo Olhos Vermelhos; Ajustando a Nitidez; Painel Edição de Imagem; Ferramenta Carimbo (Clonando Pixels); Ferramenta Marca de Seleção; Ferramenta Pincel; Ferramenta Borracha; Inserindo Molduras; Efeito Sépia; Escala de Cinza; Máscara Vetorial Automática; Ferramenta Lápis; Ferramenta Marca de Seleção Oval; Incorporando Texto; Efeito Desfoque de Zoom. VETORIZANDO SÍMBOLOS E CRIANDO LOGOTIPOS: Formas Básicas; Ferramenta Retângulo; Combinando Caminhos; Ferramenta Subseleção; Ferramenta Caneta; Criando Curva de Bézier; Transformar Ponto de Reta em Ponto de Curva; Ferramenta Faca; Ferramenta Elipse; Dispondo Objetos; Centralizando Círculo num Ponto; Convertendo Texto em Caminho; Estilos; Formas Automáticas; Tela Transparente; Agrupando Objetos; Ferramenta Polígono; Desenhando Estrelas; Propriedades dos Objetos; Rastreamento; Arredondando os Cantos de Letra; Régua; Ponto 0,0; Grade; Guias; Usando a Forma Automática Estrela; Usando o Painel Propriedades da Forma Automática; Copiando e Colando Atributos; Agrupando Objetos; Desagrupando Objetos; Ancorando, Desancorando e Movimentando Painéis; Duplicando Objetos; Movimentando Objetos Com as Setas de Direção; Clonando Objetos; Dividindo a Forma Automática Rosca; Usando a Barra de Ferramentas Principal; Ajustando o Gradiente de Cores; Usando a Forma Automática Pizza; Adicionando Ruído; Usando o Painel Caminho. CRIANDO ANIMAÇÕES: Criando uma Animação Simples com dois Estados; Otimizando para GIF Animado; Duplicando Estados; Alterando a Duração dos Estados; Salvando como GIF Animado; Criando Animações com Símbolos; Gerando Animação entre Instâncias; Usando a Barra de Navegação; Usando Sequência em Papel Translúcido; Editando Símbolos; Limitando o Looping da Animação; Usando o Assistente de Exportação; Organizando Painéis num Grupo; Criando Símbolos Animados; Gravando na Biblioteca Comum; Configurando a Animação; Alterando Propriedades do Símbolo; Otimizando e Exportando Rapidamente; Exportando Símbolos; Quebrando a Ligação com o Símbolo; Excluindo Símbolos da Biblioteca Comum; Usando Símbolos Ricos; Criando Páginas; Usando o Painel Amostras; Excluindo Amostras de Cor; Trabalhando com Camadas em Animação; Compartilhando Camadas entre os Estados; Compartilhando Camadas entre Páginas; Restaurando Caixas de Aviso; Usando Transparência para Criar um Efeito de Transformação; Abrindo Arquivos como Animação; Criando Animações Usando o Painel Formas Automáticas; Distribuindo Objetos para os Estados; Criando Engrenagens em Movimento; Desativando Estados. CRIANDO BANNERS: Arrastando Estados para Organizar; Inserindo um Ponto de Acesso no Banner; Inserindo um Link no Ponto de Acesso; Limitando o Tamanho do Banner; Salvando Configurações de Otimização; Criando um Efeito Holofote; Usando Máscara; Desabilitando a Máscara; Usando um Modelo Personalizado de Otimização; Excluindo um Modelo de Otimização; Cortando o Bitmap para o Banner. CRIANDO UM LAYOUT PARA UMA FLORICULTURA: Usando o Zoom; Ocultando Painéis; Criando Flores com a Forma Automática Estrela; Contraindo Painéis para Ícones; Inserindo Caracteres Especiais; Usando Componentes Flex; Alterando Propriedades e Símbolos; Usando Fatias HTML; Inserindo Botões Editando Botões; Criando Botões; Criando Subcamadas; Modos de Visualização; Usando a Ferramenta Mão; Inserindo o Conteúdo das Páginas; Criando Comandos; Criando Teclas de Atalho; Importando Textos; Usando Correção Automática de Textos; Editando o Dicionário Pessoal; Alinhando a Direita e Distribuindo Texto Verticalmente; Trocando Imagens; Alterando Comportamentos; Excluindo Comandos; Excluindo um Grupo de Teclas de Atalho; Exportando MXML e Imagens; Exportando HTML e Imagens. CRIANDO BOTÕES NO ESTILO GLASSY: Reaproveitando o Botão Personalizado; Convertendo em Botão; Editando o Estado Sobre; Testando os Botões Criados. (referencial): 25 horas Windows No curso, o aluno aprenderá a criar e manipular imagens vetoriais, tratar e aplicar efeitos em fotos, criar animações (GIFs animados), trabalhar com camadas e quadros, aplicar efeitos e muito mais, fazendo com que ganhe muita produtividade na construção de layouts de sites.
F i r e w o r k s P r o j e t o S i t e O Fireworks é um editor gráfico para a web desenvolvido pela Adobe. É a ferramenta ideal para web designers, para criar e otimizar imagens, modelos de sites e aplicativos da web rapidamente. CRIANDO UM LAYOUT PARA UMA AGÊNCIA DE VIAGEM Criando O Topo Da Página; Inserindo Textura; Inserindo O Fundo Para O Menu Vertical; Criando Menus Verticais Usando Retângulo Arredondado; Organizando A Camada; Criando Menus Com Figuras; Fatiando A Página; Ajustando A Fatia; Organizando As Fatias. TROCA DE IMAGENS E MENU POP-UP Criando Um Estado Para Comportamento De Alternar Imagem; Inserindo Pontos De Acesso; Inserindo Comportamento De Alternar Imagem; Criando E Configurando Um Menu Pop-Up; Editando O Menu Pop-up; Criando Submenus; Organizando Os Itens Do Menu Pop-up; Inserindo Links No Menu Pop-up; Criando Uma Biblioteca De URLs; Adicionando URLs À Biblioteca. PÁGINA-MESTRE Configurando Uma Página-mestre; Conectando Páginas À Página-mestre; Personalizando A Área De Trabalho; Gravando Layouts Da Área De Trabalho; Restaurando O Layout Original; Usando Um Layout Gravado; Excluindo Layout Personalizado; Página Principal; Inserindo Um Contorno Num Bitmap; Usando A Função Encaixar Nas Guias. (referencial): 12 horas Fireworks No curso, o aluno aplicará todo o conhecimento adquirido no curso básico, através do desenvolvimento de um projeto completo de layout para uma Agência de Viagens, fazendo com que o aluno aprenda e execute todo o processo de criação de um layout profissional. USANDO FATIAS HTML Codificando Fatias HTML; Inserindo Imagem De Fundo Numa Fatia HTML. POP-UP VERTICAL E BANNER TRANSPARENTE Banner Transparente; Alterando A Transparência Do Banner; Alterando A Cor Das Fatias; Usando JavaScript Em Fatias HTML. CRIANDO E MODIFICANDO BOTÕES Criando Botões; Editando Botões; Editando Propriedades De Nível De Instância; Editando Propriedades De Nível De Símbolo; Centralizando O Texto Nos Botões; Usando Guias De Escala Com 9 Fatias. MAPAS INTERATIVOS Otimizando O Uso De Fatias; Usando A Ferramenta Ponto De Acesso Poligonal; Visualizando Todas As Páginas; Alternando Símbolo; Construindo Uma Página Para Visualizar Fotos; Usando Processo Em Lote; Usando A Barra De Ferramentas Principal; Exibindo Arquivo Externo. NAVEGANDO POR MAPAS Usando A Tag Marquee Para Movimentar Texto; Usando Listas Não-Ordenadas Em HTML; Inserindo Textura; Inserindo GIFs Animados Numa Tabela; Usando Contorno Nos Textos HTML. EXPORTANDO PÁGINAS Configurando Opções De HTML; Configurando As Opções De Exportação; Testando As Páginas Exportadas. USANDO O DREAMWEAVER CS6 Configurando O Fireworks Como Editor Principal; Editando Imagens Do Dreamweaver No Fireworks; Configurando O Fireworks Como Navegador Primário; Editando E Formatando Texto (HTML); Desabilitando O Fireworks Como Editor Principal; Editando A Página No Bloco De Notas.
J a v a S c r i p t (referencial): 20 horas O objetivo do curso é capacitar ao aluno a conhecer os recursos básicos que uma linguagem de programação, como o JavaScript, oferece para aplicações na Web. O JavaScript tem todas as ferramentas que uma linguagem de programação deve ter, mas não trata de assuntos como, por exemplo, arquivos, justamente por ser voltada a aplicações específicas de páginas da Internet. Por ser uma linguagem de programação, necessita que o usuário possua conhecimentos de lógica de programação, porém, este curso foi desenvolvido tanto para aqueles que possuem este conhecimento ou não. 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. Windows e noções de Internet Este curso é voltado para Web Designers, desenvolvedores que desejam se aprimorar em técnicas de JavaScript, e usuários que tenham interesse em se ingressar no mundo da programação para adquirir lógica de programação. 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.