Aula 1 dreamweavernova

490 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
490
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

×