SlideShare uma empresa Scribd logo
1 de 17
DESENVOLVIMENTO DE SITES
Turma:
Professor:
Aula: Pág: Data:
Anderson
9279
05 23/09/201332-39
@Conhecendo o Dreamweaver
@Barra de ferramentas
@Modos de visualização
@Definindo o site (com servidor)
@Inserindo tabelas
@Diagramação
@O Adobe Dreamweaver CS5 é um poderoso programa
de edição de páginas da internet.
@Inicialmente optaremos pelas páginas em HTML
(HyperText Markup Language) - nenhum layout - e
posteriormente em criar
@ A Barra de Ferramentas do Dreamweaver CS5 é a parte do
programa mais utilizada, já que ela se adapta à necessidade.
Por exemplo, se estiver trabalhando com texto, ela vai exibir
opções de formatação do texto.
@O Dreamweaver CS5 conta com três modos de
visualização, são eles: código, código e design e
design.
@ Com todo planejamento idealizado, com o briefing pronto e o
wireframe desenhado, vamos colocar em prática nossa página
da web. A primeira coisa a ser feita é a definição do site.
@A maioria dos sites antigos era desenvolvida
com tabelas. Elas eram praticamente o
esqueleto do site, tendo o conteúdo
(banner, menu, imagens ...) distribuído em suas
células.
@Diagramação nada mais é do que a organização
de cada elemento para a composição de um
layout.
@Para termos uma diagramação arrojada e
interessante, podemos seguir algumas dicas:
@1- Faça um site simples e leve.
@2- Padronize as páginas
@3- Navegação simples e dinâmica (lembre-se da
regra dos três clicks)
@4- Tenha um espaço para contatos
@5- Muita atenção com fontes e o Português.
No Site do Cedaspy, entrar com login e senha:
Alterar a turma: 9279 Código Acesso: 123
Acessar o Provão Alunos – Setembro 2013,
Marcar os módulos que já foram realizados no
máximo 02.
Senha Provão: provaalunos
Atividade prática Dreamweaver
Elaborar um site com 04 páginas sobre o Brasil
Boas Atividades

Mais conteúdo relacionado

Mais procurados

Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designerRoney Sousa
 
Desenvolvendo com Bootstrap: um framework front-end que vale a pena!
Desenvolvendo com Bootstrap: um framework front-end que vale a pena!Desenvolvendo com Bootstrap: um framework front-end que vale a pena!
Desenvolvendo com Bootstrap: um framework front-end que vale a pena!Thiago Nascimento Oliveira
 
Web Design > html (aula 2)
Web Design > html (aula 2)Web Design > html (aula 2)
Web Design > html (aula 2)Felipe Fernandes
 
Elo perdido entre design e programação
Elo perdido entre design e programaçãoElo perdido entre design e programação
Elo perdido entre design e programaçãoAnyssa Ferreira
 
Como criar seu próprio Framework
Como criar seu próprio FrameworkComo criar seu próprio Framework
Como criar seu próprio FrameworkHiarison Gigante
 
Conheça o Sass, mehor amigo do seu CSS - Nayara Felix
Conheça o Sass, mehor amigo do seu CSS - Nayara FelixConheça o Sass, mehor amigo do seu CSS - Nayara Felix
Conheça o Sass, mehor amigo do seu CSS - Nayara FelixNayara Felix
 
Web Design > HTML (aula 1)
Web Design > HTML (aula 1)Web Design > HTML (aula 1)
Web Design > HTML (aula 1)Felipe Fernandes
 
Web Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignWeb Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignFelipe Fernandes
 
CSS - Cansei de Ser Subestimado
CSS - Cansei de Ser SubestimadoCSS - Cansei de Ser Subestimado
CSS - Cansei de Ser SubestimadoAnyssa Ferreira
 
Mini-Curso sobre Bootstrap 3
Mini-Curso sobre Bootstrap 3Mini-Curso sobre Bootstrap 3
Mini-Curso sobre Bootstrap 3Diego Doná
 
SASS + COMPASS - Alta Produtividade no Front-end
SASS + COMPASS - Alta Produtividade no Front-endSASS + COMPASS - Alta Produtividade no Front-end
SASS + COMPASS - Alta Produtividade no Front-endAnderson Aguiar
 
