SlideShare uma empresa Scribd logo
1 de 9
DESENVOLVIMENTO DE SITES
Turma:
Professor:
Aula: Pág: Data:
Jorge André
05 15/5/201332 - 39
@Apresentação do Dreamweaver;
@Ferramentas.
@ Dreamweaver é um software que faz parte do pacote
Adobe, inicialmente pertencia a macromedia, programa
profissional para criar e desenvolver sites.
Barra de Menu
Barra de propriedades
@O Dreamweaver conta com três modos de
visualização:
@Códigos;
@ Códigos e Design;
@ Design.
@Com todo planejamento idealizado, com o brienfing pronto
e o wireframe desenhado, é colocar em prática a página na
web.
@Definir o site isso é muito importante para organização.
@Clicar no menu Site – Novo site
Definir o nome do site e o local onde serão armazenados as
páginas, imagens, enfim os conteúdos.
@ Criar uma pasta na área de trabalho como o nome site
informática;
@ Criar um banner com medidas 730x90 pixels no Corel Draw;
@ Criar 3 botões no Corel Draw com medidas 150x30 pixels;
@ CONTATOS
@ HOME
@ CURSOS
@ SALVAR TUDO DENTRO DA PASTA CRIADA, ESSES ARQUIVOS
SERÃO UTILIZADOS EM AULAS POSTERIORES.
HOME – CURSOS - CONTATOS
HOME – CURSOS - CONTATOS
HOME – CURSOS - CONTATOS

Mais conteúdo relacionado

Mais procurados

Como criar seu próprio Framework
Como criar seu próprio FrameworkComo criar seu próprio Framework
Como criar seu próprio FrameworkHiarison Gigante
 
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton BezerraProgramação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton BezerraHelton Bezerra
 
Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designerRoney Sousa
 
Web Design > HTML (aula 1)
Web Design > HTML (aula 1)Web Design > HTML (aula 1)
Web Design > HTML (aula 1)Felipe Fernandes
 
Construindo um framework CSS
Construindo um framework CSSConstruindo um framework CSS
Construindo um framework CSSDiego Eis
 
Os cuidados e os limites do Responsive Web Design
Os cuidados e os limites do Responsive Web DesignOs cuidados e os limites do Responsive Web Design
Os cuidados e os limites do Responsive Web DesignDiego Eis
 
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-endO que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-endDiego Eis
 
CSS - Cansei de Ser Subestimado
CSS - Cansei de Ser SubestimadoCSS - Cansei de Ser Subestimado
CSS - Cansei de Ser SubestimadoAnyssa Ferreira
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignGustavo Zimmermann
 
Google docs cristinacoelho
Google docs cristinacoelhoGoogle docs cristinacoelho
Google docs cristinacoelhocristinamlcoelho
 
Html aula 13 - CSS, Div, Span, Personalizando link, a:link, a:hover, a:visited
Html aula 13 - CSS, Div, Span, Personalizando link, a:link, a:hover, a:visitedHtml aula 13 - CSS, Div, Span, Personalizando link, a:link, a:hover, a:visited
Html aula 13 - CSS, Div, Span, Personalizando link, a:link, a:hover, a:visitedErick L. F.
 
WordCamp Floripa 2018: Gutenberg, o que é e qual seu impacto no WordPress
WordCamp Floripa 2018: Gutenberg, o que é e qual seu impacto no WordPressWordCamp Floripa 2018: Gutenberg, o que é e qual seu impacto no WordPress
WordCamp Floripa 2018: Gutenberg, o que é e qual seu impacto no WordPressDaniel Kossmann
 
Explorando novas ferramentas do blog 01
Explorando novas ferramentas do blog  01Explorando novas ferramentas do blog  01
Explorando novas ferramentas do blog 01Maria Angela
 

Mais procurados (18)

Como criar seu próprio Framework
Como criar seu próprio FrameworkComo criar seu próprio Framework
Como criar seu próprio Framework
 
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton BezerraProgramação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
Programação Visual Para Blogueiros (WordCamp Salvador 2014) - Helton Bezerra
 
Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designer
 
