Web Design


img_profional_WebDesign
Início 06/12/17:

2ª,4ª e 6ª: 19h às 21h40
Duração: 02 Meses

Carga horária 60 h/a

Ver Calendário Completo

  • Tornar o aluno apto à criação de lay-outs de sites, páginas navegáveis(hiperlinks), otimização e organização de processos de produção de sites e publicação na web, usabilidade dos recursos e softwares de ponta para o processo de criação enquadrando o aluno no mercado de trabalho com o que há de mais moderno à nível profissional.

  • Saber manipular os arquivos no Windows como criar diretórios (pastas), mover arquivos, salvar em pen-drive, anexar arquivos à emails, zipar documentos.

  • O conteúdo é exemplificado e apresentado no quadro branco, e executado no pc pelos alunos. O aluno em todo o tempo do curso construirá diversas páginas usando desde o HTML puro ao Dreamweaver avançado.

  • Capacitar o aluno a criar e manter layouts para web e realizar pequenas correções e edições em arquivos de imagem.

    1.    Apresentação, conceitos fundamentais e painéis
    Apresentação do Fireworks;  Telas e ferramentas; Configuração do ambiente de trabalho; Abrir, fechar, importar, colar e salvar um arquivo; Natureza do Desenho Vetorial e Bitmap; Resolução de imagem; Imagens para internet; Tipos de Arquivo: jpg, gif e png; Ferramentas de seleção; Cores; Padrões; Gradientes.

    2.    Desenhando
    Formas Básicas – Vetores; Bitmap; Escala, inclinação e distorção de objetos; Ordenando e agrupando objetos;
    Guias e grades; Alinhando objetos; Combinando vetores; Inserindo e formatando texto; Efeitos de texto; Caminhos em texto.

    3.    Camadas
    Definindo camadas; Inserindo, renomeando, excluindo e movendo camadas; Visualização e bloqueio de camadas; Opacidade e modos de mesclagem; Máscaras bitmap/vetor; Texto como máscara; Filtros.

    4.    Web – Formatação e exportação
    Slices; Criando, editando e apagando slices; Rollover e múltiplos rollovers; Troca de imagens; Pop-up menu e nav bar; Hotspots; Símbolos; Animações; Criação de Gif’s animados; Criando um Slideshow; Criando botões.

    5.    Projeto Final
    Desenvolvimento de um projeto de site usando todos os recursos encontrados; Cortando e exportando o layout do projeto; Otimizando gráficos

    Capacitar o aluno a criar e manter página web e websites utilizando as técnicas e ferramentas atuais.

    1.    Conceitos de desenvolvimento web
    O que é e como funciona a internet; Resolução de nomes, registro.br, domínios; Camadas de informação, formatação e comportamento; Necessidade da semântica; Linguagens de marcação, estilo e script(client side);
    Linguagens de script(server side); Usabilidade; Acessibilidade; Texto e imagens para internet; Áudio e Vídeo para a internet; Animações para web; Ferramentas(editores e fontes de conteúdo).

    2.    Fundamentos do HTML
    Definição; O que é e para quer serve o Html?; Tag’s – comandos; Versões do Html; Doctype e a tag html;
    Atributos de tag’s; Identificando e nomeando tags; Estrutura de uma página Html – Head, Body e tag’s associadas; Tag’s do tipo Meta; Tag’s de título e parágrafo; Tag’s de lista ordenada, não ordenada e lista de definição; Tipos de quebra de página; Charset.

    3.    Organização do conteúdo
    Tag’s div e span; Tabelas; Introdução a CSS; CSS Zen Garden; Modificando a aparência de um texto com CSS;
    Inserindo imagens com Html; Inserindo imagens com CSS; Legendas em imagnes – Tag Figure; Repetindo e posicionando imagens com CSS; CSS Sprite; Criando ligações entre as páginas – Links externos; Criando ligações na página – Links Internos.

    4.    Layout
    Conceito de Grid; Layout líquido e fixo; Esclarecendo o que é um layout responsivo e sua importância; Construção de layouts usando CSS; CSS Reset **; Apresentando o GRID960 **; Construindo laytous com o GS960; Novos elementos de estrutura do Html5 – Header, Section, asside, nav, article e footer; Tag’s de formatação de text: code, pre, Strong; Gradientes e cantos arredondados com CSS; Usando o diretório de fontes do Google.

    5.    Formulários
    Conhecendo e testando os métodos de formulário – POST e GET; Campos de formulário – Text, password, Textarea, Radio, Checkbox, Button, Fieldset, legend e Label; Construção de formulários; Introdução ao javascritp; Validação de formulário com javascript; Placeholders, Tipos de dados e validadores no Html5;
    Validadores Customizados; Cálculo com formulário Html5; Formatando campos e elementos de formulário com CSS.

    6.    Interatividade
    O que é DOM?; Mostrando e escondendo elementos com javascript; Barra de progresso; Trabalhando com eventos; Inserindo e controlando áudio e vídeo com Html5; Caixas de diálogo e confirmação; Bibliotecas javascript; Conhecendo e instalando a Jquery **; Testando o navegador com a Modernirz **; Aplicação do Jquery: Slider.

    7.    Aplicações Web
    O que é uma aplicação Web; SAS – Definição e exemplos; Aplicações Offline; Geolocalização; Contruindo uma galeria de imagens com e sem Jquery; Apresentações no navegador com CSS; Histórico de sessão; Integração com linguagens de servidor – BD; Frameworks front-end – Twitter Bootstrap e HTML5 Boilerplate **; Validando o seu Html; Boas Práticas.

    8.    Projeto Final
    Desenvolvimento de um projeto de site usando todos os recursos encontrados;

    Capacitar o aluno no uso da ferramenta para criar e manter web sites estáticos e dinâmicos.

    1.    Apresentação, conceitos fundamentais e painéis
    O ambiente de trabalho; Configurando o Dreamweaver; Modos de trabalho; Conhecendo as ferramentas; Configurando um site; Criando e salvando arquivos; Publicando arquivos; Instalando e configurando o Xamp; Criando um site na estrutura do Xamp; Navegador de tag’s.

    2.    Inserindo conteúdo e criando layout
    Inserindo e formatando texto; Como o dreamweaver trabalha com css; Criando listas; Criando e links; Visualizando o mapa do site; Inserindo multimídia; Inserindo, formatando e excluindo tabelas; Inserindo swf; Placeholder e troca de imagens; Trabalhando com css.

    3.    Formulários e comportamentos
    Criando formulário e seus elementos; Configurando listas dropdown; Alterando propriedades dos elementos de formulário; Validando formulários com .js; Criando formulários com elementos do HTML5; Validando formulários com comportamentos; Menus pop-up e dropdown; Submetendo e testando formulários.

    4.    Projeto 01 – Layout
    Criando, formatando e publicando um site.

    5.    Banco de dados
    Definindo o que é um BD; Linha, colunas, célula, registro e campo; Entidades de um BD;  Relacionamento entre tableas; Definindo SQL; Conhecendo o PHPMyAdim; Criando um arquivo de conexão; Criando um BD e tabelas do sistema com PHPMyAdim; As quatro operações de BD – CRUD; Inserindo e lendo dados de BD; Imagens em BD; Recuperar informações para um campo de Listagem.

    6.    Projeto Final
    Desenvolvimento de um projeto de site usando todos os recursos encontrados. CRUD básico;
    Publicando o site.


 

Pré-inscrição

Preencha o formulário abaixo e entraremos em contato com você.
Essa pré-inscrição não garante vaga nos cursos.

Seu nome (obrigatório)

Seu Telefone
formato (ex: 999999999)

Seu e-mail (obrigatório)

Assunto

Sua mensagem