Smacss e-css-faz-bem
Smacss e-css-faz-bemSmacss e-css-faz-bem
Smacss e-css-faz-bemJust Digital
 
Palestra - Joomla! e SEO - Muito Além do CMS - SMVP 2009
Palestra - Joomla! e SEO - Muito Além do CMS - SMVP 2009Palestra - Joomla! e SEO - Muito Além do CMS - SMVP 2009
Palestra - Joomla! e SEO - Muito Além do CMS - SMVP 2009Marcio Okabe
 

Mais procurados (19)

Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designer
 
Desenvolvendo com Bootstrap: um framework front-end que vale a pena!
Desenvolvendo com Bootstrap: um framework front-end que vale a pena!Desenvolvendo com Bootstrap: um framework front-end que vale a pena!
Desenvolvendo com Bootstrap: um framework front-end que vale a pena!
 
Web Design > html (aula 2)
Web Design > html (aula 2)Web Design > html (aula 2)
Web Design > html (aula 2)
 
Elo perdido entre design e programação
Elo perdido entre design e programaçãoElo perdido entre design e programação
Elo perdido entre design e programação
 
Como criar seu próprio Framework
Como criar seu próprio FrameworkComo criar seu próprio Framework
Como criar seu próprio Framework
 
Conheça o Sass, mehor amigo do seu CSS - Nayara Felix
Conheça o Sass, mehor amigo do seu CSS - Nayara FelixConheça o Sass, mehor amigo do seu CSS - Nayara Felix
Conheça o Sass, mehor amigo do seu CSS - Nayara Felix
 
Web Design > HTML (aula 1)
Web Design > HTML (aula 1)Web Design > HTML (aula 1)
Web Design > HTML (aula 1)
 
Web Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignWeb Design > Visão geral do Web Design
Web Design > Visão geral do Web Design
 
CSS - Cansei de Ser Subestimado
CSS - Cansei de Ser SubestimadoCSS - Cansei de Ser Subestimado
CSS - Cansei de Ser Subestimado
 
Super CSS
Super CSSSuper CSS
Super CSS
 
Webstandards
WebstandardsWebstandards
Webstandards
 
Sass - css bomba[do]
Sass - css bomba[do]Sass - css bomba[do]
Sass - css bomba[do]
 
Mini-Curso sobre Bootstrap 3
Mini-Curso sobre Bootstrap 3Mini-Curso sobre Bootstrap 3
Mini-Curso sobre Bootstrap 3
 
Responsive design
Responsive designResponsive design
Responsive design
 
SASS + COMPASS - Alta Produtividade no Front-end
SASS + COMPASS - Alta Produtividade no Front-endSASS + COMPASS - Alta Produtividade no Front-end
SASS + COMPASS - Alta Produtividade no Front-end
 
Smacss e-css-faz-bem
Smacss e-css-faz-bemSmacss e-css-faz-bem
Smacss e-css-faz-bem
 
Palestra - Joomla! e SEO - Muito Além do CMS - SMVP 2009
Palestra - Joomla! e SEO - Muito Além do CMS - SMVP 2009Palestra - Joomla! e SEO - Muito Além do CMS - SMVP 2009
Palestra - Joomla! e SEO - Muito Além do CMS - SMVP 2009
 
03 windows
03   windows03   windows
03 windows
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
 

Destaque (20)

Sistemas operacionais 14
Sistemas operacionais 14Sistemas operacionais 14
Sistemas operacionais 14
 
Php03
Php03Php03
Php03
 
Dream 12
Dream 12Dream 12
Dream 12
 
Ambiente web 15
Ambiente web 15Ambiente web 15
Ambiente web 15
 
Sistemas operacionais 02
Sistemas operacionais 02Sistemas operacionais 02
Sistemas operacionais 02
 
Memoria historia novas tecnologias
Memoria historia novas tecnologiasMemoria historia novas tecnologias
Memoria historia novas tecnologias
 
Web07
Web07Web07
Web07
 
Web08 ambiente web (extra)
Web08 ambiente web (extra)Web08 ambiente web (extra)
Web08 ambiente web (extra)
 
Dream 11
Dream 11Dream 11
Dream 11
 
Dream 06
Dream 06Dream 06
Dream 06
 
