SlideShare uma empresa Scribd logo
1 de 16
Produção de Documentos
Profissionais
Professor: Anderson Henrique
Aula 13 – Página 100
Documentos para a Web
O que vamos aprender:
Construir um Site
Por onde iniciar?
Projeto: Construindo um site
Layout da WEB
Fundo da Página
Tabelas para Organização
Hiperlink
Publicando o Site
Construir um site
Quando acessamos a Internet, encontramos diversos sites com
um visual atrativo. É possível através dos processadores de
texto, construir um site sem a necessidade da linguagem
HTML.
Por onde iniciar?
Primeiramente devemos lembrar que site não se refere
somente a uma página, mas um conjunto de páginas sobre
um tema. Tendo isso em mente, devemos planejar o
conteúdo do nosso site.
Projeto: Construindo um site
Em dupla, neste projeto vamos criar um site, pode ser uma
locadora, uma pizzaria, restaurante ou qualquer outro
tema, inclusive um site pessoal. Usem a criatividade!
Propomos a criação de pelo menos 05 páginas.
Responda essas questões, para planejar o seu site:
Formulário de Pesquisa
Tema Principal:
Conteúdo da Página Inicial:
Conteúdo da Segunda Página:
Conteúdo da Terceira Página:
Conteúdo da Quarta Página:
Conteúdo da Quinta Página:
Layout da Web
A aparência do site. Na Guia Exibição, mude o modo de
visualização para Layout da WEB. Normalmente trabalhamos
com o equilíbrio das cores, harmonia dos elementos que
compõem o site.
Fundo da Página
As cores em um site chamam muita atenção. Temos
inicialmente uma folha em branco, podemos modificar o
fundo utilizando o recurso, na Guia “Layout da Página” –
Grupo de botões “Plano de Fundo da Página”
Tabelas para Organização
Podemos utilizar as tabelas para definir o layout do site, e
também para organizar o nosso menu.
O CABEÇALHO DO SITE

O MENU DO SITE

O CORPO DO SITE

O RODAPÉ DO SITE
HIPERLINK
Qualquer elemento que for inserido na página pode ser
transformar em um LINK, utilize a tecla de atalho CTRL +
K, após selecionar o objeto.
Atividade Laboratório

ATIVIDADE I – RESPONDA ESSE PEQUENO
QUESTIONÁRIO, NO WORD E ENVIE PARA E-MAIL DO
PROFESSOR
ATIVIDADE II – ELABORE UM PEQUENO SITE (TEMA
PESSOAL) UTILIZANDO OS RECURSOS QUE O
PROCESSADOR E TEXTO OFERECE. EXPLORE BEM A
APARÊNCIA DO SITE.

Mais conteúdo relacionado

Destaque (20)

Produção de documentos profissionais 15
Produção de documentos profissionais 15Produção de documentos profissionais 15
Produção de documentos profissionais 15
 
Web15
Web15Web15
Web15
 
Aula - Desenvolvimento de Sites - FTP
Aula - Desenvolvimento de Sites - FTPAula - Desenvolvimento de Sites - FTP
Aula - Desenvolvimento de Sites - FTP
 
Web12 ambiente web (extra iii)
Web12 ambiente web (extra iii)Web12 ambiente web (extra iii)
Web12 ambiente web (extra iii)
 
Web13 14
Web13 14Web13 14
Web13 14
 
Biblia. dreamweaver.8
Biblia. dreamweaver.8Biblia. dreamweaver.8
Biblia. dreamweaver.8
 
Apostila dreamweaver
Apostila dreamweaver Apostila dreamweaver
Apostila dreamweaver
 
Dreamweaver e Html5 na Prática
Dreamweaver e Html5 na PráticaDreamweaver e Html5 na Prática
Dreamweaver e Html5 na Prática
 
Dreamweaver cs5 apostila dreamweaver cs5 apostilando.com
Dreamweaver cs5   apostila dreamweaver cs5 apostilando.comDreamweaver cs5   apostila dreamweaver cs5 apostilando.com
Dreamweaver cs5 apostila dreamweaver cs5 apostilando.com
 
