Aula: Pág: Data: 
Professor: 
Turma: 
1 1xxx 101.11.14 
Elielso Dias 
2506-C 
A evolução da internet 
As Gerações de sites...
Objetivos do módulo 
• Construção e desenvolvimento de sites. 
• Aplicação de sites na WEB. 
Turma: 2503-B Aula: 1 Pág: 10...
HTML – A linguagem da 
WWW 
Gerações de sites 
• HTML”pág. Estáticas” X DHTML “pág. Dinâmica” com 
interatividade. 
• XHTM...
Explicação sobre a NET 
• A evolução da revolução. 
• A WWW. 
• Mas o que é um documento hipertexto? 
• Internet versus Wo...
Diagrama 
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 
Instrutor: Elielso Dias de Oliveira 
Web 
Designer 
Web 
De...
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 
Instrutor: Elielso Dias de Oliveira
Ferramentas para criação de sites 
Bloco de Notas Word 
Site 
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 
Instrut...
• Planejamento 
Um bom site deve ser bem projeto. 
• Estrutura 
Variedade de assuntos, nº de pág. para cada assunto. 
• ...
• Homepage (HP) 
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 
Instrutor: Elielso Dias de Oliveira 
• Site 
• Porta...
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 
Instrutor: Elielso Dias de Oliveira
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 
Instrutor: Elielso Dias de Oliveira
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 
Instrutor: Elielso Dias de Oliveira
Layout – elementos de um página 
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 
Instrutor: Elielso Dias de Oliveira
Cores 
Recursos básicos como fontes, tabelas, links, cor de Fundo, 
usam uma tabela de 256 cores. 
Turma: 2503-B Aula: 1 P...
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 
Instrutor: Elielso Dias de Oliveira
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 
Instrutor: Elielso Dias de Oliveira 
Imagens 
GIF, JPG, JPEG 
GIF 
25...
Animações 
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 
Instrutor: Elielso Dias de Oliveira
Tipos de Sites 
• Institucionais são aqueles sites ligado a 
empresas, onde existem contatos de lojas, 
recrutamentos de f...
Tipos de Sites 
• Portais que são aqueles tratam de vários 
assuntos no mesmo local, vídeos, fotos, 
notícias, exemplo o g...
3 
Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 
Instrutor: Elielso Dias de Oliveira 
1 
Pesquisar na 
internet sob...
@Se você fosse criar um site, quais páginas 
você criaria?, digite no Power Point como 
seria o seu site 
@Agora faça tamb...
Próximos SlideShares
Carregando em…5
×

Aula 1 dreamweavernova

504 visualizações

Publicada em

Aula 1

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
504
No SlideShare
0
A partir de incorporações
0
Número de incorporações
248
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 1 dreamweavernova

  1. 1. Aula: Pág: Data: Professor: Turma: 1 1xxx 101.11.14 Elielso Dias 2506-C A evolução da internet As Gerações de sites Profissões Principais ferramentas 1 2 3 4
  2. 2. Objetivos do módulo • Construção e desenvolvimento de sites. • Aplicação de sites na WEB. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  3. 3. HTML – A linguagem da WWW Gerações de sites • HTML”pág. Estáticas” X DHTML “pág. Dinâmica” com interatividade. • XHTMLPágina dinâmica com texto. • PHP e ASP Banco de dados. • HTML 5 Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  4. 4. Explicação sobre a NET • A evolução da revolução. • A WWW. • Mas o que é um documento hipertexto? • Internet versus World Wide Web Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  5. 5. Diagrama Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira Web Designer Web Developer Ideia WebMaster Responsável direto pelo site. Responsável pelo designer. Manter o script “pequenos programas”.
  6. 6. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  7. 7. Ferramentas para criação de sites Bloco de Notas Word Site Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira Dreamweaver, FrontPage, HotSitePro. Flash Kate Fireworks Joomla Wordpress
  8. 8. • Planejamento Um bom site deve ser bem projeto. • Estrutura Variedade de assuntos, nº de pág. para cada assunto. • Design Aparência, o mesmo Layout em todas as pág. • Facilidade de Leitura Use de imagens e animações. • Objetividade Links objetivos, um para cada pág. • Regra dos três cliques O assunto mais importante não pode ficar a mais de 3 cliques. • Mapa ordenação dos links. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  9. 9. • Homepage (HP) Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira • Site • Portal
  10. 10. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  11. 11. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  12. 12. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  13. 13. Layout – elementos de um página Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  14. 14. Cores Recursos básicos como fontes, tabelas, links, cor de Fundo, usam uma tabela de 256 cores. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  15. 15. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  16. 16. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira Imagens GIF, JPG, JPEG GIF 256 cores; Várias imagens. JPG 16 milhões de cores; São + compactas. Tabelas Melhor organização Formulários Conhecer visitantes; Colher dados; Oferecer produtos; serviços.
  17. 17. Animações Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  18. 18. Tipos de Sites • Institucionais são aqueles sites ligado a empresas, onde existem contatos de lojas, recrutamentos de funcionários e até mesmo venda de produtos, exemplo site das casas bahia. • Sites Midiáticos que requer atualização de conteúdo frequentemente, exemplos blogs, jornais, revistas etc. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  19. 19. Tipos de Sites • Portais que são aqueles tratam de vários assuntos no mesmo local, vídeos, fotos, notícias, exemplo o globo.com. • E-comerce que são sites para compra e vendas de produtos, estão em alta, exemplo o mercado livre. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira
  20. 20. 3 Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira 1 Pesquisar na internet sobre Cromoterapia e fazer um resumo no Word. 2 Não se esqueça de sempre salvar as Atividades no seu e-mail e em Pen-driver. Faça uma pesquisa sobre as profissões que envolvam a área de Web designer. Escreva no word e elabore cinco questões com respostas!
  21. 21. @Se você fosse criar um site, quais páginas você criaria?, digite no Power Point como seria o seu site @Agora faça também no Power Point o modelo do seu site, desenvolva como no exemplo. Turma: 2503-B Aula: 1 Pág: 10 a 17 Data: 01/11/2014 Instrutor: Elielso Dias de Oliveira

×