Formação em WEB DESIGN: Projeto 01 - layout (aula 01 & 02*) Em nosso primeiro projeto criaremos um layout para web utilizando um software gráfico.

Transcrição

1

2 Formação em WEB DESIGN: O Curso de WebDesign da Imagine School tem duração de 06 meses e se destina a todos aqueles que desejam conhecer o mundo de desenvolvimento para a web. Durante o curso, veremos como projetar, estruturar e desenhar layouts. (PAUSA) Além da composição visual, veremos como programar esse layout para que os navegadores exibam corretamente o layout criado. O aluno utilizará a linguagem HTML 5 para desenvolver o conteúdo, a linguagem CSS para formatá-lo e a ferramenta Flash para o desenvolvimento de animações para a web. Esse treinamento permitirá ao aluno atuar em qualquer área voltada para o desenvolvimento de sites para WEB de qualquer empresa. Projeto 01 - layout (aula 01 & 02*) Em nosso primeiro projeto criaremos um layout para web utilizando um software gráfico. Introdução ao Design Web Wireframe Arquitetura do Layout Web Standards Projeto de web Mercado atual para profissionais Web Design para Impressão VS Design para Web Apresentação do Photoshop para WEB Resoluções e Dimensões para WEB Começo da criação de layout para Sites Grids Backgrounds para Web Instalação de Brushes Importação de Imagens Paleta de Cores Sistema Hexadecimal de cores Desenhando Menus Efeitos para a web Fatiando o Layout Formatos de Imagens para Web Organização do projeto

3 Projeto 02 - icones (aula 03*) Nesse projeto, veremos como criar icones usando detalhes e efeitos clean para a web Tendências atuais do design web Shape Layers Biblioteca de Gradientes Layer Styles Sombras Reflexos Filtros de Desfoque Relevos Formatos GIF, JPG e PNG Projeto 03 - HTML e CSS (Aula 05, 06 & 07*) Nesse terceiro exercício vamos conhecer como funcionam as linguagens HTML e CSS, criando nosso primeiro layout Apresentação do Layout Introdução ao HTML Sintaxe e Semântica Tags e atributos Estrutura Base do HTML Introdução ao CSS Sintaxe e Semântica Seletores, Propriedades e Valores IDs e Class CSS Incorporado e CSS Vinculado 3

4 Projeto 04 - HTML 5 e CSS 3 (Aula 08, 09 & 10*) Programaremos o layout desenvolvido no PROJETO 1 usando a versão mais atual da linguagem HTML e CSS O que há de novo no HTML 5? HTML 5 e a semântica na web Web 3.0 CSS 3 e as novas possibilidades Usando o gerenciador de arquivos Programação do layout desenvolvido Tags novas da estrutura HTML Projeto 05 - Banners (Aula 11 & 12*) Nesse projeto, veremos como criar banners animados para a Web Padrões de Banners Comunicação entre softwares vetoriais Importação de arquivos Filtrando a importação Layers Timeline FPS Frame VS Keyframe Animação Pose to pose Animação com Interpolação Símbolos (movieclip e Graphic) Propriedades dos objetos Propriedades da Interpolação Ease in e Ease out Filtros Máscara Formato FLA Compressão SWF Exportação para a Web 4

5 Projeto 06 - JQUERY E SPRYS (Aula 13 & 14) Nesse projeto, criaremos um layout em HTML e CSS, implementando plugins em Jquery e Sprys O que é Jquery? Implementação do Jquery em nosso Layout Plugins para Jquery Inserindo Plugin de Galeria Configurando o Plugin O Plugin ShadowBox e sua configuração Inserindo Sprys Criação do menu Drop-down com Spry Configurando o CSS do Spry Widget Browser Projeto 07 - CMS Wordpress (Aula 15, 16 & 17*) Nesse projeto veremos como utilizar o CMS Wordpress para criar sites dinâmicos com rapidez e alto desempenho. CMS (Content Manager System) Tipos de CMS (Wordpress, Joomla, Drupal...) Wordpress.org Criação da Conta no servidor do wordpress Acessando o painel de Controle Alteração do tema Vantagens da instalação do Wordpress no Servidor Instalação do Servidor Local Instalação e configuração do Wordpress Sites de Templates para Wordpress Instalação de Tema Configuração do tema Páginas, posts e Categorias Instalação de Plugins úteis Configuração de Plugin 5

6 Projeto 08 - web Design responsivo (Aula 18 & 19*) Nesse projeto veremos como projetar e programar um layout que responde a várias resoluções diferentes O que é um Design Responsivo Projetando o layout A programação HTML para layout responsivo Media queries Seletores CSS que respondem Tags e atributos especiais para design responsivo Projeto 10 - Publicação (Aula 20*) Em nossa última aula, veremos como transferir os arquivos do site para um Servidor de hospedagem. Como comprar um Dominio Servidores de Hospedagem Host Pago e Host Gratuito Serviços do servidor FTP Dados para transferência Organização do Projeto para Publicação Usando um programa para transferir Gerenciar a atualização do site 6

7 Nosso método O diferencial de nosso Centro de treinamento é trabalharmos com profissionais especialistas sobre o tema que está ministrando. Estes profissionais fazem parte do quadro de nossos estúdios ou de estúdios de empresas parceiras e renomadas. Com isso podemos passar o processo de forma real de trabalho, adquirido pela experência dos mesmos. Nossos treinamentos não são de softwares e sim de profissões e técnicas, Por isso nossa escola não trabalha com instrutores de informática e sim com profissionais com base sólida em produção. carga horária Compreende 06 meses, sendo 20 encontros de 03 horas e meia, realizado 01 vez por semana, somando 72 horas. E mais 140 horas de prática extra-classe. Portanto ao longo destes 06 meses você terá que se dedicar no mínimo 212 horas aos estudos da Imagine School. material didático Vídeo-aulas - Tudo o que você aprende na Imagine School, você verá também em vídeo-aula em sua casa. Disponibilizamos todo conteúdo visto em sala de aula, como materiais, links, tutoriais e com suas respectivas vídeo-aulas, que servirá de auxílio para prática de seus exercícios. Pendrive - É obrigatório o uso do pendrive para cópia dos arquivos e video-aulas visto em sala de aula. Sua matrícula dará direito a este pendrive. projeto final - portfólio Durante nosso treinamento é sugerido uma série de exercicios que ao final, será sugerido a criação de um blog para postá-los. Esse procedimento se torna não somente útil, mas também, necessário caso o aluno deseje trabalhar na área de estudo, pois esse será seu portfólio que demonstrará teu domínio sobre os recursos e ferramentas. oportunidades - o sindicato osindicato.com.br é o portal de oferta de empregos relacionado as áreas que nossa escola atende. Com o seu projeto final em mãos, você poderá participar de nosso banco de talentos da Imagine School. Toda a semana são inúmeras vagas solicitadas para profissionais de nossa escola. hall da fama Em Nosso Site seu trabalho poderá ser destacado para todos os usuários. Eles serão escolhidos pelos professores e profissionais da escola. Seu trabalho exposto em nosso site significa pelo 1500 usuários conhecendo seu talento. * As aulas podem sofrer alterações de conteúdo no decorrer do curso e mudança de numeração conforme andamento da turma. 7

8