SlideShare uma empresa Scribd logo

Aula 1 dreamweavernova

O documento discute as gerações de sites, ferramentas para criação de sites e layouts de páginas. Aborda a evolução da internet e da World Wide Web, além de explicar conceitos como hipertexto e diagrama de profissões relacionadas a desenvolvimento de sites.

1 de 18
Baixar para ler offline
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
Objetivos do módulo 
• Construção e desenvolvimento de sites. 
• Aplicação de sites na WEB. 
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos
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: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos
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: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos
Diagrama 
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos 
Web 
Designer 
Web 
Developer 
Ideia 
WebMaster Responsável direto pelo site. 
Responsável pelo designer. 
Manter o script “pequenos programas”.
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos
Ferramentas para criação de sites 
Bloco de Notas Word 
Site 
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos 
Dreamweaver, FrontPage, 
HotSitePro. 
Flash 
Kate 
Fireworks 
Joomla 
Wordpress
• 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: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos
• Homepage (HP) 
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos 
• Site 
• Portal
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos
Layout – elementos de um página 
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos
Cores 
Recursos básicos como fontes, tabelas, links, cor de Fundo, 
usam uma tabela de 256 cores. 
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos 
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.
Animações 
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos
3 
Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 
Instrutor: Ricardo Paladini Matos 
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!

Recomendados

Mais conteúdo relacionado

Mais procurados (20)

Aula 13 web
Aula 13 webAula 13 web
Aula 13 web
 
Aula 01 word
Aula 01 wordAula 01 word
Aula 01 word
 
Aula 04 word
Aula 04 wordAula 04 word
Aula 04 word
 
Aula 15 web
Aula 15 webAula 15 web
Aula 15 web
 
Aula 7 word
Aula 7  wordAula 7  word
Aula 7 word
 
Aula 6 word
Aula 6 wordAula 6 word
Aula 6 word
 
Aula 3 excel
Aula 3 excelAula 3 excel
Aula 3 excel
 
Aula 1 dreamweavernova
Aula 1  dreamweavernovaAula 1  dreamweavernova
Aula 1 dreamweavernova
 
Aula 12 word
Aula 12  wordAula 12  word
Aula 12 word
 
Aula 13 formulário
Aula 13 formulárioAula 13 formulário
Aula 13 formulário
 
Aula 11 word
Aula 11  wordAula 11  word
Aula 11 word
 
Aula 5 word
Aula 5   wordAula 5   word
Aula 5 word
 
Aula 10 word
Aula 10 wordAula 10 word
Aula 10 word
 
Aula 12 word
Aula 12  wordAula 12  word
Aula 12 word
 
Aula 10 corel comunicação visual
Aula 10 corel comunicação visualAula 10 corel comunicação visual
Aula 10 corel comunicação visual
 
Aula 9 excel
Aula 9 excelAula 9 excel
Aula 9 excel
 
Aula 09 word
Aula 09  wordAula 09  word
Aula 09 word
 
Aula 02 word
Aula 02 wordAula 02 word
Aula 02 word
 
Aula 8 corel
Aula 8 corelAula 8 corel
Aula 8 corel
 
Aula 13 excel
Aula 13  excelAula 13  excel
Aula 13 excel
 

Destaque

Recommendation Letter - Holiday Villa Restaurant Manager
Recommendation Letter - Holiday Villa Restaurant ManagerRecommendation Letter - Holiday Villa Restaurant Manager
Recommendation Letter - Holiday Villa Restaurant ManagerAndhika Yudianto
 
Dubai Men's College Letter
Dubai Men's College LetterDubai Men's College Letter
Dubai Men's College LetterDerrick Wolynski
 
9.2 ocasiones especiales dia 1
9.2 ocasiones especiales dia 19.2 ocasiones especiales dia 1
9.2 ocasiones especiales dia 1cc50043
 

Destaque (7)

"Iniciativa Eco Huerto" por Adrián Bárez.
"Iniciativa Eco Huerto" por Adrián Bárez. "Iniciativa Eco Huerto" por Adrián Bárez.
"Iniciativa Eco Huerto" por Adrián Bárez.
 
