SlideShare una empresa de Scribd logo
1 de 28
Aula 1
Washington Silva
•   Faltas serão comunicadas
•   Limite máximo de 3 faltas (reprova)
•   Justificativa para faltas atestado médico ou declaração
•   Evitar conversas no Áudio
•   Colaboração dentro de salas com os amigos
•   Horários de entrada e saída devem ser respeitados
Se você for pego fuçando no Facebook
Se você for pego fuçando no
orkut
Se você pedir pra ir embora mais
cedo
Se você faltar sem justificativa
• Construção e desenvolvimento de sites

• Aplicação de sites na WEB
1   A evolução da internet


2   As Gerações de sites


3   Profissões


4   Principais ferramentas
• DHTML X HTML

• O HTML é uma linguagem de marcação de texto, que
  permite apresentação de imagens e se acesso á
  arquivos de sons, filmes etc.
• Porem se evidenciou a necessidade da criação de
  paginas que tivessem mais mobilidade mais movimentos
• DHTML X HTML
• Foi desenvolvido a DHTML é a sigla que define uma
  serie de novas tecnologias como XML, PHP e ASP.
• HTML – Páginas estáticas sem interatividade
• DHTML – Páginas Dinamicas
Web
Developer




  Web                   Site Pronto
Designer

            WebMaster
• Responsavel direto pelo site. Ele é que tem a tarefa de
  organizar a equipe, faz o planejamento de site entre
  outras coisas.
• Responsável pela aparência do site balanceamento das
  core, uso de imagens e ícones, também responsável
  pelo planejamento gráfico de um site
• Responsável por criar e manter pequenos scripts que
  mantém a interatividade em uma página, indispensável
  para a maioria dos grandes sites e portais principalmente
  se esta página oferece produtos “e-commerce ” ou
  serviços.
Bloco de Notas          Word




Photoshop            Site           Dreamweaver




        Fireworks           Flash
•   Planejamento
•   Estrutura
•   Design
•   Facilidade de Leitura
•   Objetividade
•   Regra dos três cliques
•   Mapa
• Homepage (HP)

• Site

• Portal
• As imagens de padrão gif tem no máximo 256 cores,
  normalmente o gif e pequeno e atraente
• Termo utilizado na informática que significa formato
  gráfico que parece se mover ou se alterar como
  resultado de várias imagens em um único arquivo.
1              2           3

Pesquisar     Responda     Pesquise
na internet   as           sobre o
sobre         atividades
                           mercado
cromotera-    apostila
                           de
pia.                       webdesign
                           er
Aula 1 de Desenvolvimento de Sites
Aula 1 de Desenvolvimento de Sites

Más contenido relacionado

Destacado (20)

Aula 08
Aula 08Aula 08
Aula 08
 
Ppt web.pptx 07 e 08
Ppt web.pptx 07 e 08Ppt web.pptx 07 e 08
Ppt web.pptx 07 e 08
 
Dream aula 11
Dream aula 11Dream aula 11
Dream aula 11
 
Ppt web.pptx 03 e 04
Ppt web.pptx 03 e 04Ppt web.pptx 03 e 04
Ppt web.pptx 03 e 04
 
Ambiente web
Ambiente webAmbiente web
Ambiente web
 
Tcp aula 4
Tcp aula 4Tcp aula 4
Tcp aula 4
 
Aula 08
Aula 08Aula 08
Aula 08
 
Aula 3
Aula 3Aula 3
Aula 3
 
Atividade revisão
Atividade revisãoAtividade revisão
Atividade revisão
 
Dream aula 8
Dream aula 8Dream aula 8
Dream aula 8
 
Ppt web.pptx 04
Ppt web.pptx 04Ppt web.pptx 04
Ppt web.pptx 04
 
Dream aula 2
Dream aula 2Dream aula 2
Dream aula 2
 
Atividade revisão
Atividade revisãoAtividade revisão
Atividade revisão
 
Aula 07 e 08
Aula 07 e 08Aula 07 e 08
Aula 07 e 08
 
Aula 1
Aula 1Aula 1
Aula 1
 
Ambiente web
Ambiente webAmbiente web
Ambiente web
 
Prova
ProvaProva
Prova
 
Práctica 1
Práctica 1Práctica 1
Práctica 1
 
Lista de exercicios
Lista de exerciciosLista de exercicios
Lista de exercicios
 
Aplicações Web Ricas e Acessíveis
Aplicações Web Ricas e AcessíveisAplicações Web Ricas e Acessíveis
Aplicações Web Ricas e Acessíveis
 

Similar a Aula 1 de Desenvolvimento de Sites

Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015Anyssa Ferreira
 
Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designerRoney Sousa
 
Criando temas em PSD pensando no Front-end e Back-end
Criando temas em PSD pensando no Front-end e Back-endCriando temas em PSD pensando no Front-end e Back-end
Criando temas em PSD pensando no Front-end e Back-end@cristianoweb
 
T CC - David William e Marce
T CC - David William e Marce T CC - David William e Marce
T CC - David William e Marce Notícia Web
 
HTML5.pptx
HTML5.pptxHTML5.pptx
HTML5.pptxLuanDev1
 
Montando ambiente de desenvolvimento android em um tablet
Montando ambiente de desenvolvimento android em um tabletMontando ambiente de desenvolvimento android em um tablet
Montando ambiente de desenvolvimento android em um tabletHeider Lopes
 
Montando ambiente de desenvolvimento android em um tablet
Montando ambiente de desenvolvimento android em um tabletMontando ambiente de desenvolvimento android em um tablet
Montando ambiente de desenvolvimento android em um tabletHeider Lopes
 
Receita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front EndReceita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front EndLeonardo Balter
 
Desvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoDesvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoUbiratan Z. do Nascimento
 

