SlideShare une entreprise Scribd logo
1  sur  25
Aula 2
Washington Silva
• Conhecendo o Dreamweaver
• Instalação e Configurações
• Criando modelos
• O Dreamweaver não é só outra ferramenta de visual de
  HTML. Ele faz o que todos os melhores editores fazem:
  cria tabelas, edita quadros e alterna facilmente da
  visualização de páginas para visualização HTML.
• O Dreamweaver suporta completamente as folhas de
  estilo em cascata (CSS),
• Quando iniciar o Dreamweaver pela primeira vez, você
  verá uma janela principal, que permite a você criar
  documentos estáticos (HTML) e dinâmicos como
  Coldfusion, PHP, ASP, ASP. NET e arquivos CSS
• No Dreamweaver podemos editar páginas HTML únicas
  como podemos gerenciar sites, ou seja, controlar todo o
  projeto que está sendo feito, o que é recomendado para
  a construção de seu site.
• Na tela que se abre na coluna do meio temos a opção
  Dreamweaver Site
• Ao iniciar devemos apenas da “OK”
• Agora devemos escolher em qual linguagem iremos
  trabalhar.
• Você deve acessar o modo classico no Dream para
  exibir funções que usaremos hoje
• Agora vá até o menu SITE e clique em novo SITE
• Defina o nome pro site e o local onde será salvo
• Agora vamos salvar o nome da nossa pagina.
• A página inicial deve se chamar index
• Agora vamos inserir uma tabela
• Devemos selecionar a quantidade de linhas e colunas
• Iremos usar 2 linhas e 8 colunas
• Ao clicar nos pontos pretos você pode aumentar ou
  diminuir o tamanho da sua tabela
• Nossa tabela deve ficar semelhante a da imagem abaixo
• Para mesclar devemos selecionar as celular e pressionar
  M
• Para inserir uma nova vá em arquivo>novo
• Link e o caminho, a ponte que usamos para navegar
  dentro no nosso site
• De acordo com a pesquisa realizada na ultima aula
  vamos montar um site sobre cromoterapia
• Deveremos usar imagens e o conteúdo já salvo, esse
  site deve conter um total de 8 paginas sendo 7 paginas
  especificas para cada cor.
Dream aula 2
Dream aula 2

Contenu connexe

Similaire à Dream aula 2 (20)

Desenvolvimento de sites css
Desenvolvimento de sites cssDesenvolvimento de sites css
Desenvolvimento de sites css
 
Curso Ponto de Encontro - Aula 1
Curso Ponto de Encontro - Aula 1Curso Ponto de Encontro - Aula 1
Curso Ponto de Encontro - Aula 1
 
Mini curso html5 slides
Mini curso html5   slidesMini curso html5   slides
Mini curso html5 slides
 
Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designer
 
Curso HTML e CSS
Curso HTML e CSSCurso HTML e CSS
Curso HTML e CSS
 
Tutorial webnode
Tutorial webnodeTutorial webnode
Tutorial webnode
 
Webnode
WebnodeWebnode
Webnode
 
Dream 05
Dream 05Dream 05
Dream 05
 
Dream 05
Dream 05Dream 05
Dream 05
 
Tutorial webnode
Tutorial webnodeTutorial webnode
Tutorial webnode
 
Apostila dreamweaver
Apostila dreamweaver Apostila dreamweaver
Apostila dreamweaver
 
Criando uma webquest com o site webnode
Criando uma webquest com o site webnodeCriando uma webquest com o site webnode
Criando uma webquest com o site webnode
 
Tutorial webnode
Tutorial webnodeTutorial webnode
Tutorial webnode
 
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e css
 
Tutorial webnode
Tutorial webnodeTutorial webnode
Tutorial webnode
 
Tutorial webnode
Tutorial webnodeTutorial webnode
Tutorial webnode
 
Tutorial webnode
Tutorial webnodeTutorial webnode
Tutorial webnode
 
Como criar e manter o site do seu projeto político no word press
Como criar e manter o site do seu projeto político no word press Como criar e manter o site do seu projeto político no word press
Como criar e manter o site do seu projeto político no word press
 
Power point 2003
Power point 2003Power point 2003
Power point 2003
 
Guia básico wix
Guia básico wixGuia básico wix
Guia básico wix
 

Plus de Washington Oliveira (20)

Prova
ProvaProva
Prova
 
Aula 08
Aula 08Aula 08
Aula 08
 
Virus
VirusVirus
Virus
 
Ppt web.pptx 04
Ppt web.pptx 04Ppt web.pptx 04
Ppt web.pptx 04
 
Aula 3
Aula 3Aula 3
Aula 3
 
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 1
Aula 1Aula 1
Aula 1
 
Aula 03
Aula 03Aula 03
Aula 03
 
Aula 02
Aula 02Aula 02
Aula 02
 
Aula 01
Aula 01Aula 01
Aula 01
 
Word 16
Word 16Word 16
Word 16
 
Aula 07
Aula 07Aula 07
Aula 07
 
Atividade revisão
Atividade revisãoAtividade revisão
Atividade revisão
 
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
 
Ppt web.pptx 03 e 04
Ppt web.pptx 03 e 04Ppt web.pptx 03 e 04
Ppt web.pptx 03 e 04
 

Dream aula 2

  • 2. • Conhecendo o Dreamweaver • Instalação e Configurações • Criando modelos
  • 3. • O Dreamweaver não é só outra ferramenta de visual de HTML. Ele faz o que todos os melhores editores fazem: cria tabelas, edita quadros e alterna facilmente da visualização de páginas para visualização HTML. • O Dreamweaver suporta completamente as folhas de estilo em cascata (CSS),
  • 4. • Quando iniciar o Dreamweaver pela primeira vez, você verá uma janela principal, que permite a você criar documentos estáticos (HTML) e dinâmicos como Coldfusion, PHP, ASP, ASP. NET e arquivos CSS
  • 5.
  • 6. • No Dreamweaver podemos editar páginas HTML únicas como podemos gerenciar sites, ou seja, controlar todo o projeto que está sendo feito, o que é recomendado para a construção de seu site. • Na tela que se abre na coluna do meio temos a opção Dreamweaver Site
  • 7.
  • 8. • Ao iniciar devemos apenas da “OK”
  • 9. • Agora devemos escolher em qual linguagem iremos trabalhar.
  • 10.
  • 11. • Você deve acessar o modo classico no Dream para exibir funções que usaremos hoje
  • 12. • Agora vá até o menu SITE e clique em novo SITE
  • 13.
  • 14. • Defina o nome pro site e o local onde será salvo
  • 15. • Agora vamos salvar o nome da nossa pagina. • A página inicial deve se chamar index
  • 16. • Agora vamos inserir uma tabela • Devemos selecionar a quantidade de linhas e colunas
  • 17. • Iremos usar 2 linhas e 8 colunas
  • 18. • Ao clicar nos pontos pretos você pode aumentar ou diminuir o tamanho da sua tabela
  • 19. • Nossa tabela deve ficar semelhante a da imagem abaixo • Para mesclar devemos selecionar as celular e pressionar M
  • 20. • Para inserir uma nova vá em arquivo>novo
  • 21. • Link e o caminho, a ponte que usamos para navegar dentro no nosso site
  • 22.
  • 23. • De acordo com a pesquisa realizada na ultima aula vamos montar um site sobre cromoterapia • Deveremos usar imagens e o conteúdo já salvo, esse site deve conter um total de 8 paginas sendo 7 paginas especificas para cada cor.