Khai etnik
Khai etnikKhai etnik
Khai etnik
 
Recommendation Letter - Holiday Villa Restaurant Manager
Recommendation Letter - Holiday Villa Restaurant ManagerRecommendation Letter - Holiday Villa Restaurant Manager
Recommendation Letter - Holiday Villa Restaurant Manager
 
Dubai Men's College Letter
Dubai Men's College LetterDubai Men's College Letter
Dubai Men's College Letter
 
Konsep si
Konsep siKonsep si
Konsep si
 
9.2 ocasiones especiales dia 1
9.2 ocasiones especiales dia 19.2 ocasiones especiales dia 1
9.2 ocasiones especiales dia 1
 
Yostina Ibrahim Barty
Yostina Ibrahim BartyYostina Ibrahim Barty
Yostina Ibrahim Barty
 

Semelhante a Aula 1 dreamweavernova (20)

Aula 2 so
Aula 2 soAula 2 so
Aula 2 so
 
Aula 1 corel
Aula 1 corelAula 1 corel
Aula 1 corel
 
Aula 03 word
Aula 03 wordAula 03 word
Aula 03 word
 
Aula 1 web
Aula 1 webAula 1 web
Aula 1 web
 
Aula 6 web
Aula 6 webAula 6 web
Aula 6 web
 
Aula 7 web
Aula 7 webAula 7 web
Aula 7 web
 
Aula 6 so
Aula 6 soAula 6 so
Aula 6 so
 
Aula 5 atualizada
Aula 5   atualizadaAula 5   atualizada
Aula 5 atualizada
 
Dream 09
Dream 09Dream 09
Dream 09
 
Aula 7 excel
Aula 7 excelAula 7 excel
Aula 7 excel
 
Aula 4 dream weaver conhecendo a ferramenta
Aula 4  dream weaver conhecendo a ferramentaAula 4  dream weaver conhecendo a ferramenta
Aula 4 dream weaver conhecendo a ferramenta
 
Aula 1 excel
Aula 1 excelAula 1 excel
Aula 1 excel
 
Aula 15 formulário
Aula 15 formulário Aula 15 formulário
Aula 15 formulário
 
Aula 3 excel
Aula 3 excelAula 3 excel
Aula 3 excel
 
Aula 3 so
Aula 3 soAula 3 so
Aula 3 so
 
Aula 8 nova corel
Aula 8 nova corel  Aula 8 nova corel
Aula 8 nova corel
 
Aula 15 so
Aula 15 soAula 15 so
Aula 15 so
 
Aula 2
Aula 2Aula 2
Aula 2
 
Aula de Ambiente Web - 08 - Cedaspy
Aula de Ambiente Web - 08 - CedaspyAula de Ambiente Web - 08 - Cedaspy
Aula de Ambiente Web - 08 - Cedaspy
 
Aula 4 web
Aula 4 webAula 4 web
Aula 4 web
 

Mais de Elielso Dias

Slides professores
Slides professoresSlides professores
Slides professoresElielso Dias
 
Atividade de sites
Atividade de sitesAtividade de sites
Atividade de sitesElielso Dias
 
Nota final projeto
Nota final projetoNota final projeto
Nota final projetoElielso Dias
 
Redes socias 12 pinterest
Redes socias 12 pinterestRedes socias 12 pinterest
Redes socias 12 pinterestElielso Dias
 
Aula 12 corel flyers x folders
Aula 12 corel flyers x foldersAula 12 corel flyers x folders
Aula 12 corel flyers x foldersElielso Dias
 
Aula 11 criar banner e botões para web
Aula 11 criar banner e botões para webAula 11 criar banner e botões para web
Aula 11 criar banner e botões para webElielso Dias
 
Aula 09 criando letras
Aula 09 criando letrasAula 09 criando letras
Aula 09 criando letrasElielso Dias
 
Aula 3 redes sociais twitter
Aula 3 redes sociais  twitterAula 3 redes sociais  twitter
Aula 3 redes sociais twitterElielso Dias
 