Web09 ambiente web (extra ii)
Web09 ambiente web (extra ii)Web09 ambiente web (extra ii)
Web09 ambiente web (extra ii)
 
Web10
Web10Web10
Web10
 
Sistema Operacional - Inferno OS
Sistema Operacional - Inferno OSSistema Operacional - Inferno OS
Sistema Operacional - Inferno OS
 
Web11
Web11Web11
Web11
 
Otimizando títulos de páginas web
Otimizando títulos de páginas webOtimizando títulos de páginas web
Otimizando títulos de páginas web
 
Dream 03
Dream 03Dream 03
Dream 03
 
Dream 01
Dream 01Dream 01
Dream 01
 
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
 
Movilización de prácticas educativas abiertas
Movilización de prácticas educativas abiertasMovilización de prácticas educativas abiertas
Movilización de prácticas educativas abiertas
 
2.DiseñO De PáGinas Web
2.DiseñO De PáGinas Web2.DiseñO De PáGinas Web
2.DiseñO De PáGinas Web
 

Semelhante a Dream 05

Introdução ao CSS - Desenvolvimento web
Introdução ao CSS - Desenvolvimento webIntrodução ao CSS - Desenvolvimento web
Introdução ao CSS - Desenvolvimento webCarlos Eduardo Kadu
 
Introdução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento WebIntrodução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento WebAnderson Luís Furlan
 
7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPressMarconi Pacheco
 
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
 
Slider da aula 01 - Design, Banco de dados e PHP
Slider da aula 01 - Design, Banco de dados e PHPSlider da aula 01 - Design, Banco de dados e PHP
Slider da aula 01 - Design, Banco de dados e PHPFranciosney Souza
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndRael Max
 
Linguagem de java
Linguagem de javaLinguagem de java
Linguagem de javaGenique
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Élida Tavares
 
Padrões Web e algumas vantagens para o designer
Padrões Web e algumas vantagens para o designerPadrões Web e algumas vantagens para o designer
Padrões Web e algumas vantagens para o designerguest5106e1
 

Semelhante a Dream 05 (20)

Introdução ao CSS - Desenvolvimento web
Introdução ao CSS - Desenvolvimento webIntrodução ao CSS - Desenvolvimento web
Introdução ao CSS - Desenvolvimento web
 
Aula 5
Aula 5Aula 5
Aula 5
 
Introdução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento WebIntrodução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento Web
 
Estruturação Web
Estruturação WebEstruturação Web
Estruturação Web
 
Programação web e o front-end
Programação web e o front-endProgramação web e o front-end
Programação web e o front-end
 
Como desenvolver um tema wordpress de A a Z
Como desenvolver um tema wordpress de A a ZComo desenvolver um tema wordpress de A a Z
Como desenvolver um tema wordpress de A a Z
 
7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress
 
Tcc
TccTcc
Tcc
 
Dream 02
Dream 02Dream 02
Dream 02
 
T CC - David William e Marce
T CC - David William e Marce T CC - David William e Marce
T CC - David William e Marce
 
Dreamweaver aula 1
Dreamweaver aula 1Dreamweaver aula 1
Dreamweaver aula 1
 
Dream 02
Dream 02Dream 02
Dream 02
 
Slider da aula 01 - Design, Banco de dados e PHP
Slider da aula 01 - Design, Banco de dados e PHPSlider da aula 01 - Design, Banco de dados e PHP
Slider da aula 01 - Design, Banco de dados e PHP
 
Aula01
Aula01Aula01
Aula01
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Linguagem de java
Linguagem de javaLinguagem de java
Linguagem de java
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5
 
Padrões Web e algumas vantagens para o designer
Padrões Web e algumas vantagens para o designerPadrões Web e algumas vantagens para o designer
Padrões Web e algumas vantagens para o designer
 
CSS
CSSCSS
CSS
 

Mais de Anderson Henrique (20)

Sistemas operacionais aulas 14 e 15
Sistemas operacionais aulas 14 e 15Sistemas operacionais aulas 14 e 15
Sistemas operacionais aulas 14 e 15
 
Sistemas operacionais aula 13
Sistemas operacionais aula 13Sistemas operacionais aula 13
Sistemas operacionais aula 13
 
