Upload
trinhkhuong
View
215
Download
0
Embed Size (px)
Citation preview
H T M L Carga Horária
(referencial): 25 horas
Pré-requisito:
Conhecimentos básicos
de Windows e Noções de
Internet
O objeto deste curso é
proporcionar ao aluno a
capacidade de criação de
home pages de forma
minuciosa, utilizando os
principais recursos para
melhorar a aparência e a
performance das páginas
através do html5 do css3.
Rua Marechal Floriano Peixoto, 13 9º andar
Centro HistóricoPorto Alegre - RS
90020-061www.datalogica.com.br
Data Lógica
Informática
O HTML é a linguagem base da internet, o HTML5 é a quinta versão da linguagem. Esta nova versão traz consigo importantes mudanças quanto ao papel do HTML no mundo da Web, através de novas funcionalidades como semântica e acessibilidade.
Conteúdo Prográmatico
Introdução ao HTML
Browser ou Navegador; O que é o HTML?; O que é "Semântica"?; Editores HTML; WYSIWYG; A estrutura básica e incompleta de um HTML; A indentação do código; Salvando o arquivo no formato HTML; Extensões; notepad++; Criando um arquivo HTML no notepad++; O título da página <title></title>; O corpo da página <body>; Atributos, uma breve introdução
HTML e suas tags básicas
Tags básicas; Criando um cabeçalho «<header>"; Criando e aplicando títulos <h1> - <h6>; Criando um artigo <article>; criando um parágrafo <p>; Inserindo uma quebra de linha <br />; Criando uma linha horizontal <hr />; Criando um rodapé <footer>; Criando um "menu" <nav>; Inserindo imagens na página <img>; Entendendo o index.html; Criando uma Lista; Criando uma tabela; Iniciando a criação de um menu através de uma lista; Testando o código fonte (W3C); O atributo Style (background-color; font-family; color)
Projeto Prático
Os atributos e a tag style
Aprofundando-se no uso do atributo Style; Criando links; A tag «<style>"; O atributo "text-align»
Projeto Prático: Página sobre chocolates
O Poder do HTML5
Criando uma página simples do Zero; A tag «<div>"; Definindo uma imagem e uma Cor de fundo; Criando margens para diferentes lados em uma única propriedade; Centralizando um elemento HTML; Utilizando uma fonte do Google Fonts; Conhecendo o HTML5Shiv
Formulário HTML
Iniciando a construção de um formulário; A tag "Form»A tag "Input»; Criando o botão responsável por enviar o formulário; Criando um seletor do tipo "Radio»; Criando um botão para resetar o formulário; Criando Labels
Aprofundando-se Na Criação De Formulários
Criando um Fieldset; Criando uma lista Drop-Down; Criando uma legenda para o Fieldset; Criando uma caixa de mensagem; Criando um Checkbox; Alterando o tipo do campo com HTML5; Alterando a aparência de um formulário; Criando regras específicas
Projeto Prático: Formulário
HTML5 Multimedia
Inserindo um CSS externo; Inserindo vídeos na página; Aprimorando o uso da tag video; Inserindo um audio na Página
Projeto prático: Links e Vídeos
Ambiente Real.Conhecimento
de Verdade
O CSS (Cascading Style Sheets) promove a separação entre o código (HTML) e o estilo (formatação) das páginas de internet. Através do uso de CSS, conseguimos efeitos de formatação e de layouts muito atraentes para páginas de internet, além da facilidade de criação de modelos (temas) para páginas de internet.
Conteúdo Programático:
Iniciando no CSS
- O que é o CSS?- Editores CSS- O primeiro contato com o CSS- Os tipos de CSS- Transformando CSS inline em CSS interna- Começando um projeto do zero- Definindo as características do corpo- A propriedade Background- A propriedade Margin- Ajustando o tamanho do objeto- Editando textos- Ajustando o parágrafo
Propriedades Parte 1
- A propriedade Float- A propriedade Clear- A propriedade Padding- A propriedade Border- A propriedade Position
Arquivo .CSS
- Criando arquivos .CSS- Bottom, Left, Top e Right- Criando um menu através de uma lista não ordenada- A propriedade Display- Editando links- A centralização- Transição de imagem- A propriedade Background Position- A propriedade Z-Index- As instâncias First-Line, First-Letter e First-Child- A propriedade List-Style-Type
Simplificando
- Simplificando o CSS- Praticando a criação de menus- A propriedade Text-Transform- Edição de Formulários- Propriedades Min/Max Width e Height- A propriedade Cursor
Propriedades Parte 2
- A propriedade Text-Indent- A propriedade Overflow
Projetos Finais
C S S Carga Horária
(referencial): 20 horas
Pré-requisito:
HTML
O objetivo é ensinar o
conceito do
funcionamento do CSS
para que o aluno aplique
seus conhecimentos,
deixando suas páginas
com formato de trabalho
profissional
Rua Marechal Floriano Peixoto, 13 9º andar
Centro HistóricoPorto Alegre - RS
90020-061www.datalogica.com.br
Data Lógica
Informática
Ambiente RealConhecimento
de Verdade
É um programa para a criação e edição de páginas para a internet. Sua facilidade de
aprendizado e utilização o tornou o programa mais utilizado para o desenvolvimento de
páginas e edição de arquivos HTML e CSS
Conteúdo Programático:
Textos e CSS
Definindo a área de trabalho; Formatação com HTML; Parágrafos; Cabeçalhos; Quebra de
linha; Itálico e negrito; Propriedades da página; Alterando a cor de fundo da página;
Alterando a cor do texto; Inserindo título na página; Visualizando o site no navegador;
Lista não-ordenada; Lista ordenada; Formatação com CSS; Aparência (CSS); Imagem de
fundo; Criando regras de formatação CSS; Aplicando as regras criadas; Praticando CSS
Elementos Multimídia
Inserindo Imagens; Seletor Tag; Inserindo Documentos Do Flash (.SWF); Visualizando Os
Arquivos .SWF; Inserindo Réguas Horizontais; Inserindo Documentos Do Flash (.FLV);
Imagem De Sobreposição; A Propriedade ALT
Tabelas
Criando Tabelas; Aninhamento De Tabelas; Alinhamento De Texto; Mesclando Células;
Praticando Tabelas E Outros Recursos
Layout em Tabelas
Criando Um Layout Com 3 Colunas E 3 Linhas; Criando Um Layout Com 1 Coluna E 3
Linhas
Links
Inserindo Links Em Textos; Alterando Links; Link De E-mail; Formatação De Links;
Formatação Avançada CSS; Editando Barra De Navegação; A Opção Destino; Âncora
Com Nome
Molduras
Inserindo Molduras; Renomeando Molduras; Propriedade Destino; Link Em Imagens
Gerenciamento de Sites
Criando Um Novo Site; Criando Uma Folha De Estilo; Vinculando Arquivos CSS;
Adicionando Sites Ao Gerenciador; Removendo Sites Do Gerenciador; Duplicando
Páginas
Modelos
Criando Um Modelo A Partir De Uma Página Pronta; Criando Uma Página A Partir De Um
Modelo; DIV; Inserindo Um Novo DIV
Formulários
Praticando; Formulários; Inserindo Campos De Texto; Botões De Opção; Caixa De
Seleção; Área De Texto; Inserindo Botões; Praticando Formulários; Lista/Menu
Projeto de um site completo
D r e a m w e a v e r Carga Horária
(referencial): 25 horas
Pré-requisito:
Windows e noções de
Internet
Este curso é voltado
para Web Designers,
Designers Gráficos,
estudantes de
publicidade,
propaganda, marketing
ou áreas correlatas
(comunicação e artes),
e usuários interessados
em desenvolver um site
com muitos recursos e
de forma dinâmica.
Rua Marechal Floriano Peixoto, 13 9º andar
Centro HistóricoPorto Alegre - RS
90020-061www.datalogica.com.br
Data Lógica
Informática
Ambiente Real.Conhecimento
de Verdade
O Fireworks é um editor gráfico para a web desenvolvido pela Adobe. É a ferramenta ideal para
web designers, para criar e otimizar imagens, modelos de sites e aplicativos da web rapidamente.
Conteúdo Programático:
USANDO A TELA DE ABERTURA: Abrindo o Fireworks; Iniciando; Novos Recursos; Estender;
Criando Documento; Dimensionando a Página; Importando Documentos; Inspetor de
Propriedades; Fechando Documento; Abrindo Documento; Abrindo Documento Recente;
Desabilitando a Tela de Abertura; Fechando o Fireworks; Habilitando a Tela de Abertura.
CRIANDO UMA PÁGINA DE ABERTURA: Alterando a Resolução da Página; Escalonando
Bitmap; Mantendo a Proporção do Bitmap; Centralizando Bitmaps; Pré-visualizando; Ferramenta
Cortar; Configurando o Navegador; Alterando a Cor da Página; Duplicando Estados; Ajustando
Matiz e Saturação; Visualizando Animação; Fatiando Bitmap; Alterando Estados ao Posicionar o
Mouse; Ajustando a Área da Fatia; Editando a Imagem de um Estado; Filtro Desfoque Radial;
Desfazendo um Filtro; Refazendo Ações; Usando Texto; Filtros em Tempo Real; Usando
Camadas; Renomeando Estados; Usando o Histórico; Ferramenta Varinha Mágica; Preenchendo
o Fundo de um Bitmap; Otimizando a Página; Exportando um documento.
TRATANDO IMAGENS: Níveis Automáticos; Brilho e Contraste; Faixa de Tons; Tons Usando o Conta-gotas; Tons por Canais de Cor; Abrindo Documento; Curvas de Ajuste; Ferramenta Laço Poligonal; Ferramenta Superexposição; Invertendo Seleção; Ferramenta Subexposição; Ferramenta Substituir Cor; Zoom; Ferramenta Conta-gotas; Ferramenta Balde de Tinta; Ferramenta Borrar; Navegando Entre Documentos; Removendo Olhos Vermelhos; Ajustando a Nitidez; Painel Edição de Imagem; Ferramenta Carimbo (Clonando Pixels); Ferramenta Marca de Seleção; Ferramenta Pincel; Ferramenta Borracha; Inserindo Molduras; Efeito Sépia; Escala de Cinza; Máscara Vetorial Automática; Ferramenta Lápis; Ferramenta Marca de Seleção Oval; Incorporando Texto; Efeito Desfoque de Zoom.VETORIZANDO SÍMBOLOS E CRIANDO LOGOTIPOS: Formas Básicas; Ferramenta Retângulo; Combinando Caminhos; Ferramenta Subseleção; Ferramenta Caneta; Criando Curva de Bézier; Transformar Ponto de Reta em Ponto de Curva; Ferramenta Faca; Ferramenta Elipse; Dispondo Objetos; Centralizando Círculo num Ponto; Convertendo Texto em Caminho; Estilos; Formas Automáticas; Tela Transparente; Agrupando Objetos; Ferramenta Polígono; Desenhando Estrelas; Propriedades dos Objetos; Rastreamento; Arredondando os Cantos de Letra; Régua; Ponto 0,0; Grade; Guias; Usando a Forma Automática Estrela; Usando o Painel Propriedades da Forma Automática; Copiando e Colando Atributos; Agrupando Objetos; Desagrupando Objetos; Ancorando, Desancorando e Movimentando Painéis; Duplicando Objetos; Movimentando Objetos Com as Setas de Direção; Clonando Objetos; Dividindo a Forma Automática Rosca; Usando a Barra de Ferramentas Principal; Ajustando o Gradiente de Cores; Usando a Forma Automática Pizza; Adicionando Ruído; Usando o Painel Caminho.CRIANDO ANIMAÇÕES: Criando uma Animação Simples com dois Estados; Otimizando para GIF Animado; Duplicando Estados; Alterando a Duração dos Estados; Salvando como GIF Animado; Criando Animações com Símbolos; Gerando Animação entre Instâncias; Usando a Barra de Navegação; Usando Sequência em Papel Translúcido; Editando Símbolos; Limitando o Looping da Animação; Usando o Assistente de Exportação; Organizando Painéis num Grupo; Criando Símbolos Animados; Gravando na Biblioteca Comum; Configurando a Animação; Alterando Propriedades do Símbolo; Otimizando e Exportando Rapidamente; Exportando Símbolos; Quebrando a Ligação com o Símbolo; Excluindo Símbolos da Biblioteca Comum; Usando Símbolos Ricos; Criando Páginas; Usando o Painel Amostras; Excluindo Amostras de Cor; Trabalhando com Camadas em Animação; Compartilhando Camadas entre os Estados; Compartilhando Camadas entre Páginas; Restaurando Caixas de Aviso; Usando Transparência para Criar um Efeito de Transformação; Abrindo Arquivos como Animação; Criando Animações Usando o Painel Formas Automáticas; Distribuindo Objetos para os Estados; Criando Engrenagens em Movimento; Desativando Estados.CRIANDO BANNERS: Arrastando Estados para Organizar; Inserindo um Ponto de Acesso no Banner; Inserindo um Link no Ponto de Acesso; Limitando o Tamanho do Banner; Salvando Configurações de Otimização; Criando um Efeito Holofote; Usando Máscara; Desabilitando a Máscara; Usando um Modelo Personalizado de Otimização; Excluindo um Modelo de Otimização; Cortando o Bitmap para o Banner.CRIANDO UM LAYOUT PARA UMA FLORICULTURA: Usando o Zoom; Ocultando Painéis; Criando Flores com a Forma Automática Estrela; Contraindo Painéis para Ícones; Inserindo Caracteres Especiais; Usando Componentes Flex; Alterando Propriedades e Símbolos; Usando Fatias HTML; Inserindo Botões Editando Botões; Criando Botões; Criando Subcamadas; Modos de Visualização; Usando a Ferramenta Mão; Inserindo o Conteúdo das Páginas; Criando Comandos; Criando Teclas de Atalho; Importando Textos; Usando Correção Automática de Textos; Editando o Dicionário Pessoal; Alinhando a Direita e Distribuindo Texto Verticalmente; Trocando Imagens; Alterando Comportamentos; Excluindo Comandos; Excluindo um Grupo de Teclas de Atalho; Exportando MXML e Imagens; Exportando HTML e Imagens.CRIANDO BOTÕES NO ESTILO GLASSY: Reaproveitando o Botão Personalizado; Convertendo em Botão; Editando o Estado Sobre; Testando os Botões Criados.
F i r e w o r k s Carga Horária
(referencial): 25 horas
Pré-requisito:
Windows
No curso, o aluno
aprenderá a criar e
manipular imagens
vetoriais, tratar e aplicar
efeitos em fotos, criar
animações (GIFs
animados), trabalhar
com camadas e
quadros, aplicar efeitos
e muito mais, fazendo
com que ganhe muita
produtividade na
construção de layouts
de sites.
Rua Marechal Floriano Peixoto, 13 9º andar
Centro HistóricoPorto Alegre - RS
90020-061www.datalogica.com.br
Data Lógica
Informática
O Fireworks é um editor gráfico para a web desenvolvido pela Adobe. É a ferramenta ideal
para web designers, para criar e otimizar imagens, modelos de sites e aplicativos da web
rapidamente.
Conteúdo Programático:
CRIANDO UM LAYOUT PARA UMA AGÊNCIA DE VIAGEM
Criando O Topo Da Página; Inserindo Textura; Inserindo O Fundo Para O Menu Vertical;
Criando Menus Verticais Usando Retângulo Arredondado; Organizando A Camada; Criando
Menus Com Figuras; Fatiando A Página; Ajustando A Fatia; Organizando As Fatias.
TROCA DE IMAGENS E MENU POP-UP
Criando Um Estado Para Comportamento De Alternar Imagem; Inserindo Pontos De Acesso;
Inserindo Comportamento De Alternar Imagem; Criando E Configurando Um Menu Pop-Up;
Editando O Menu Pop-up; Criando Submenus; Organizando Os Itens Do Menu Pop-up;
Inserindo Links No Menu Pop-up; Criando Uma Biblioteca De URLs; Adicionando URLs À
Biblioteca.
PÁGINA-MESTRE
Configurando Uma Página-mestre; Conectando Páginas À Página-mestre; Personalizando A
Área De Trabalho; Gravando Layouts Da Área De Trabalho; Restaurando O Layout Original;
Usando Um Layout Gravado; Excluindo Layout Personalizado; Página Principal; Inserindo
Um Contorno Num Bitmap; Usando A Função Encaixar Nas Guias.
USANDO FATIAS HTML
Codificando Fatias HTML; Inserindo Imagem De Fundo Numa Fatia HTML.
POP-UP VERTICAL E BANNER TRANSPARENTE
Banner Transparente; Alterando A Transparência Do Banner; Alterando A Cor Das Fatias;
Usando JavaScript Em Fatias HTML.
CRIANDO E MODIFICANDO BOTÕES
Criando Botões; Editando Botões; Editando Propriedades De Nível De Instância; Editando
Propriedades De Nível De Símbolo; Centralizando O Texto Nos Botões; Usando Guias De
Escala Com 9 Fatias.
MAPAS INTERATIVOS
Otimizando O Uso De Fatias; Usando A Ferramenta Ponto De Acesso Poligonal; Visualizando
Todas As Páginas; Alternando Símbolo; Construindo Uma Página Para Visualizar Fotos;
Usando Processo Em Lote; Usando A Barra De Ferramentas Principal; Exibindo Arquivo
Externo.
NAVEGANDO POR MAPAS
Usando A Tag Marquee Para Movimentar Texto; Usando Listas Não-Ordenadas Em HTML;
Inserindo Textura; Inserindo GIFs Animados Numa Tabela; Usando Contorno Nos Textos
HTML.
EXPORTANDO PÁGINAS
Configurando Opções De HTML; Configurando As Opções De Exportação; Testando As
Páginas Exportadas.
USANDO O DREAMWEAVER CS6
Configurando O Fireworks Como Editor Principal; Editando Imagens Do Dreamweaver No
Fireworks; Configurando O Fireworks Como Navegador Primário; Editando E Formatando
Texto (HTML); Desabilitando O Fireworks Como Editor Principal; Editando A Página No Bloco
De Notas.
F i r e w o r k s P r o j e t o S i t e Carga Horária
(referencial): 12 horas
Pré-requisito:
Fireworks
No curso, o aluno
aplicará todo o
conhecimento adquirido
no curso básico,
através do
desenvolvimento de um
projeto completo de
layout para uma
Agência de Viagens,
fazendo com que o
aluno aprenda e
execute todo o
processo de criação de
um layout profissional.
Rua Marechal Floriano Peixoto, 13 9º andar
Centro HistóricoPorto Alegre - RS
90020-061www.datalogica.com.br
Data Lógica
Informática
O objetivo do curso é capacitar ao aluno a conhecer os recursos básicos que uma linguagem
de programação, como o oferece para aplicações na Web. O tem JavaScript, JavaScript
todas as ferramentas que uma linguagem de programação deve ter, mas não trata de
assuntos como, por exemplo, arquivos, justamente por ser voltada a aplicações específicas
de páginas da Internet. Por ser uma linguagem de programação, necessita que o usuário
possua conhecimentos de lógica de programação, porém, este curso foi desenvolvido tanto
para aqueles que possuem este conhecimento ou não.
Conteúdo Programático:
Princípios BásicosO 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áveisDefinir e declarar variáveis; Tipos de variáveis; Concatenando dados; Diferença entre
declarar uma variável local e global.
OperadoresTipos de operadores; Operadores aritméticos e lógicos.
FunçõesConhecendo 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.
ComandosIF...ELSE; FOR; Loop WHILE; Loop For; Break/Continue.
EventosO que é um evento; Definir um evento; Entender a hierarquia; Manipular os eventos.
ArrayO 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.
WebCriar Janelas; Frames; Texto na Barra de Status; Barra de rolamento; Validação de dados em
Formulários.
J a v a S c r i p t Carga Horária
(referencial): 20 horas
Pré-requisito:
Windows e noções de
Internet
Este curso é voltado
para Web Designers,
desenvolvedores que
desejam se aprimorar
em técnicas de
JavaScript, e usuários
que tenham interesse
em se ingressar no
mundo da programação
para adquirir lógica de
programação.
Rua Marechal Floriano Peixoto, 13 9º andar
Centro HistóricoPorto Alegre - RS
90020-061www.datalogica.com.br
Data Lógica
Informática
A linguagem PHP é uma linguagem de programação de domínio específico, ou seja, seu
escopo se estende a um campo de atuação que é o desenvolvimento Web. Seu propósito
principal é de implementar soluções web velozes, simples e eficientes.
Conteúdo Programático:
CONHECENDO O PHPConhecendo o EasyPHP; Executando o EasyPHP; Testando o EasyPHP; Criando um Alias no EasyPHP; Editores de Arquivo para PHP; Como Funciona o PHP; Escapando o Código HTML; Sintaxe da Linguagem PHP; Comando Echo; Comando Echo: utilizando variáveis; Comando Echo: concatenando variáveis; Variáveis e Operadores; Variáveis no PHP; Operadores no PHP; Operadores Aritméticos; Array: um tipo de dados.
ESTRUTURAS DE CONTROLEEstruturas de Controle; Condicionais: comando IF; Comando IF / Else; Comando IF / ElseIF; Loops - Comando While; Loops - Comando For.
FUNÇÕESFunções para manipular strings; Função strlen; Função trim; Função strtoupper; Função strtolower; Mais funções para tratar letras maiúsculas/minúsculas; Função substr; Função str_replace; Função str_pad; Data e Hora; Timezones no PHP; Função date_default_timezone_get; Função date_default_timezone_set; Função date; Função checkdate; Funções Criadas pelo Usuário; Criando uma função que não retorna valor; Criando uma função que retorna valor.
FORMULÁRIOS: MÉTODOS GET E POSTFormulários: Método GET e POST; Configurando um formulário; Usando a função header para definir a codificação de caracteres do script; O Array $_POST; A instrução empty; Função htmlspecialchars; O Array $_GET; Recebendo vários parâmetros no Array $_GET; Função isset; Cookies.
ARQUIVOS, EMAIL E SESSIONManipulando Arquivos; Upload de Arquivos; Upload de Arquivos: recebendo arquivos com extensões determinadas; Lendo Arquivos de Texto - Função fopen; Gravando Arquivos de Texto - Função fwrite; Email; Função mail; Função mail com código HTML; Session; Session_start; Session_destroy; Exemplo de Login com Session.
PHP 5 Carga Horária
(referencial): 25 horas
Pré-requisito:
Lógica de
Programação, HTML e
CSS
Com o conteúdo
aprendido durante
nosso curso, o aluno
será capaz de elaborar
ou dar manutenção em
sistemas e páginas
Web.
Rua Marechal Floriano Peixoto, 13 9º andar
Centro HistóricoPorto Alegre - RS
90020-061www.datalogica.com.br
Data Lógica
Informática