Dream 11
Dream 11Dream 11
Dream 11
 
Web09 ambiente web (extra ii)
Web09 ambiente web (extra ii)Web09 ambiente web (extra ii)
Web09 ambiente web (extra ii)
 
Web10
Web10Web10
Web10
 
Ambiente web 15
Ambiente web 15Ambiente web 15
Ambiente web 15
 
Dream 12
Dream 12Dream 12
Dream 12
 
Web11
Web11Web11
Web11
 
Web hackers (aula extra iv)
Web hackers (aula extra iv)Web hackers (aula extra iv)
Web hackers (aula extra iv)
 
Produção de documentos profissionais 14
Produção de documentos profissionais 14Produção de documentos profissionais 14
Produção de documentos profissionais 14
 
Criação de tabelas com HTML
Criação de tabelas com HTMLCriação de tabelas com HTML
Criação de tabelas com HTML
 
Libreto acto solemne 2012 (1)
Libreto acto solemne 2012 (1)Libreto acto solemne 2012 (1)
Libreto acto solemne 2012 (1)
 
Dream 03
Dream 03Dream 03
Dream 03
 

Semelhante a Construindo um site em 5 etapas

Projeto: "Uma Escola Informatizada"
Projeto: "Uma Escola Informatizada"Projeto: "Uma Escola Informatizada"
Projeto: "Uma Escola Informatizada"Professorespalmeiras
 
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
 
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 webnodeVanessa Rodrigues
 
Ficha de trabalho projeto
Ficha de trabalho   projetoFicha de trabalho   projeto
Ficha de trabalho projetoHelena Calado
 
Template + manual criar e books no estado da arte
Template + manual   criar e books no estado da arteTemplate + manual   criar e books no estado da arte
Template + manual criar e books no estado da arteChristiano Gorayeb
 
Template e Manual de Criar Ebooks
Template e Manual de Criar EbooksTemplate e Manual de Criar Ebooks
Template e Manual de Criar EbooksHelton Bezerra
 
E book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraE book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraRodrigo Maciel
 
ApresentaçãO1oficina De Blog
ApresentaçãO1oficina De BlogApresentaçãO1oficina De Blog
ApresentaçãO1oficina De BlogRosecler
 
Seo na pratica_aula2_19set13
Seo na pratica_aula2_19set13Seo na pratica_aula2_19set13
Seo na pratica_aula2_19set13Camila Primasi
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web designCarla Suelen
 
Criando uma webquest com o webnode
Criando uma webquest com o webnodeCriando uma webquest com o webnode
Criando uma webquest com o webnodeVanessa Bohn
 
Seo para wordpress um guia definitivo
Seo para wordpress um guia definitivoSeo para wordpress um guia definitivo
Seo para wordpress um guia definitivoaltemaroliveira
 

Semelhante a Construindo um site em 5 etapas (20)

Projeto: "Uma Escola Informatizada"
Projeto: "Uma Escola Informatizada"Projeto: "Uma Escola Informatizada"
Projeto: "Uma Escola Informatizada"
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5
 
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
 
Ficha de trabalho projeto
Ficha de trabalho   projetoFicha de trabalho   projeto
Ficha de trabalho projeto
 
Aula 12 Word
Aula 12 WordAula 12 Word
Aula 12 Word
 
Template + manual criar e books no estado da arte
Template + manual   criar e books no estado da arteTemplate + manual   criar e books no estado da arte
Template + manual criar e books no estado da arte
 
Guia BáSico 3
Guia BáSico 3Guia BáSico 3
Guia BáSico 3
 
Seo
SeoSeo
Seo
 
Template e Manual de Criar Ebooks
Template e Manual de Criar EbooksTemplate e Manual de Criar Ebooks
Template e Manual de Criar Ebooks
 
E book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraE book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedora
 
ApresentaçãO1oficina De Blog
ApresentaçãO1oficina De BlogApresentaçãO1oficina De Blog
ApresentaçãO1oficina De Blog
 
