SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Was ist angesagt?

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
 

Was ist angesagt? (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
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
 
03 windows
03   windows03   windows
03 windows
 

Andere mochten auch (7)

Dream 06
Dream 06Dream 06
Dream 06
 
Dream 07
Dream 07Dream 07
Dream 07
 
Corel 04
Corel 04Corel 04
Corel 04
 
Corel 09
Corel 09Corel 09
Corel 09
 
Corel 05
Corel 05Corel 05
Corel 05
 
Administração financeira 12
Administração financeira 12Administração financeira 12
Administração financeira 12
 
Dream 01
Dream 01Dream 01
Dream 01
 

Ähnlich wie 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
 

Ähnlich wie 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
 

Mehr von Anderson Maciel (20)

Dream 04
Dream 04Dream 04
Dream 04
 
Dream 03
Dream 03Dream 03
Dream 03
 
Corel 08
Corel 08Corel 08
Corel 08
 
Corel 07
Corel 07Corel 07
Corel 07
 
Corel 06
Corel 06Corel 06
Corel 06
 
Corel 03
Corel 03Corel 03
Corel 03
 
Corel 02
Corel 02Corel 02
Corel 02
 
Corel 01
Corel 01Corel 01
Corel 01
 
Administração financeira 15
Administração financeira 15Administração financeira 15
Administração financeira 15
 
Administração financeira 14
Administração financeira 14Administração financeira 14
Administração financeira 14
 
Administração financeira 13
Administração financeira 13Administração financeira 13
Administração financeira 13
 
Administração financeira 11
Administração financeira 11Administração financeira 11
Administração financeira 11
 
Administração financeira 10
Administração financeira 10Administração financeira 10
Administração financeira 10
 
Administração financeira 09
Administração financeira 09Administração financeira 09
Administração financeira 09
 
Administração financeira 07
Administração financeira 07Administração financeira 07
Administração financeira 07
 
Administração financeira 08
Administração financeira 08Administração financeira 08
Administração financeira 08
 
Administração financeira 06
Administração financeira 06Administração financeira 06
Administração financeira 06
 
Planilhas eletrônicas 05
Planilhas eletrônicas 05Planilhas eletrônicas 05
Planilhas eletrônicas 05
 
Planilhas eletrônicas 04
Planilhas eletrônicas 04Planilhas eletrônicas 04
Planilhas eletrônicas 04
 
Planilhas eletrônicas 03
Planilhas eletrônicas 03Planilhas eletrônicas 03
Planilhas eletrônicas 03
 

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