Similar a Aula 1 de Desenvolvimento de Sites (20)

Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
 
Aula 1
Aula 1Aula 1
Aula 1
 
Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designer
 
Tcc
TccTcc
Tcc
 
Criando temas em PSD pensando no Front-end e Back-end
Criando temas em PSD pensando no Front-end e Back-endCriando temas em PSD pensando no Front-end e Back-end
Criando temas em PSD pensando no Front-end e Back-end
 
T CC - David William e Marce
T CC - David William e Marce T CC - David William e Marce
T CC - David William e Marce
 
HTML5.pptx
HTML5.pptxHTML5.pptx
HTML5.pptx
 
Slides .pptx.pdf
Slides .pptx.pdfSlides .pptx.pdf
Slides .pptx.pdf
 
Camadas do frontend
Camadas do frontendCamadas do frontend
Camadas do frontend
 
Montando ambiente de desenvolvimento android em um tablet
Montando ambiente de desenvolvimento android em um tabletMontando ambiente de desenvolvimento android em um tablet
Montando ambiente de desenvolvimento android em um tablet
 
Montando ambiente de desenvolvimento android em um tablet
Montando ambiente de desenvolvimento android em um tabletMontando ambiente de desenvolvimento android em um tablet
Montando ambiente de desenvolvimento android em um tablet
 
Html e além
Html e alémHtml e além
Html e além
 
Animação para web
Animação para webAnimação para web
Animação para web
 
Animação na web
Animação na webAnimação na web
Animação na web
 
Aula 1
Aula 1Aula 1
Aula 1
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Palestra html5 e CSS3
Palestra html5 e CSS3Palestra html5 e CSS3
Palestra html5 e CSS3
 
Receita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front EndReceita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front End
 
Desvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoDesvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucesso
 
Browsers como vivem o que fazem
Browsers como vivem o que fazemBrowsers como vivem o que fazem
Browsers como vivem o que fazem
 

Más de Washington Oliveira (18)

Virus
VirusVirus
Virus
 
Aula 02 nova
Aula 02 novaAula 02 nova
Aula 02 nova
 
Ppt web.pptx 02
Ppt web.pptx 02Ppt web.pptx 02
Ppt web.pptx 02
 
Ppt web.pptx 02
Ppt web.pptx 02Ppt web.pptx 02
Ppt web.pptx 02
 
Aula 01
Aula 01Aula 01
Aula 01
 
Word 16
Word 16Word 16
Word 16
 
Excel 7 e 8
Excel 7 e 8Excel 7 e 8
Excel 7 e 8
 
Aula06
Aula06Aula06
Aula06
 
Aula 05
Aula 05Aula 05
Aula 05
 
Aula 04
Aula 04Aula 04
Aula 04
 
Aula 03
Aula 03Aula 03
Aula 03
 
Aula 01
Aula 01Aula 01
Aula 01
 
Sistemas operacionais
Sistemas operacionaisSistemas operacionais
Sistemas operacionais
 
Word 21
Word 21Word 21
Word 21
 
Produção de documentos aula 12
Produção de documentos aula 12Produção de documentos aula 12
Produção de documentos aula 12
 
Excel geral
Excel geralExcel geral
Excel geral
 
Trabalho projeto final
Trabalho projeto finalTrabalho projeto final
Trabalho projeto final
 
Aula11
Aula11 Aula11
Aula11
 

Aula 1 de Desenvolvimento de Sites

  • 2. Faltas serão comunicadas • Limite máximo de 3 faltas (reprova) • Justificativa para faltas atestado médico ou declaração • Evitar conversas no Áudio • Colaboração dentro de salas com os amigos • Horários de entrada e saída devem ser respeitados
  • 3. Se você for pego fuçando no Facebook Se você for pego fuçando no orkut Se você pedir pra ir embora mais cedo Se você faltar sem justificativa
  • 4. • Construção e desenvolvimento de sites • Aplicação de sites na WEB
  • 5. 1 A evolução da internet 2 As Gerações de sites 3 Profissões 4 Principais ferramentas
  • 6. • DHTML X HTML • O HTML é uma linguagem de marcação de texto, que permite apresentação de imagens e se acesso á arquivos de sons, filmes etc. • Porem se evidenciou a necessidade da criação de paginas que tivessem mais mobilidade mais movimentos
  • 7. • DHTML X HTML • Foi desenvolvido a DHTML é a sigla que define uma serie de novas tecnologias como XML, PHP e ASP.
  • 8. • HTML – Páginas estáticas sem interatividade • DHTML – Páginas Dinamicas
  • 9. Web Developer Web Site Pronto Designer WebMaster
  • 10. • Responsavel direto pelo site. Ele é que tem a tarefa de organizar a equipe, faz o planejamento de site entre outras coisas.
  • 11. • Responsável pela aparência do site balanceamento das core, uso de imagens e ícones, também responsável pelo planejamento gráfico de um site
  • 12. • Responsável por criar e manter pequenos scripts que mantém a interatividade em uma página, indispensável para a maioria dos grandes sites e portais principalmente se esta página oferece produtos “e-commerce ” ou serviços.
  • 13. Bloco de Notas Word Photoshop Site Dreamweaver Fireworks Flash
  • 14. Planejamento • Estrutura • Design • Facilidade de Leitura • Objetividade • Regra dos três cliques • Mapa
  • 15. • Homepage (HP) • Site • Portal
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24. • As imagens de padrão gif tem no máximo 256 cores, normalmente o gif e pequeno e atraente
  • 25. • Termo utilizado na informática que significa formato gráfico que parece se mover ou se alterar como resultado de várias imagens em um único arquivo.
  • 26. 1 2 3 Pesquisar Responda Pesquise na internet as sobre o sobre atividades mercado cromotera- apostila de pia. webdesign er