Web Design > HTML (aula 1)
Web Design > HTML (aula 1)Web Design > HTML (aula 1)
Web Design > HTML (aula 1)
 
Sistemas operacionais 02
Sistemas operacionais 02Sistemas operacionais 02
Sistemas operacionais 02
 
Construindo um framework CSS
Construindo um framework CSSConstruindo um framework CSS
Construindo um framework CSS
 
Os cuidados e os limites do Responsive Web Design
Os cuidados e os limites do Responsive Web DesignOs cuidados e os limites do Responsive Web Design
Os cuidados e os limites do Responsive Web Design
 
Como criar meu blog
Como criar meu blogComo criar meu blog
Como criar meu blog
 
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-endO que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
 
CSS - Cansei de Ser Subestimado
CSS - Cansei de Ser SubestimadoCSS - Cansei de Ser Subestimado
CSS - Cansei de Ser Subestimado
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web Design
 
Google docs cristinacoelho
Google docs cristinacoelhoGoogle docs cristinacoelho
Google docs cristinacoelho
 
Html aula 13 - CSS, Div, Span, Personalizando link, a:link, a:hover, a:visited
Html aula 13 - CSS, Div, Span, Personalizando link, a:link, a:hover, a:visitedHtml aula 13 - CSS, Div, Span, Personalizando link, a:link, a:hover, a:visited
Html aula 13 - CSS, Div, Span, Personalizando link, a:link, a:hover, a:visited
 
Dream 01
Dream 01Dream 01
Dream 01
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
 
WordCamp Floripa 2018: Gutenberg, o que é e qual seu impacto no WordPress
WordCamp Floripa 2018: Gutenberg, o que é e qual seu impacto no WordPressWordCamp Floripa 2018: Gutenberg, o que é e qual seu impacto no WordPress
WordCamp Floripa 2018: Gutenberg, o que é e qual seu impacto no WordPress
 
Explorando novas ferramentas do blog 01
Explorando novas ferramentas do blog  01Explorando novas ferramentas do blog  01
Explorando novas ferramentas do blog 01
 
Daniel Kossmann - Gutemberg
Daniel Kossmann - GutembergDaniel Kossmann - Gutemberg
Daniel Kossmann - Gutemberg
 

Destaque

Menunggangi Gelombang, Mengangkat Martabat
Menunggangi Gelombang, Mengangkat MartabatMenunggangi Gelombang, Mengangkat Martabat
Menunggangi Gelombang, Mengangkat Martabathillon goa
 
Programação Mucho con Poco - São Paulo
Programação Mucho con Poco  - São PauloProgramação Mucho con Poco  - São Paulo
Programação Mucho con Poco - São PauloFabiana Guia
 
Apostila de vb.net
Apostila de vb.netApostila de vb.net
Apostila de vb.netlricx
 
Postmodern – matrix clip
Postmodern – matrix clipPostmodern – matrix clip
Postmodern – matrix cliprageee
 
Spectacle & Destruction
Spectacle & DestructionSpectacle & Destruction
Spectacle & DestructionHeather Lusty
 
Investigación industrias colombianas e impacto ambiental
Investigación industrias colombianas e impacto ambientalInvestigación industrias colombianas e impacto ambiental
Investigación industrias colombianas e impacto ambientalpaolacely12
 
Ertegi gulliverdin sayahati
Ertegi gulliverdin sayahatiErtegi gulliverdin sayahati
Ertegi gulliverdin sayahatiErnur Esenjolov
 
Projecte d’aprenantatge i servei Creem Joc TEI Institut Antoni Pous
Projecte d’aprenantatge i servei Creem Joc TEI Institut Antoni PousProjecte d’aprenantatge i servei Creem Joc TEI Institut Antoni Pous
Projecte d’aprenantatge i servei Creem Joc TEI Institut Antoni Pousnedibosch
 

Destaque (20)

