produção de documentos profissionais 13
TRANSCRIPT
![Page 1: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/1.jpg)
Produção de Documentos Profissionais
Professor: Anderson Henrique
Aula 13 – Página 100
Documentos para a Web
![Page 2: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/2.jpg)
Construir um SitePor onde iniciar?Projeto: Construindo um siteLayout da WEBFundo da PáginaTabelas para OrganizaçãoHiperlinkPublicando o Site
O que vamos aprender:
![Page 3: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/3.jpg)
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.
Construir um site
![Page 4: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/4.jpg)
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.
Por onde iniciar?
![Page 5: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/5.jpg)
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:
Projeto: Construindo um site
![Page 6: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/6.jpg)
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:
Formulário de Pesquisa
![Page 7: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/7.jpg)
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.
Layout da Web
![Page 8: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/8.jpg)
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”
Fundo da Página
![Page 9: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/9.jpg)
![Page 10: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/10.jpg)
![Page 11: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/11.jpg)
![Page 12: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/12.jpg)
Podemos utilizar as tabelas para definir o layout do site, e também para organizar o nosso menu.
Tabelas para Organização
![Page 13: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/13.jpg)
O CABEÇALHO DO SITE
O MENU DO SITE
O CORPO DO SITE
O RODAPÉ DO SITE
![Page 14: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/14.jpg)
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.
HIPERLINK
![Page 15: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/15.jpg)
![Page 16: Produção de documentos profissionais 13](https://reader034.vdocuments.site/reader034/viewer/2022052622/559760491a28ab835d8b4692/html5/thumbnails/16.jpg)
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.