Image link
Design e Inovação

Web Design Completo

Saiba dominar as ferramentas que os diversos softwares de design oferecem e explore de forma aprofundada os principais programas da área de Web Design.

Web Design Completo

Descubra as últimas tendências de design e desenvolva sua paleta de habilidades criativas. De layouts intuitivos a elementos visuais envolventes, este curso é a chave para desbloquear seu potencial artístico na web.

Aplique seus conhecimentos em projetos práticos desde o início. Desenvolva portfólios impressionantes que destacarão suas habilidades aos olhos de empregadores e clientes em potencial.

Confira nosso conteúdo programático

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 HTMLno site; Visualizar no site no navegador; Testar o site.

complexas, mostrando o potencial das ferramentas para composição.

Ponto de Fuga

Utiliza o comando Ponto de Fuga (Vanishing Point) para que o programa reconheça os planos em perspectiva da imagem e para fazer montagem e tratamento na imagem.

Ajustes de Cor, Ficha Ações, Processador de Imagens

Os modos de ajustes de cores e a diferença entre elas, a ficha Ações para otimizar o trabalho repetitivo. e o Processador de Imagens, que permite aplicar uma ação em um diretório.

Ferramenta Fatia, Inserir Link, Salvar para a Web, Otimização de Imagens

Uso da ferramenta Fatia para inserir links, salvando o arquivo no formato HTML, além de otimizar as imagens antes da exportação

Impressão e Manipulação do Arquivo

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.

Princípios Básicos

O que é o Flash; Novidades da Versão; Flash Player; Diferença entre desenho vetorial e bitmap; Interface Gráfica; Tipos de Arquivo; Frames de Animação; Criando um Arquivo; Utilizando o Start Page; Propriedades do Arquivo Flash; Panels; Comportamento dos Objetos no Filme; Panel Properties; Salvar Arquivo; Abrir Arquivo; Fechar Arquivo.

 

Ferramentas

Selection Tool; Rectangle Tool; Oval Tool; Rectangle Primitive Tool; Pencil Tool; Line Tool; Paint Bucket Tool; Brush Tool; Free Transform Tool; Text Tool.

 

Symbol e Library

 

O que é Symbol; Convert to Symbol; Tipos de Symbol: Movie Clip, Button, Graphic; Panel Library; Editando Symbol; Delete Symbol.

 

Panels

Properites; Color; Infor; Transform; Align; Library; Timeline; Motion Editor; Scene; Action.

 

Motion Tween

 

Layers

O que é Layer; New Layer; Renomear Layer; Exibir/Ocultar Layer; Bloquear Layers; Excluir Layers.

Scenes

O que é Scene; Add Sccene; Duplicate Scene; Renomear Scene; Editar Scene; Delete Scene.

 

Introdução a ActionScript

Arrastar objetos

Arrastar e soltar objetos durante a execução do filme.

 

Máscara dinâmica

Aplicação do arraste em máscaras para efeitos do tipo Raio-X. Definir a visibilidade do cursor padrão (visível ou invisível).

 

Cursor Personalizado

Elaboração de um cursor personalizado de modo que outro objeto possa ser arrastado simultaneamente.

 

Rastro de movimento

Definir a duplicação de símbolos durante a execução do filme de acordo com a quantidade de quadros por segundo.

 

Alterar ordens dos objetos na tela

Alterar a ordem entre os objetos durante a execução do filme, independente do layer (camada) em que estejam.

 

Botão invisível e suas aplicações

Elaboração de uma interface com botões invisíveis sobre uma imagem. Dicas para otimização do recurso e exemplos de sua aplicação.

 

Encapsulamento de símbolos

Interface de menus com submenus animados. Encapsulamento de símbolos: botões dentro de movie clips e movie clips dentro de botões.

 

Carregar imagens e filmes SWF externos

Desenvolvimento de uma interface com thumbnails (miniaturas) das imagens antes que elas sejam abertas em seu tamanho original.

 

Carregar textos e variáveis

Utilização do componente UlScrollBar (barra de rolagem) para rolar o texto carregado dentro do campo. Desenvolvimento de um Scroll personalizado para rolar textos.

 

Envio de e-mail e validação de formulário

Integração do ActionScript com linguagem dinâmica (ASP), Validação dos dados digitados pelo usuário dentro do próprio filme SWF.

 

Acesso ao banco de dados

Integração do ActionScript com linguagem dinâmica (ASP) para pesquisar dados registrados num banco de dados do MS Access.

 

Componentes de interface para formulários

Componentes Button, Loader, ScrollPane, TextArea e TextInput.

 

