Introdução à Linguagem HTML
O HTML (Hyper Text Markup Language) C/ TABLELLESS é a principal linguagem para desenvolvimento de Websites. O módulo habilita o aluno a saber aspectos básicos da linguagem para que possa começar o próximo passo, a construção de um site pelo modo visual utilizando o Dreamweaver 8.
Dreamweaver 8
Combinação perfeita entre edição visual, edição de texto, total controle de HTML com origem precisa e soluções dinâmicas de publicação.
• Iniciando o Dreamweaver
• Apresentando o Dreamweaver
• Interface
• Definindo um site local
• Criando um Website
• Adicionando conteúdo ao site
• Formas do conteúdo
• Controlando a estrutura do documento
• Criando listas
• Inserindo e trabalhando com as regras de formatação
• Adicionando caracteres especiais
• Formatando sites com CSS
• Formatando texto
• Introduzindo um CSS
• Criando Estilos
• Exportando CSS
• Criando arquivos de CSS (. css).
• Importando CSS externo
• Criando CSS de forma avançada
• Criando um novo Estilo de CSS externo
• Visualizando Estilos
• Entendendo a ordem e a Hierarquia dos estilos
• Criando estilos internos com o inspetor de propriedades
• Trabalhando com gráficos
• Usando gráficos em um Website
• Localizando os gráficos no Website
• Modificando as propriedades da página
• Editando imagens
• Editando imagens com o Fireworks a partir do Dreamweaver
• Customizando as barras de inserção
• Adicionando arquivos de Flash
• Adicionando arquivos de vídeo do Flas
• Regras de navegação
• Entendendo a navegação de um site
• Colocando Link entre os arquivos do site
• Usando Link entre sites
• Colocando link nas âncoras do site
• Adicionando links de e-mail
• Inserindo links em imagens
• Criando jump menu’s
• Criando Layout com CSS
• Entendendo o layout do site
• Usando Layers em seu layout
• Adicionando CSS às Layers
• Usando posição Absoluta ou Relativa
• Criando design com DIV
• Usando CSS de links
• Importando dados tabulares
• Usando Layout com tabelas
• Usando Bibliotecas e Templates
• Usando itens da biblioteca
• Criando templates
• Definindo áreas de edição
• Usando templates
• Aplicando a template
• Modificando as templates
• Criando Formulários
• Entendendo Formulários
• Criando um formulário
• Inserindo foco no formulário
• Validando formulários
• Testando, interagindo e transferindo seu site para web.
• Testando o seu site
• Fazendo manutenção do seu site
• Conectando a um site remoto
• Sincronizando seu site
Fireworks 8
Este software permite projetar, otimizar e integrar gráficos, animações e compostos da web totalmente editáveis.
• Área de trabalho do Fireworks
• Caixa de Ferramentas
• Modos de exibição
• Atalhos de visualização
• Zoom
• Seletor de cores
• Ferramentas observações
• Ferramentas de Seleção
• Camadas (Layers)
• Paleta de camadas
• Ferramentas de retoque
• Aplicação vetor em bitmap Fusão de imagens
• Desenhando e alterando imagens no Fireworks
• Ferramentas forma
• Ações
• Aplicando uma ação
• Utilizando difusão
• Ferramenta dissolver
• Ferramenta extrair
• Fatiando uma imagem
• Configurando uma fatia
• Exportando para a web
• Exportando imagens (JPEG, GIF)
• Criando um GIF animado
• Exemplos de GIFs animados
• Banners publicitários
• Criando uma barra de navegação
• Exemplos de barra de navegação
• Criando uma barra de navegação
• Fatiando uma imagem
• Adicionando efeitos de rolagem
• Adicionando mapa de imagem
• Usando o criador de ladrilhos
Flash 8
Software mais utilizado na produção de sites e banners animados com gráficos vetoriais, mapa de bits, movimento, áudio MP3 e interatividade.
• Trabalhando com o Flash
• Configurando o tamanho do palco
• Trabalhando com painéis e layout de painéis
• Definindo preferências
• Identificando o ciclo de desenvolvimento
• Publicando um arquivo
• Criando e importando recursos gráficos
• Trabalhando com diferentes formatos de gráficos
• Importando imagens bitmaps
• Importando imagens vetoriais
• Trabalhando com camadas e pasta de camadas
• Utilizando as ferramentas de desenho
• Utilizando objetos e mesclagem de desenho
• Trabalhando com o painel de cores
• Criando e utilizando símbolos gráficos
• Utilizando o painel de biblioteca
• Usando texto com eficiência
• Usando a ferramenta de texto
• Adicionando e formatando um texto estático
• Alterando os métodos de renderização de fontes
• Adicionando campos de texto de entrada de dados
• Embutindo fontes em campos de texto de entrada de dados
• Melhores práticas de desenvolvimento
• Criando Animações
• Trabalhando com a Linha do tempo
• Usando Quadros-chave (keyframes), quadros-chave em branco (Blank Keyframes), e quadros (Frames).
• Criando interpolação de movimento (Motion Tween)
• Criando interpolação de forma (Shape Tween)
• Criando efeito de transição
• Melhores práticas de animação
• Adicionando Actionscript com assistente de scripts e behaviors
• Usando o assistente de script
• Adicionando ações em um quadro (frame)
• Criando e usando símbolos botões
• Adicionando behaviors a botões
• Carregando Swfs externos
• Usando Movieclips
• Criando e usando símbolos movieclip
• Organizando a linha do tempo de um movieclip
• Utilizando ações para controlar a linha do tempo
• Usando etiquetas de quadros (frame labels)
• Respondendo às interações do usuário
• Adicionando áudio e vídeo
• Importando áudio
• Alterando propriedades de áudio
• Adicionando áudio à linha do tempo
• Embutindo vídeo na linha do tempo
• Publicando documentos em Flash
• Utilizando diferentes formatos
• Utilizando perfis de publicação
• Adicionando detecção do Flash Player
• Publicação e distribuição
Projeto Final
Desenvolvimento do protótipo de um website feito pelos alunos.
|