Mini Europa
Mini EuropaMini Europa
Mini Europa
 
MyBrainMagazine 7
MyBrainMagazine 7MyBrainMagazine 7
MyBrainMagazine 7
 
Universidade do Futuro
Universidade do FuturoUniversidade do Futuro
Universidade do Futuro
 
Menunggangi Gelombang, Mengangkat Martabat
Menunggangi Gelombang, Mengangkat MartabatMenunggangi Gelombang, Mengangkat Martabat
Menunggangi Gelombang, Mengangkat Martabat
 
Programação Mucho con Poco - São Paulo
Programação Mucho con Poco  - São PauloProgramação Mucho con Poco  - São Paulo
Programação Mucho con Poco - São Paulo
 
Respuestas a las consultas 2015
Respuestas a las consultas 2015Respuestas a las consultas 2015
Respuestas a las consultas 2015
 
Apostila de vb.net
Apostila de vb.netApostila de vb.net
Apostila de vb.net
 
Word
WordWord
Word
 
Postmodern – matrix clip
Postmodern – matrix clipPostmodern – matrix clip
Postmodern – matrix clip
 
Hugsum smátt
Hugsum smáttHugsum smátt
Hugsum smátt
 
汉语拼音 4
汉语拼音 4汉语拼音 4
汉语拼音 4
 
El ensayo
El ensayoEl ensayo
El ensayo
 
Spectacle & Destruction
Spectacle & DestructionSpectacle & Destruction
Spectacle & Destruction
 
Investigación industrias colombianas e impacto ambiental
Investigación industrias colombianas e impacto ambientalInvestigación industrias colombianas e impacto ambiental
Investigación industrias colombianas e impacto ambiental
 
N8
N8N8
N8
 
Ertegi gulliverdin sayahati
Ertegi gulliverdin sayahatiErtegi gulliverdin sayahati
Ertegi gulliverdin sayahati
 
Album (francis y chaparro)
Album (francis y chaparro)Album (francis y chaparro)
Album (francis y chaparro)
 
Projecte d’aprenantatge i servei Creem Joc TEI Institut Antoni Pous
Projecte d’aprenantatge i servei Creem Joc TEI Institut Antoni PousProjecte d’aprenantatge i servei Creem Joc TEI Institut Antoni Pous
Projecte d’aprenantatge i servei Creem Joc TEI Institut Antoni Pous
 
Yourprezi
YourpreziYourprezi
Yourprezi
 
Caminho
CaminhoCaminho
Caminho
 

Semelhante a Desenvolvimento de sites com Dreamweaver

Semelhante a Desenvolvimento de sites com Dreamweaver (20)

Dream 05
Dream 05Dream 05
Dream 05
 
Desenvolvimento Web Parte I
Desenvolvimento Web Parte IDesenvolvimento Web Parte I
Desenvolvimento Web Parte I
 
Dream 02
Dream 02Dream 02
Dream 02
 
Dream 02
Dream 02Dream 02
Dream 02
 
Arquitetura de Informação em 7 etapas
Arquitetura de Informação em 7 etapasArquitetura de Informação em 7 etapas
Arquitetura de Informação em 7 etapas
 
Laminas Mala Direta - CTT Supnet
Laminas Mala Direta - CTT SupnetLaminas Mala Direta - CTT Supnet
Laminas Mala Direta - CTT Supnet
 
Estruturação Web
Estruturação WebEstruturação Web
Estruturação Web
 
Dream 01
Dream 01Dream 01
Dream 01
 
Producao para web
Producao para webProducao para web
Producao para web
 
Apostila de Lumion.pdf
Apostila de Lumion.pdfApostila de Lumion.pdf
Apostila de Lumion.pdf
 
Corel draw facil é golpe
Corel draw facil é golpeCorel draw facil é golpe
Corel draw facil é golpe
 
Aula 13
Aula 13Aula 13
Aula 13
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5
 
Aprendendo a programar <3
Aprendendo a programar <3Aprendendo a programar <3
Aprendendo a programar <3
 