Conceitos básicos para criação de jogos

Teste de colisão entre objetos e de um objeto com o cursor. Chamando funções dentro de um intervalo de tempo. Números randômicos para ocorrências aleatórias. Desenvolvimento de um jogo de tiro ao alvo, com placar e cronômetro.

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.

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 <a>

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

Conceitos básicos

Carregar uma publicação já existente; Caminhar pelas páginas de uma publicação; Zoom da página; Abrir uma nova publicação; Gravar uma publicação; Definir gabaritos; Utilizar o gabarito.

 

Conceito de objetos

Criar retângulos; Agrupar e desagrupar objetos; Trancar posição dos objetos; Alterar o tamanho de um objeto; Selecionar mais de um objeto; Alterar cor de fundo; Mover objetos.

 

Linha Base

 

Edição

Digitar texto diretamente; Mover texto pela página; Alterar limites esquerdo e direito do texto; Alterar tamanho e tipo de letra; Definir a cor do texto; Alterar alinhamento dos parágrafos; Alterar espaçamento entre letras; Texto em colunas; Separar texto em partes independentes; Texto em volta da figura; Linha de base do texto; Criar e aplicar estilos de texto; Alterar estilos de texto; Utilizar a paleta de estilos.

 

Teoria das cores

Retícula como opção de cor; Diagramação com marca d’água; Criar novas cores; Utilizar bibliotecas de cores; Utilizar a ficha “cor”.

 

Quadros

 

Importação de arquivos

 

Página Mestre

 

Revisão ortográfica

 

Diagramação

Editor de Matérias; Trocar dados entre publicações; Alternar entre janelas abertas; Montar uma capa de livro; Incluir imagem; Inclinar objetos; Rotacionar objetos; Reformular posição das colunas; Balancear colunas; Alterar o padrão de traço; Recolocar o texto na página; Recortar fotos; Criar brochuras; Criar Sumário.

 

Impressão da publicação

Apresentação

IDE; Conceitos básicos de programação; Ferramenta Visual Web Developer; Construindo a primeira aplicação; Trabalhando com Code Behind.

 

Estruturas de Controle Condicionais

If … Then … Else; Select Case.

 

Estruturas de Controle de Laço

For … Next; Do While … Loop.

 

Objetos do ASP.NET

 

Controles do ASP.NET

 

Variáveis

 

Tipos de dados

 

Funções

 

Métodos

 

Procedimentos

 

Conexão

Microsoft Access; ADO.NET.

 

Controles

Básicos e Adicionais; Controles de acesso à dados.

 

E-Commerce

Conceitos; Controles de Login; Criando aplicações WEB dinâmicos sem codificação Consumindo Web Services; Aplicação de conceitos em Loja Virtual; Conceitos de sessão.

 

Tratamento e Depuração de Erros

Introdução

Introdução ao PHP; Utilizando o WampServer; Acessando uma página PHP através do servidor local; Delimitando o código; Inserindo comentários.

 

Comandos iniciais do PHP

Comandos de saída (echo e print); Trabalhando com aspas simples e aspas duplas.

 

Variáveis,  Constantes e Operadores

Trabalhando com variáveis em PHP; Conhecendo os Tipos de Dados; Trabalhando com Arrays; Uso das Constantes no PHP; Operadores Aritméticos, Operadores de Atribuição e de Comparação.

 

Estruturas de Controle

Comandos Condicionais (If e Switch); Comandos de Repetição (While, Do While, For e Foreach).

 

Funções

Reutilizando códigos através das funções; Criando funções; Trabalhando com parâmetros em funções; Funções para manipulação de textos; Funções para manipulações de datas; Funções predefinidas.

 

Tratamento de Formulários com PHP

Tratando campos de formulários HTML no PHP; Métodos de Envio; Manipulação de e-mails com PHP; Classe PHPMailer.

 

Trabalhando com banco de Dados

Banco de dados e PHP; Utilizando o servidor XAMPPServer; Conhecendo o phpMyAdmin; Conhecendo o MySQL; Criando um banco de dados; Trabalhando com Tabelas; Backup de dados do servidor.

 

Criando um sistema de cadastros no PHP

Conectando PHP e MySQL; Trabalhando com sessões no PHP; Cadastro de Usuários e Produtos; Login e Logout; Alteração de dados do servidor através de uma página PHP.

Aprenda de Forma Prática

Aprendizado prático é a chave!

Nossos cursos proporcionam experiências hands-on, garantindo que você aplique o que aprendeu imediatamente. Inscreva-se para uma jornada de aprendizado envolvente e prática!

Image link