Aula 1 redes sociais
Aula 1 redes sociaisAula 1 redes sociais
Aula 1 redes sociaisElielso Dias
 
Aula 2 nova 2015 tcp
Aula 2 nova 2015 tcpAula 2 nova 2015 tcp
Aula 2 nova 2015 tcpElielso Dias
 
Aula 4 marketing pessoal e inglês
Aula 4   marketing pessoal e inglêsAula 4   marketing pessoal e inglês
Aula 4 marketing pessoal e inglêsElielso Dias
 
Aula 1 nova 2015 tcp
Aula 1 nova 2015 tcpAula 1 nova 2015 tcp
Aula 1 nova 2015 tcpElielso Dias
 

Mais de Elielso Dias (20)

Slides professores
Slides professoresSlides professores
Slides professores
 
Atividade de sites
Atividade de sitesAtividade de sites
Atividade de sites
 
Projeto final
Projeto finalProjeto final
Projeto final
 
Projeto final
Projeto finalProjeto final
Projeto final
 
Nota final projeto
Nota final projetoNota final projeto
Nota final projeto
 
Filme confiar
Filme confiarFilme confiar
Filme confiar
 
Redes socias 12 pinterest
Redes socias 12 pinterestRedes socias 12 pinterest
Redes socias 12 pinterest
 
Estagio
EstagioEstagio
Estagio
 
Aula 12 corel flyers x folders
Aula 12 corel flyers x foldersAula 12 corel flyers x folders
Aula 12 corel flyers x folders
 
Aula 11 criar banner e botões para web
Aula 11 criar banner e botões para webAula 11 criar banner e botões para web
Aula 11 criar banner e botões para web
 
Aula 09 criando letras
Aula 09 criando letrasAula 09 criando letras
Aula 09 criando letras
 
Aula 3 redes sociais twitter
Aula 3 redes sociais  twitterAula 3 redes sociais  twitter
Aula 3 redes sociais twitter
 
Aula 1 redes sociais
Aula 1 redes sociaisAula 1 redes sociais
Aula 1 redes sociais
 
Redes sociais 01
Redes sociais 01Redes sociais 01
Redes sociais 01
 
Aula 2 nova 2015 tcp
Aula 2 nova 2015 tcpAula 2 nova 2015 tcp
Aula 2 nova 2015 tcp
 
Aula 4 marketing pessoal e inglês
Aula 4   marketing pessoal e inglêsAula 4   marketing pessoal e inglês
Aula 4 marketing pessoal e inglês
 
Aula 1 nova 2015 tcp
Aula 1 nova 2015 tcpAula 1 nova 2015 tcp
Aula 1 nova 2015 tcp
 
Projeto final 1
Projeto final 1Projeto final 1
Projeto final 1
 
Projeto final 1
Projeto final 1Projeto final 1
Projeto final 1
 
Projeto final
Projeto finalProjeto final
Projeto final
 

Aula 1 dreamweavernova

  • 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. Objetivos do módulo • Construção e desenvolvimento de sites. • Aplicação de sites na WEB. Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos
  • 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: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos
  • 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: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos
  • 5. Diagrama Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos Web Designer Web Developer Ideia WebMaster Responsável direto pelo site. Responsável pelo designer. Manter o script “pequenos programas”.
  • 6. Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos
  • 7. Ferramentas para criação de sites Bloco de Notas Word Site Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos Dreamweaver, FrontPage, HotSitePro. Flash Kate Fireworks Joomla Wordpress
  • 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: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos
  • 9. • Homepage (HP) Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos • Site • Portal
  • 10. Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos
  • 11. Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos
  • 12. Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos
  • 13. Layout – elementos de um página Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos
  • 14. Cores Recursos básicos como fontes, tabelas, links, cor de Fundo, usam uma tabela de 256 cores. Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos
  • 15. Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos
  • 16. Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos 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. Animações Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos
  • 18. 3 Turma: 2503-B Aula: 10 Pág: 10 a 17 Data: 20/01/2012 Instrutor: Ricardo Paladini Matos 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!