WebDesign_Exercicio_pratico.pdf
WebDesign_Exercicio_pratico.pdfWebDesign_Exercicio_pratico.pdf
WebDesign_Exercicio_pratico.pdf
 
Curitiba treinamentos corporativos
Curitiba treinamentos corporativosCuritiba treinamentos corporativos
Curitiba treinamentos corporativos
 
ExtJS Jumpstart Parte 2
ExtJS Jumpstart Parte 2ExtJS Jumpstart Parte 2
ExtJS Jumpstart Parte 2
 
Web components
Web componentsWeb components
Web components
 
Web components
Web componentsWeb components
Web components
 
Apostila dreamweaver
Apostila dreamweaver Apostila dreamweaver
Apostila dreamweaver
 

Mais de Jorge Andre Sousa (20)

Computação em nuvens
Computação em nuvensComputação em nuvens
Computação em nuvens
 
Aula 2
Aula 2Aula 2
Aula 2
 
Aula 3 atualizada
Aula 3 atualizadaAula 3 atualizada
Aula 3 atualizada
 
Aula 1 atualizada
Aula 1 atualizadaAula 1 atualizada
Aula 1 atualizada
 
Aula 7
Aula 7Aula 7
Aula 7
 
Aulas 6
Aulas 6Aulas 6
Aulas 6
 
Aula 5
Aula 5 Aula 5
Aula 5
 
Aula 4
Aula 4Aula 4
Aula 4
 
Aula 3
Aula 3 Aula 3
Aula 3
 
Aula 2
Aula 2Aula 2
Aula 2
 
Aula 1
Aula 1Aula 1
Aula 1
 
Aula 01
Aula 01Aula 01
Aula 01
 
Ambiente web
Ambiente webAmbiente web
Ambiente web
 
Aula 12 atualizada
Aula 12   atualizadaAula 12   atualizada
Aula 12 atualizada
 
Aula 11
Aula 11Aula 11
Aula 11
 
Aula 6 atualizado
Aula 6   atualizadoAula 6   atualizado
Aula 6 atualizado
 
Aula 5 atualizada
Aula 5   atualizadaAula 5   atualizada
Aula 5 atualizada
 
Aula 5 atualizada
Aula 5   atualizadaAula 5   atualizada
Aula 5 atualizada
 
Apresentação excel
Apresentação excelApresentação excel
Apresentação excel
 
Apresentação prova excel
Apresentação prova excelApresentação prova excel
Apresentação prova excel
 

Desenvolvimento de sites com Dreamweaver

  • 1. DESENVOLVIMENTO DE SITES Turma: Professor: Aula: Pág: Data: Jorge André 05 15/5/201332 - 39 @Apresentação do Dreamweaver; @Ferramentas.
  • 2. @ Dreamweaver é um software que faz parte do pacote Adobe, inicialmente pertencia a macromedia, programa profissional para criar e desenvolver sites.
  • 3.
  • 4. Barra de Menu Barra de propriedades
  • 5. @O Dreamweaver conta com três modos de visualização: @Códigos; @ Códigos e Design; @ Design.
  • 6. @Com todo planejamento idealizado, com o brienfing pronto e o wireframe desenhado, é colocar em prática a página na web. @Definir o site isso é muito importante para organização. @Clicar no menu Site – Novo site
  • 7. Definir o nome do site e o local onde serão armazenados as páginas, imagens, enfim os conteúdos.
  • 8. @ Criar uma pasta na área de trabalho como o nome site informática; @ Criar um banner com medidas 730x90 pixels no Corel Draw; @ Criar 3 botões no Corel Draw com medidas 150x30 pixels; @ CONTATOS @ HOME @ CURSOS @ SALVAR TUDO DENTRO DA PASTA CRIADA, ESSES ARQUIVOS SERÃO UTILIZADOS EM AULAS POSTERIORES.
  • 9. HOME – CURSOS - CONTATOS HOME – CURSOS - CONTATOS HOME – CURSOS - CONTATOS