APOSTILA WEBDESIGN
Apostila Active Brasil de Webdesign Daniel de Menezes Gularte Omar Queiroz A livre distribuição dessa cópia está proibida, sendo de material exclusivo do curso de Webdesign da Active Brasil e do seu corpo técnico. 2002 Apostila de Webdesign ver. 1 rev. 0 2 ACTIVE BRASIL
ÍNDICE Módulo I Programação Visual Aula 1 INTRODUÇÃO AO CURSO E À PROGRAMAÇÃO VISUAL Apresentação e Introdução à Programação Visual 14 Apresentação gráfica de marcas e signos A cidade, o homem e a Comunicação Visual Exercícios 16 Aula 2 TIPOLOGIAS 17 Apresentação gráfica de tipologias Apresentação gráfica de tipografias Estudos de casos Exercícios 18 Aula 3 A LINGUAGEM E O DESENHO 19 A linguagem na Internet, realidade virtual? Diagramação e cores, vazios e cheios Exercícios 21 Aula 4 O FAZER 22 Metodologia de trabalho em projetos de design Exercícios 24 Aula 5 APRESENTAÇÃO FINAL 25 Entrega dos Trabalhos Debate sobre o Módulo I 3 ACTIVE BRASIL
Módulo II Photoshop Índice Adobe Photoshop Aula 1 INTRODUÇÃO 27 História da composição fotográfica Técnicas de composição Apresentação do programa Exercícios 28 Aula 2 O PROGRAMA 29 Interface do programa 29 Barra de menus File 31 Barra de menus Edit 32 Barra de menus Image 33 Barra de menus Layers 35 Barra de menus Select 36 Barra de menus Filter 37 Barra de menus View 40 Barra de menus Window 41 Barra de menus Help 41 Exercícios 42 Aula 3 EDIÇÃO E MANIPULAÇÃO DE IMAGENS 47 Ferramentas 47 Formatos de arquivos 49 Resolução camadas 4 ACTIVE BRASIL
efeitos Exercícios 50 Aula 4 ESTUDO PRELIMINAR 54 Criação do Estudo Preliminar do trabalho final Exercícios Aula 5 REVOLUÇÃO DIGITAL 55 Composição digital, revolução da arte Dúvidas do Estudo Preliminar Aula 6 EXERCITANDO 57 Paths Exercícios Dúvidas do Estudo Preliminar Aula 7 TÉCNICAS E MACETES 64 Rotinas com script 64 Teclas de atalho 64 Plugins Dicas 65 Dúvidas do Estudo Preliminar Aula 8 PUBLICANDO PARA A Internet 66 Exportando para WEB Aula 9 APRESENTAÇÃO DOS TRABALHOS 68 Apresentação do Projeto Visual do Trabalho Final 5 ACTIVE BRASIL
Aula 10 APRESENTAÇÃO DOS TRABALHOS 69 Apresentação do Projeto Visual do Trabalho Final Debate sobre o módulo II Módulo III HTML Aula 1 INTRODUÇÃO 71 Porque utilizar a Internet 71 Internet, negócios e programação (Como ganhar dinheiro com a Internet) 72 Conceitos básicos da web (protocolos, FTP, HTTP, navegadores, diferença entre sites, página e homepages...) 73 Como se processa uma página web? (requisição, processamento e envio) 75 Quem padroniza as linguagens utilizadas na Internet? 79 O que é o HTML? 85 O que são tags html? 86 Exemplos de tags 87 Quais os softwares recomendados para a construção de sites? (softwares com html puro, WYSIWYG (what you see is what you get) 87 Exemplo prático Perguntas, respostas e tira dúvidas Aula 2 PRINCÍPIOS DO HTML 88 Compatibilidade de browsers Resolução Tags (como funcionam, tags básicas, características comuns, case sensitive, elementos) Tags Atributos (definição de aspas) 1. Standard 2. Optional 3. Events 6 ACTIVE BRASIL
Aula 3 CRIANDO O PRIMEIRO PROJETO 94 Iniciando o primeiro projeto 94 O que é um projeto? 94 Como é elaborado? (parte gráfica, noções de webdesign, programação, html, banco de dados,etc) 95 TAGS iniciais (HEAD, BODY, META, TITLE) Formatando textos 1. Parágrafos 2. Quebras de linha 3. Textos pré-formatados 4. Listas ordenadas e desordenadas, Nested list 5. Definition list Inserindo links Inserindo imagens 1. TAG e atributos 2. Mapas de imagem Iniciando Style Sheets ou folha de estilos O que são folhas de estilos? Onde usar a folhas de estilos Construindo folhas de estilos (CSS) Aula 4 FRAMES 139 O que são e onde podem ser usados Tipos de frames 1. Vertical Framesets 2. Horizontal Framesets 7 ACTIVE BRASIL
Tags 1. Frameset e atributos 2. Frame e atributos Características especiais 1. Norezise 2. Tag <Noframes> Criando e alinhado corretamente os frames Manipulação completa dos frames Exemplos práticos e estudos de caso Aula 5 TABELAS 145 O que são e onde podem ser usadas Criando tabelas Tags e hierarquia 1. TABLE e atributos 2. TR e atributos 3. TD e atributos Características especiais 1. Títulos em tabelas 2. Diferença entre células vazias 3. Caption em células 3. Elementos em desuso 4. Elementos criados para as próximas versões de tabelas. Construindo e alinhando corretamente as tabelas e conteúdos 1. Tabelas e células em style sheet Manipulação completa das tabelas 1. Trabalhando com backgrounds 2. Tabela dentro de tabela 3. Imagens dentro de tabela 8 ACTIVE BRASIL
4. O atributo frame 5. Colgroup 6. Col 7. Thead 8. Tbody 9. Tfoot Exemplos práticos e estudos de caso Aula 6 FORMS 160 O que são e onde podem ser usados Criando formulários Tags e hierarquia 1. TEXT FIELDS e atributos 2. RADIO BUTTONS e atributos 3. CECKBOXES BUTTONS e atributos 4. SELECT LISTS e atributos 5. PASSWORD FIELDS e atributos 6. TEXT AREA e atributos 7. HIDDEN FIELDS e atributos 8. SUBMIT e RESET BUTTONS e atributos 9. BUTTON IMAGES e atributos Características especiais 1. LEGEND TAG 2. FIELDSET TAG 3. Elementos em desuso 4. Elementos criados para as próximas versões de tabelas Construindo FORMS 1. Formulários para contato 9 ACTIVE BRASIL
2. Formulários e atualização de dados existentes 3. Formulários de aplicações Manipulação completa dos FORMS 1. Formulários e tabelas 2. Formulários e styles sheets Exemplos práticos e estudos de caso Aula 7 TABELAS AVANÇADAS 170 O que são e onde podem ser usadas Criando tabelas avançadas Exemplos práticos e estudos de caso TAGS HEAD, META, BASE E CARACTERES ESPECIAIS Aula 8 STYLE SHEETS AVANÇADO & DHTML, JAVASCRIPT E VBSCRIPT 172 Aula 9 apresentação dos modelos estruturais do site e debate sobre o módulo 183 Aula 10 apresentação dos modelos estruturais do site e debate sobre o módulo 184 10 ACTIVE BRASIL
Módulo IV FLASH Aula 1 INTRODUÇÃO 186 Animação clássica Superimposição Efeitos de câmara Storyboard Aula 2 O PROGRAMA 188 Apresentação do Programa Vetores Tipos de arquivo interface Ferramentas de desenho e controle Aula 3 DESENHANDO 195 Desenhos Cores Preenchimentos Edição Agrupamentos Aula 4 ANIMANDO 203 Símbolos Timeline Quadros Tweening Aula 5 ANIMAÇÃO NA WEB 209 11 ACTIVE BRASIL
Exercícios Animação na WEB luxo ou perda de bytes? Aula 6 CONTROLE DA CENA 211 Botões Ações Controladores Aula 7 MAIS AÇÕES E INTERATIVIDADE 215 Sons Comandos avançados Aula 8 EXPORTANDO 217 Publicação na Internet Otimizando o projeto Log de informação Macetes Aula 9 APRESENTAÇÃO 221 Apresentação dos Trabalhos Finais Aula 10 APRESENTAÇÃO 222 Apresentação dos Trabalhos Finais Debate final do curso Bibliografia 223 12 ACTIVE BRASIL