Sistemas operacionais aula 12
Sistemas operacionais aula 12Sistemas operacionais aula 12
Sistemas operacionais aula 12
 
Sistemas operacionais aula 11
Sistemas operacionais aula 11Sistemas operacionais aula 11
Sistemas operacionais aula 11
 
Sistemas operacionais aula 10
Sistemas operacionais aula 10Sistemas operacionais aula 10
Sistemas operacionais aula 10
 
Sistemas operacionais aula 09
Sistemas operacionais aula 09Sistemas operacionais aula 09
Sistemas operacionais aula 09
 
Sistemas operacionais Aula 08
Sistemas operacionais Aula 08Sistemas operacionais Aula 08
Sistemas operacionais Aula 08
 
Sistemas operacionais 07
Sistemas operacionais 07Sistemas operacionais 07
Sistemas operacionais 07
 
Sistemas operacionais 06
Sistemas operacionais 06Sistemas operacionais 06
Sistemas operacionais 06
 
Sistemas operacionais 05
Sistemas operacionais 05Sistemas operacionais 05
Sistemas operacionais 05
 
Sistemas operacionais 04
Sistemas operacionais 04Sistemas operacionais 04
Sistemas operacionais 04
 
Sistemas operacionais 03
Sistemas operacionais 03Sistemas operacionais 03
Sistemas operacionais 03
 
Sistemas Cadastro
Sistemas CadastroSistemas Cadastro
Sistemas Cadastro
 
Sistemas operacionais cadastro
Sistemas operacionais cadastroSistemas operacionais cadastro
Sistemas operacionais cadastro
 
Sistemas operacionais 02
Sistemas operacionais 02Sistemas operacionais 02
Sistemas operacionais 02
 
Sistemas operacionais
Sistemas operacionaisSistemas operacionais
Sistemas operacionais
 
Php04
Php04Php04
Php04
 
Php02
Php02Php02
Php02
 
Php01
Php01Php01
Php01
 
Ambiente web 12
Ambiente web 12Ambiente web 12
Ambiente web 12
 

Dream 05

  • 1. DESENVOLVIMENTO DE SITES Turma: Professor: Aula: Pág: Data: Anderson 9279 05 23/09/201332-39 @Conhecendo o Dreamweaver @Barra de ferramentas @Modos de visualização @Definindo o site (com servidor) @Inserindo tabelas @Diagramação
  • 2. @O Adobe Dreamweaver CS5 é um poderoso programa de edição de páginas da internet.
  • 3. @Inicialmente optaremos pelas páginas em HTML (HyperText Markup Language) - nenhum layout - e posteriormente em criar
  • 4. @ A Barra de Ferramentas do Dreamweaver CS5 é a parte do programa mais utilizada, já que ela se adapta à necessidade. Por exemplo, se estiver trabalhando com texto, ela vai exibir opções de formatação do texto.
  • 5.
  • 6. @O Dreamweaver CS5 conta com três modos de visualização, são eles: código, código e design e design.
  • 7.
  • 8.
  • 9. @ Com todo planejamento idealizado, com o briefing pronto e o wireframe desenhado, vamos colocar em prática nossa página da web. A primeira coisa a ser feita é a definição do site.
  • 10.
  • 11.
  • 12. @A maioria dos sites antigos era desenvolvida com tabelas. Elas eram praticamente o esqueleto do site, tendo o conteúdo (banner, menu, imagens ...) distribuído em suas células.
  • 13.
  • 14.
  • 15. @Diagramação nada mais é do que a organização de cada elemento para a composição de um layout.
  • 16. @Para termos uma diagramação arrojada e interessante, podemos seguir algumas dicas: @1- Faça um site simples e leve. @2- Padronize as páginas @3- Navegação simples e dinâmica (lembre-se da regra dos três clicks) @4- Tenha um espaço para contatos @5- Muita atenção com fontes e o Português.
  • 17. No Site do Cedaspy, entrar com login e senha: Alterar a turma: 9279 Código Acesso: 123 Acessar o Provão Alunos – Setembro 2013, Marcar os módulos que já foram realizados no máximo 02. Senha Provão: provaalunos Atividade prática Dreamweaver Elaborar um site com 04 páginas sobre o Brasil Boas Atividades