Seo na pratica_aula2_19set13
Seo na pratica_aula2_19set13Seo na pratica_aula2_19set13
Seo na pratica_aula2_19set13
 
Curso Ponto de Encontro - Aula 1
Curso Ponto de Encontro - Aula 1Curso Ponto de Encontro - Aula 1
Curso Ponto de Encontro - Aula 1
 
Guia básico wix
Guia básico wixGuia básico wix
Guia básico wix
 
Projeto Website SambAdm
Projeto Website SambAdmProjeto Website SambAdm
Projeto Website SambAdm
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
 
Criando uma webquest com o webnode
Criando uma webquest com o webnodeCriando uma webquest com o webnode
Criando uma webquest com o webnode
 
Seo para wordpress um guia definitivo
Seo para wordpress um guia definitivoSeo para wordpress um guia definitivo
Seo para wordpress um guia definitivo
 
Seo wordpress-guia
Seo wordpress-guiaSeo wordpress-guia
Seo wordpress-guia
 
0000015306.pdf
0000015306.pdf0000015306.pdf
0000015306.pdf
 

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
 
Php03
Php03Php03
Php03
 
Php02
Php02Php02
Php02
 
Php01
Php01Php01
Php01
 

Construindo um site em 5 etapas

  • 1. Produção de Documentos Profissionais Professor: Anderson Henrique Aula 13 – Página 100 Documentos para a Web
  • 2. O que vamos aprender: Construir um Site Por onde iniciar? Projeto: Construindo um site Layout da WEB Fundo da Página Tabelas para Organização Hiperlink Publicando o Site
  • 3. Construir um site Quando acessamos a Internet, encontramos diversos sites com um visual atrativo. É possível através dos processadores de texto, construir um site sem a necessidade da linguagem HTML.
  • 4. Por onde iniciar? Primeiramente devemos lembrar que site não se refere somente a uma página, mas um conjunto de páginas sobre um tema. Tendo isso em mente, devemos planejar o conteúdo do nosso site.
  • 5. Projeto: Construindo um site Em dupla, neste projeto vamos criar um site, pode ser uma locadora, uma pizzaria, restaurante ou qualquer outro tema, inclusive um site pessoal. Usem a criatividade! Propomos a criação de pelo menos 05 páginas. Responda essas questões, para planejar o seu site:
  • 6. Formulário de Pesquisa Tema Principal: Conteúdo da Página Inicial: Conteúdo da Segunda Página: Conteúdo da Terceira Página: Conteúdo da Quarta Página: Conteúdo da Quinta Página:
  • 7. Layout da Web A aparência do site. Na Guia Exibição, mude o modo de visualização para Layout da WEB. Normalmente trabalhamos com o equilíbrio das cores, harmonia dos elementos que compõem o site.
  • 8. Fundo da Página As cores em um site chamam muita atenção. Temos inicialmente uma folha em branco, podemos modificar o fundo utilizando o recurso, na Guia “Layout da Página” – Grupo de botões “Plano de Fundo da Página”
  • 9.
  • 10.
  • 11.
  • 12. Tabelas para Organização Podemos utilizar as tabelas para definir o layout do site, e também para organizar o nosso menu.
  • 13. O CABEÇALHO DO SITE O MENU DO SITE O CORPO DO SITE O RODAPÉ DO SITE
  • 14. HIPERLINK Qualquer elemento que for inserido na página pode ser transformar em um LINK, utilize a tecla de atalho CTRL + K, após selecionar o objeto.
  • 15.
  • 16. Atividade Laboratório ATIVIDADE I – RESPONDA ESSE PEQUENO QUESTIONÁRIO, NO WORD E ENVIE PARA E-MAIL DO PROFESSOR ATIVIDADE II – ELABORE UM PEQUENO SITE (TEMA PESSOAL) UTILIZANDO OS RECURSOS QUE O PROCESSADOR E TEXTO OFERECE. EXPLORE BEM A APARÊNCIA DO SITE.