Apostila de Google Earth4

5/9/2018 Apostila de Google Earth4 - slidepdf.com

http://slidepdf.com/reader/full/apostila-de-google-earth4 1/51

Capa



2

Sumário

APRESENTAÇÃO ................................ ................................ ................................ .......................... 4 EQUIPE TÉCNICA ................................ ................................ ................................ ......................... 5

REQUISITOS DO SISTEMA E RECOMENDAÇÕES PARA O GOOGLE EARTH ................... 6 WINDOWS: ................................ ................................ ................................ ................................ ................. 6MAC: ................................ ................................ ................................ ................................ ........................... 6

INSTALANDO E DESINSTALANDO DO GOOGLE EARTH................................ ..................... 7 INSTALAÇÃO................................ ................................ ................................ ................................ ............... 7DESINSTALAÇÃO ................................ ................................ ................................ ................................ ........ 7

O GOOGLE EARTH ................................ ................................ ................................ ....................... 8

RECURSOS ................................ ................................ ................................ ................................ ..... 9

GOOGLE SKY (CÉU) ................................ ................................ ................................ ................... 10 GOOGLE MARTE ................................ ................................ ................................ ........................ 11

GOOGLE LUA ................................ ................................ ................................ ............................... 12

OCEANO ................................ ................................ ................................ ................................ ....... 13 COMO NAVEGAR PELO OCEANO ................................ ................................ ................................ ............. 13

SIMULADOR DE VOO ................................ ................................ ................................ ................ 14

MENU DE OPÇÕES ................................ ................................ ................................ ..................... 15

PESQUISADOR DE ENDEREÇOS ................................ ................................ ............................. 16

BARRA DE FERRAMENTAS ................................ ................................ ................................ ..... 17

COMO USAR UM MOUSE ................................ ................................ ................................ .......... 19 MOVER A VISUALIZAÇÃO EM QUALQUER DIREÇÃO (NORTE, SUL, LESTE OU OESTE) ......................... 19FLUTUAR ................................ ................................ ................................ ................................ ................. 20AUMENTAR O ZOOM................................ ................................ ................................ ................................ 20DIMINUIR O ZOOM ................................ ................................ ................................ ................................ .. 20INCLINAR A VISUALIZAÇÃO ................................ ................................ ................................ .................... 20OLHAR ................................ ................................ ................................ ................................ ..................... 21GIRAR A VISUALIZAÇÃO................................ ................................ ................................ .......................... 21RODA DO MOUSE (SCROLL) ................................ ................................ ................................ ................... 21DESENHANDO COM O MOUSE / TABLET................................ ................................ ................................ 22

TIPOS DE VISUALIZAÇÕES ................................ ................................ ................................ ...... 24 VISUALIZAÇÃO INCLINADA................................ ................................ ................................ ..................... 24

VISUALIZAÇÃO DE CIMA PARA BAIXO ................................ ................................ ................................ .... 25COMO RESTAURAR A VISUALIZAÇÃO PADRÃO ................................ ................................ ...................... 26

COMO DEFINIR O LOCAL DE INÍCIO................................ ................................ ...................... 26

LINGUAGEM DE PROGRAMAÇÃO DO GOOGLE EARTH ................................ .................... 27 CRIE, IMPORTE E COMPARTILHE SEUS ARQUIVOS KMLE KMZ, ONLINE. ................................ .......... 27

COMO IMPORTAR DADOS VETORIAIS ................................ ................................ ................. 30

ENVIANDO UMA IMAGEM POR E-MAIL ................................ ................................ ............... 31

TRABALHANDO COM O GOOGLE EARTH ................................ ................................ ............ 33



3

DELIMITANDO UM TERRITÓRIO................................ ................................ ................................ ............. 33

INSERINDO ÍCONES E INFORMAÇÕES ................................ ................................ .................. 36

HTML BÁSICO................................ ................................ ................................ ............................. 38 ITENS BÁSICO EM HTML: ................................ ................................ ................................ ........................ 38ATRIBUTOS DE <BODY> : ................................ ................................ ................................ ..................... 38CORES BÁSICAS: ................................ ................................ ................................ ................................ ...... 38

CABEÇALHOS : ................................ ................................ ................................ ................................ ......... 39TAMANHO E CORES DAS LETRAS :................................ ................................ ................................ .......... 39COMO FORMATAR OS TEXTOS : ................................ ................................ ................................ .............. 40COMO FAZER PARÁGRAFOS E LINHAS : ................................ ................................ ................................ .. 40ALINHAMENTO COM A TAG < P> : ................................ ................................ ................................ ......... 41COMO INCLUIR IMAGENS NO SITE : ................................ ................................ ................................ ........ 41VEJA ALGUNS EXEMPLOS: ................................ ................................ ................................ ....................... 41ALINHAMENTO TEXTO DE IMAGENS:................................ ................................ ................................ ..... 41COMO FAZER OS LINKS : ................................ ................................ ................................ ......................... 42CRIANDO UM LINK PARA UMA OUTRA PÁGINA DO SEU SITE/BLOG: ................................ .................... 42COMO FAZER IMAGEM COM LINK : ................................ ................................ ................................ ......... 42COMO FAZER LINKS PARA DOWNLOAD : ................................ ................................ ............................... 43L I S T A S : ................................ ................................ ................................ ................................ ............... 43LISTA SEM ORDENAÇÃO: ................................ ................................ ................................ ....................... 44COMO INSERIR IMAGEM DE FUNDO NO SEU SITE: ................................ ................................ ................. 44COMO FAZER LETREIROS E LINHAS : ................................ ................................ ................................ ..... 44LINHAS ................................ ................................ ................................ ................................ .................. 44COMO FAZER TABELAS : ................................ ................................ ................................ ......................... 45SITE COM FRAMES : ................................ ................................ ................................ ................................ . 46COMO INSERIR MÚSICA: ................................ ................................ ................................ ......................... 48COMO INSERIR FLASH: ................................ ................................ ................................ ............................ 49COMO INSERIR VÍDEO: ................................ ................................ ................................ ............................ 49

TECLAS DE ATALHO ................................ ................................ ................................ ................. 50

REFERÊNCIAS BIBLIOGRÁFICAS ................................ ................................ ........................... 51



4

Apresentação

A Rede de Estações OTICS - RIO desenvolveu este Guia Básico do Google Earth,

buscando apresentar suas ferramentas e sua aplicabilidade na cartografia para área

de saúde.

Este Guia visa dar suporte na organização geográfica das áreas de planejamento (AP)

do município do Rio de Janeiro, através do sistema de geoprocessamento,

exemplificando o uso do software o Google Earth.

Em seu conteúdo inúmeras dicas de como se trabalhar com o Google Earth,

incluindo orientações sobre marcadores, desenhar polígono, adicionar caminho,

inserção e superposição de imagens, gravar passeio, HTML básico, trabalhar com

arquivos KMZ e KML, entre outros.

Este documento orienta o processo de territorialização das unidades de saúde, bem

como contribuir para a qualidade dos trabalhos desenvolvidos pelos profissionais

dos observatórios (Rede de estações OTICS-RIO).

OTICS RIO - 2011



5

Equipe Técnica

Coordenação da Rede de Estações OTICS-RIO Luiz Felipe Pinto

Secretaria Executiva

Pedro Scharth

Caroline Alencar

Emilene Guimarães

Apoio Técnico

Bruno Rodrigues

Elisete Casotti

Ildary Machado

Leda Jung

Luciani Araujo

Mônica Gouvea

Verônica Fernandes

Waldyr Neto

Capa, Diagramação e Conteúdo

Thiago Pires G. Braga



6

Requisitos do sistema e recomendações para o Google Earth

Windows:

Sistema operacional: Windows 2000, Windows XP, Windows Vista CPU: Pentium 3

de 500 Mhz Memória de sistema (RAM): Mínimo de 256 MB, 512 MB recomendadosDisco rígido: 400 MB de espaço livre.

Velocidade de rede: 128 Kbits/s Placa gráfica: 3D com 16 MB de VRAM Tela: 1024 x768, "High Color de 16 bits" DirectX 9 (para ser executado em modo Direct X) Paraobter melhor desempenho, consulte a Configuração recomendada.

Mac:

Sistema operacional: Mac OS X 10.4 ou superior CPU: G4 de 1GHz ou superiorMemória de sistema (RAM): Mínimo de 256 MB, 512 MB recomendados Disco rígido:

400 MB de espaço livre Velocidade de rede: 128 Kbits/s Placa gráfica: 3D com 32 MBde VRAM Tela: 1024 x 768, "Milhares de cores" Para obter melhor desempenho,consulte a Configuração recomendada.

Verifique se o sistema possui drivers OpenGL configurados de forma apropriada. Seo Google Earth ficar lento ou parar de responder, é provável que o sistema precisede outros drivers de vídeo.



7

Instalando e desinstalando do Google Earth

Instalação

Se você deseja instalar ou fazer upgrade para a versão mais recente do Google Earth,faça o download do aplicativo em: http://earth.google.com/download-earth.html

Se houver problemas na instalação do Google Earth por meio do Google Updater,faça o download da versão mais recente do Google Earth nos links:

PC: http://dl.google.com/earth/client/current/GoogleEarthWin.exeMac: http://dl.google.com/earth/client/current/GoogleEarthMac.dmg

Desinstalação

Para desinstalar o Google Earth, siga estas etapas:

1. Clique em Iniciar > Configurações > Painel de controle. 2. Clique duas vezes emAdicionar ou remover programas. 3. Percorra a lista para baixo até encontrar aopção Google Earth e clique nela. 4. Clique em Remover e, em seguida, em Sim e emConcluir.

*Erros durante a instalação/desinstalação

Consulte as instruções sobre como solucionar cada erro.Código de erro contendo -5009, -5003, -6002 ou -6009 durante a

instalação/desinstalação. Isso acontece porque há uma versão mais antiga doaplicativo de instalação no computador.

Atualize para a última versão do InstallShield.

1. Faça o download e execute o utilitário Limpeza do Windows Installer em

http://support.microsoft.com/kb/290301

2. Desinstale a sua versão do Google Earth a partir da caixa de diálogo "Adicionarou remover programas" no Painel de controle.

3. Faça upgrade para a versão mais recente a partir do nosso link de download:http://earth.google.com/download-earth.html



8

O Google Earth

É um programa desenvolvido e distribuído pela empresa americana Google

cuja função é apresentar um modelo tridimensional do globo terrestre,

construído a partir de mosaico de imagens de satélite obti das de fontes

diversas, imagens aéreas (fotografadas de aeronaves) e GIS 3D. Desta forma, o

programa pode ser usado simplesmente como um gerador de mapas

bidimensionais e imagens de satélite ou como um simulador das diversas

paisagens presentes no Planeta. Com isso, é possível identificar lugares,

construções, cidades, paisagens, entre outros elementos. O programa é

similar, embora mais complexo, ao serviço também oferecido pelo Google

conhecido como Google Maps.

Anteriormente conhecido como Earth Viewer, o Google Earth foi

desenvolvido pela Keyhole, companhia adquirida pelo Google em 2004. O

produto, renomeado de Google Earth em 2005, está disponível para uso em

computadores pessoais rodando Microsoft Windows 2000, XP, Vista, 7, Mac

OS X 10.3.9 e superiores, Linux (lançado em 12 de Junho de 2006) e FreeBSD.



9

Recursos

O Google Earth é uma boa ferramenta quando o assunto é pesquisa de lugares via

satélite, permitindo conhecer diversos lugares sem sair de casa, além de contribuir

para programação de passeios e checagem de endereço. Esse software nos permite

também visualizar ruas, casas e prédios como se estivesse no local, facilitando a

escolha de um imóvel sem precisar se deslocar.

Atualmente, o programa permite girar uma imagem, marcar os locais, medir a

distância entre dois pontos e até mesmo ter uma visão tridimensional de uma

determinada localidade. No mês de março de 2010 houve atualização das imagens

de satélite e grande parte do Brasil já possui imagem em alta resolução. Mesmo

pequenos municípios encontram-se disponíveis em detalhes.

O Google Earth faz a cartografia do planeta, agregando imagens obtidas de várias

fontes, incluindo imagens de satélite, fotografia aérea, e sistemas de informação

geográfica sobre um globo em 3D.



10

Google Sky (Céu)

A partir da versão Google Earth 4.2 o aplicativo passa a atribuir a ferramenta Sky

(céu) permitindo navegar tanto terra e quanto pelo universo todo.

Sky: o usuário poderá navegar pelo universo, (do sol a plutão), além de oferecer orecurso de visualização astrológica da via lacta.

Data da imagem: 02 de Janeiro 2010



11

Google Marte

A partir da sua quinta versão, o Google Earth disponibiliza um recurso com o qual o

planeta Marte pode ser visualizado em alta resolução , similar a da Terra.




12

Google Lua

A partir da 2ª atualização da versão 5 do programa, o Earth disponibilizou um novo

recurso com o qual o nosso satélite natural, a Lua, pode ser visualizada em alta

resolução da mesma forma que a Terra e Marte.




13

Oceano

Trata-se de uma atualização majoritária através do recurso camadas incluída a partir

da versão 5 e criada para atender a solicitação por mais recursos relacionados aos

oceanos. Essa nova camada possibilita a visualização elementos ligados a superfície e

ao fundo dos oceanos, como locais de mergulho, naufrágios, pontos de surf e á reas

de proteção marinha.


Como nav egar pelo oceano

Você pode navegar pela superfície do oceano da mesma forma que navegaria emqualquer lugar no Google Earth. Isso significa que você pode explorar o terrenosubmarino, como as trincheiras do fundo do oceano.Você pode ocultar ou exibir a superfície do oceano. Para fazer isso, clique em

Visualizar > Superfície da água. Você pode ver esse efeito visual de cima ou de baixoda superfície. Você pode navegar por baixo da superfície do oceano quando ela forexibida.



14

Simulador de voo

Este simulador une as imagens de satélite do Google Earth com um simulador de vôo

podendo até fazer pousos e decolagens em aeroportos. Existem dois modelos o SR-

22 (monomotor) e o F-16 (jato).




15

Menu de Op

ões

No menu de opções podemos conf i urar cores de t ext uras, t amanho de

rót ulos/ícones, tipos de font es, suavização de imagens, escala do

latit ude/longit ude, medida da elevação, qualidade do t erreno, t amanho do mapa

e relação do zoom. Além de Cache ent re out ras.



16

Pesquisador de endereços

Painel de pesquisa - o Google Eart h permite que usuários façam a pesquisa porendereços. Basta digitar o nome da região, e caso existam mais regiões com omesmo nome outras opções aparecerão logo abaixo. Pode-se procurar tambémpelas coordenadas geográficas (Latit ude e/ou longit ude) ou mesmo pelo CEP

(inclusive no Brasil).

Modo de Visualização - na área de visualização 3d do Google Earth, o usuáriopoderá exibir conteúdos como: mapa de visualização geral (mapa mundial em um

retângulo - imagem abaixo); barra de status; grade; luz do sol, entre outros.




17

Barra de Ferramentas

1¡ Mostrar/Ocultar barra lateral - para oc

¢ £ ¤ ar ou exibir a barra lateral (painéis

Pes ¥ uisar, Lugares e Camadas ¦ clique nesse í cone:

2§ Marcador - para adicionar um marcador a um local, personalizae icones e

atribuir uma descriç ̈ o ao local, utilize a ferramenta marcador.

Podemos também definir o tamanho e cor tanto do í cone como do rótulo,

através da aba Estilo/cor.

3. Polí ©

ono - desenhe malhas territoriais através da desse recurso.

4. Caminho - Para traçar um caminho e medir a distancia entre duas

localidades.através de uma linha guia.

5. Superposi

o de imagem - Use a criatividade e personalize o google earth

através do recurso de superposiç o de imagem. Insira um arquivo png,

removendo fundos e atribuindo transparências. Muito útil em con junto a

ferramenta polígono.



18

6. Gravar um passeio - Simule um passeio e grave sua rota através destaferramenta. Além disso, narre o seu passeio.

7. Controle do Tempo - Permite a navegação histórica dos registros das imagensdo Earth.

8. Sol - Exibe a luz solar em toda a paisagem.

9. Modos de visualização:

T erra- Na opção terra, visualize e explore o globo terrestre.Céu - Visualize estrelas, constelações, galáxias, planetas e a lua da Terra.

Mart e - Explore o planeta Marte de uma forma similar ao do globo terrestre.Lua- Faça uma viagem virtual no mundo da lua e descubra mais sobre o nosso

satélite natural.

10. Medida - Saiba qual a distância ou tamanho de uma área através de doispontos.

11. E-mail - Envie por e-mail uma visualização ou imagem.

12. Imprimir - Imprime a visualização atual.

13. Visualizar no Google Maps - Clique aqui para usar o seu navegador web paramostrar a visualização atual no Google Maps.

14. Controles de navegação - Use para aplicar zoom, visualizar e mover paraonde quiser.

15. Painel Camadas - Use-o para exibir pontos de interesse.



19

16. Painel lugares - Use para localizar, salvar, organizar e acessar os marcadores.

17. Adicionar conteúdo - Importe conteúdos KML da Galeria do Google Earth.

18. Visuali

ador em 3 - Visualize o globo e seus terrenos nessa janela.

19. Barra de status - Visualize nela as coordenadas, elevaç

o, datas e o status destreaming de imagens.

Como usar o mouse

Para navegar com o mouse, basta posicionar o cursor no meio do visualizador em 3

(imagem da Terra), clicar em um dos botões (direito ou esquerdo), mover o mouse e

observar o visualizador. Dependendo do botão do mouse pressionado, o cursor

assume outra forma para indicar uma mudança de comportamento. Ao mover o

mouse pressionando um dos botões, você pode:

Arrastar a visualização em qualquer direção, aumentar ou diminuir o zoom, Inclinar a

visualização (requer o botão do meio ou a roda de rolagem), olhar ao redor a partir

de um único ponto de visão e girar a visualização (requer o botão do meio ou a roda

de rolagem).

Move a v ua za ! ão e " qua que d e ! ão ( nort e, su , l est e ou oest e)

Para mover a visualização, posicione o cursor do mouse no visualizador e pressione o

botão esquerdo/principal do mouse. Observe que o í cone do cursor assume outra

forma, mudando de para. Puxe o visualizador com o cursor em forma de mão, como

se estivesse manuseando um globo de verdade e quisesse arrastar uma nova parte

da Terra para a visualização.

Arraste em todas as direções para revelar novas partes do globo ou arraste em

movimentos circulares.

Assim que estiver no nível do solo, você pode se movimentar como se estivesse

andando, usando as teclas W, A, S, D ou de seta.



20

F lutuar

Se quiser flutuar sem parar em qualquer direção, mantenha pressionado o botão

esquerdo/principal do mouse. Em seguida, mova rapidamente o mouse e solte obotão.

Aumentar o#

oom

Há diversas maneiras de aumentar o zoom com o mouse.

Clique duas vezes em qualquer ponto do visualizador em 3D para aumentar o zoomnele. Clique uma vez a fim de parar ou duas vezes para aumentar mais o zoom. Se omouse tiver uma roda de rolagem, use-a para aumentar o zoom deslizando-a em sua

direção. Use a tecla ALT (Option no Mac) combinada com a roda de rolagem paraaumentar o zoom em incrementos menores. Você também pode posicionar o cursona tela e pressionar o botão DIREITO do mouse. Quando o cursor assumir a forma de

seta dupla, mova o mouse para trás ou em sua direção, soltando o botão quando

atingir a elevação desejada. Observe que linhas de referência aparecem e você podeaplicar zoom através delas.

Se desejar aumentar o zoom continuamente, mantenha o botão pressionado, puxe omouse rapidamente para baixo e solte o botão, como se estivesse "arremessando" acena. Clique uma vez no visualizador em 3D para interromper o movimento. Observeque os ângulos de visualização descem (inclinam-se) quando você se aproxima dochão. Em alguns laptops da Apple, ao arrastar dois dedos pelo trackpad aumenta oudiminui o zoom.

Diminuir o$

oom

Há diversas maneiras de diminuir o zoom com o mouse.Com o botão DIREITO do mouse, clique duas vezes em qualquer lugar do visualizadorem 3D para diminuir o zoom nesse ponto. O visualizador diminuirá um pouco ozoom. Clique uma vez a fim de parar ou com o botão direito duas vezes paradiminuir mais o zoom.Se o mouse tiver uma roda de rolagem, role-a na direção oposta a você paradiminuir o zoom (movimento para a frente). Use a tecla ALT (Option no Mac)combinada com a roda de rolagem para diminuir o zoom em incrementos menores.

Você também pode posicionar o cursor na tela e pressionar o botão DIREITO domouse. Quando o cursor assumir a forma de seta dupla, mova o mouse para a frenteou na direção oposta a você, soltando o botão quando atingir a elevação desejada.Observe que linhas de referência aparecem e você pode aplicar zoom através delas.Se desejar diminuir o zoom continuamente, mantenha o botão direito pressionado,empurre o mouse rapidamente para frente e solte o botão, como se estivesse

"arremessando" a cena. Clique uma vez no visualizador a fim de parar o movimento.

Inclinar a visuali %

ação



21

Ao pressionar o botão do meio ou uma roda de rolagem, incline a visualizaçãopressionando o botão e movendo o mouse para a frente ou para trás. Se o mousetiver uma roda de rolagem, incline a visualização pressionando a tecla SHIFT erolando. Você também pode pressionar Shift e o botão esquerdo do mouse paraarrastar. Observe que linhas de referência aparecem e sua visão inclina-se a partirdesse ponto.

Olhar

Para olhar ao redor a partir de um único ponto de visão, como se você estivessevirando a cabeça, pressione CTRL e o botão esquerdo do mouse e arraste.Se o mouse tiver um botão do meio ou uma roda de rolagem pressionável, gire avisualização clicando no botão do meio e movendo o mouse para a esquerda oudireita.

Girar a visuali &

ação

Pressionar Shift e o botão esquerdo do mouse para arrastar. Observe que linhas dereferência aparecem e a sua visão gira em torno delas.Você também pode usar a tecla CTRL combinada com a roda de rolagem para girar avisualização. Pressione CTRL e role para CIMA para girar no sentido horário, CTRL + erole PARA BAIXO para girar no sentido anti -horário.

Roda do mouse (Scroll '

Para alterar as configurações da Roda do mouse, clique em Ferramentas > Opções >

Navegação (no Mac: Google Earth > Preferências > Navegação > Roda do mouseConfigurações). Mova o regulador para definir a velocidade do ponto de visão da

Terra ao aumentar ou diminuir o zoom. Selecione "Inverter direção do zoom da rodado mouse" para inverter a direção do zoom ao usar a roda do mouse.



22

Use o botão do meio do mouse (se disponível) para que a movimentação se jacontínua - Se o mouse tiver um botão do meio ou uma roda de rolagem pre ssionável,

pressione-o(a) para inclinar e girar a visualização. Movimentos para cima e para

baixo inclinam a visualização, e movimentos para a esquerda e para a direita faz girar.

Desenhand o com o mouse / t abl et

Utilizando a ferramenta adicionar polígono podemos desenhar ou delimitar uma

área que pode ser um continente, paí s (es), cidade (s), bairro (s) ou uma microárea

ou território. Para isso, posicione o ponteiro do mouse na região que se dese ja

começar e mantenha o botão esquerdo pressionado contornado a área dese jada,até concluir ou terminar a tela (desloque a tela com a ferramenta move-se ao redor

e repita o processo até concluir o desenho).



23

Controle - Os recursos do controlador do Earth nos permitem: inclinar,

girar aproximar e distancia em qualquer área do planeta sendo assim

dividida em três controladores: (1) visualizar ao redor e girar; (2) move-

se ao redor e (3) Use o regulador de zoom para aumentar ou diminuir o

zoom (+ para aumentar o zoom, - para diminuir o zoom). Quando você

se aproxima do chão, o Google Earth desce (inclina-se) para mudar oseu ângulo de visão para ficar paralelo com a superfí cie terrestre. Você

pode desativar essa inclinação automática (Ferramentas > Opções >

Navegação > Controles de navegação; Mac: Google Earth > Preferências

> Navegação > Controles de navegação). A combinação dessas

ferramentas permite o completo deslocamento em qualquer parte do

globo terrestre virtual.

Você também pode usar o teclado para controlar a navegação. Consulte Navegação

no visualizador em 3D nos Controles do teclado para obter mais informações.

Font e( Googl e

1

2

3



24

Tipos de visualizações

No Google Eart h temos dois tipo de visuali ações:

V isuali )

ação inclinada


Utilizando a ferramenta visualizar ao redor e girar. Ajuste a aparência do terreno sedesejar uma maior proeminência da elevação. Para fazer isso, clique em

Ferramentas > Opções > Visualização em 3D no menu Ferramentas (no Mac,selecione Google Earth > Preferências > Visualização em 3D) e altere o número em"Ampliar elevação". Defina um valor de 1 a 3, incluindo decimais. Uma configuração

comum é 1,5, que proporciona uma aparência de elevação evidente, porém, natural.Consulte Preferências de visualização para obter mais informações.

F ont e: Googl e



25

V isuali 0

ação d e cima para baixo

Data da imagem: 07 de Agosto de 2009

Para visualizar e navegar sobre regiões e locais utilize a ferramenta move-se ao

redor.

F ont e: Googl e



26

C omo r est aur ar a v 1 suali za 2 ão pad r ão

Após inclinar e girar a visualização em 3D no Google Earth, você sempre poderá

voltar rapidamente à configuração padrão de visão norte acima e de cima para baixo.

Par a f azer isso:

Clique no botão Norte para restaurar a visualização, fazendo com que a

direção norte fique na parte superior do visualizador ou clique na tela

do Earth, no visualizador e pressione R no teclado para restaurar a

visualização.

Como definir o local de iní cio

Você pode definir o local de iní cio (padrão) que será exibido toda vez que o Google

Earth for iniciado. Para isso, acesse o local dese jado e clique em Visuali3

ar > Usar

este local como iní cio.



27

Linguagem de programação do Google Earth

O Eart h utiliza dois tipos de linguagem: K L e K Z. Ambos arquivos possui emsua composição uma est rut ura baseada na linguagem XML, a diferença ent re

esses arquivos está no armazenament o ou links de objet os anexos. Podemoscomparar sua est rut ura f ísica como os arquivos KML se comparando aos HTML e

os KMZ, seria esse mesmo arquivo compact ado com seus anexos, ou seja, oprimeiro exemplo t eríamos que t er os anexos em um servidos online e

necessit aria t er acesso a int ernet para poder visualizar o que foi const ruído.

Diferent ement e os KMZ permit e uma maior flexibilidade de acesso, necessit ado

apenas do aplicativo Google Eart h e o KMZ.

C ri e, im port e e com partil he seus arqui v os KM4 e KMZ , onli ne.

Uma forma de edit ar, publicar, gerenciar, desenvolver seus arquivos KML eexport ar / import ar os KMZ é o recurso online de geoprocessament o que a

Google desenvolveu o Google Maps. Para t ant o, bast a t er uma cont a associada aoGoogle (Gmail, Orkut , Blogspot , ent re out ras).

O Maps nos permit e realizar upload de arquivos KML/Z de at é 10 Mb . E assimpossibilit ando o compartilhament o dos mesmos.



28

Como vimos os arquivos KML são compost os apenas de códigos (t ext os) e osobjet os linkados requerem um servidor online, como por exemplo: imagens,

vídeos. Podemos ent ão, usufruir de mais um recurso, o Google Sites para

hospedar os arquivos de seus projet os.

Data da imagem: 30 de Maio 2011

Para acessar o sit e do Google Maps digit ar em seu navegador o seguint eendereço: htt p://www.googlemaps.com e ent re com sua cont a, utilizando

usuário e senha e desfrut e dos recursos desse aplicativo online.

O Maps possui duas barras de menus, uma

vertical (esquerdo) e out ra Horizont al. No

menu vertical t emos as ferrament as: comochegar, meus mapas, criar mapa, edit ar mapa,

colaborar e import ar. Na aba meus mapaspodemos def inir se o arquivo criado f icará

público ou não. Já o menu horizont al possui as

seguint es ferrament as: visualizar no Google

Eart h, Imprimir, como chegar, meus mapas,

criar mapa, colaborar e import ar. Em visualizar

no Google Eart h, o Maps gera um arquivo KMZ

e que se abre no Eart h. Em sequência podemos

imprimir e enviar por e-mail. Além disso

podemos at ribuir o Maps a um sit e ou blog, ou

mesmo enviar o link por e-mail em poucos cliques.

O Google Maps permit e compartilhar sua administ ração com out ras pessoas na

aba convidar colaboradores.



29



30

Como importar dados vetoriais

Com o Google Earth é possível importar os seguintes tipos de dados vetoriais:

1. Pontos

2. Linhas e caminhos

3. Polígonos, inclusive polígonos sólidos

Para inserir dados vetoriais :

y Arrastar e soltar - Localize o arquivo no computador e arraste-o para o

visualizador em 3D do Google Earth.

y No menu arquivo, selecione Abrir ou Importar - após escolher uma das opções,

selecione especificamente o tipo de arquivo a ser importado (TXT, SHP, TAB).

Bloco de Notas (TXT)

ESRI Shape (SHP)

MapInfo (TAB)

Depois de importados, os elementos vetoriais são exibidos no visualizador em 3D e o

arquivo importado é relacionado na pasta Lugar es t emporários. Os rótulos, ícones,

cores e descrição são exibidos da mesma forma que outros tipos de lugares e pastas.



31

Enviando uma imagem por e-mail

A partir da visualização atual da Terra mostrada no visualizador em 3D do Google

Earth, é possível enviar a imagem ou KMZ por email :

Clique em Ar quivo > E-mail > Enviar visuali 5

ação por email (KM Z ) ou Enviar

imagem por e-mail (JPEG ).

Utilize o atalho Ctrl+Alt+E (somente Windows e Linux).

Clique no ícone de e-mail na barra de ferramentas e escolha Enviar imagem

por e-mail .

Na janela Sel ecionar serviço d e e-mail , escolha uma das opções: Microsoft Outlook

ou a sua conta do Gmail. Antes de selecionar o serviço de e -mail, marque a caixa de

seleção Lembrar esta confi guração se desejar usar o mesmo serviço de e-mail

sempre que enviar uma visualização por e-mail. Você poderá alterar suas

preferências de e-mail posteriormente selecionando F erramentas > O pções > Geral

(Windows/Linux) ou Googl e Earth > Pr e f erências (Mac) e clicando na guia Geral .



32

Aguarde enquanto o software Google Earth envia os dados para o aplicativo de e -

mail. Uma nova janela de e-mail é exibida com o arquivo. (Isso pode levar alguns

segundos.) se optou por enviar marcador ou visualização o arquivo será KMZ caso

seja uma imagem o arquivo será no formato.

Preencha o endereço de e -mail do destinatário e todas as outras informações no

corpo da mensagem e envie o e-mail.

Obs: Quando você envia uma imagem por e-mail, a qualidade dela é idêntica àquela

disponível para o recurso Salvar imagem no Google Earth.



33

Trabalhando com o Google Earth

Como vimos o Eart h nos permit e planejar, organizar e explorar uma área ou uma

região no mapa mundial.

Iremos most rar a praticidade das ferrament as e como diagramar um t errit ório,

além de at ribuir informações no mesmo.

Delimit and o um t erritório

Para isso vamos precisar ent ender os set ores censitários.

O IBGE def ine como set or censitário uma unidade t errit orial de colet a das

operações censitárias com limit es f ísicos identif icados, em áreas contínuas e

respeit ando a divisão político-administ rativa do Brasil.

O Territ ório Nacional foi dividido em 215.811 set ores para a realização do Censo

Demográf ico de 2000.

DICA: Antes de começarmos o desenho da malha geográfica podemos ter como

base um imagem da área adscrita.

Nest e exemplo iremos t rabalhar com o bairro Rocinha

Para a delimit ação de um t errit ório utilizaremos a ferrament a criar polígono


Localize o bairro Rocinha no menu pesquisar e delimit e áreas aleat órias para que

possa se familiarizar com est a ferrament a.

Not e que após delimit ar uma área podemos t ransformar em um objet o 3D, com orecurso altit ude, conforme veremos agora:



34

Na propriedades do polígono na última aba encontraremos a opção de altit ude.

Se observarmos a figura ao lado, veremos que nesta aba temos uma caixa decombinação onde, por definição, estará marcando "presa ao solo". Mudaremos para Relativo ao solo e marcamos a caixa de marcação "alongar laterais até osolo", onde criará colunas do solo até a altit ude do polígono.

Há duas formas de se desenhar com a ferramenta polígono:

y Ponto-a-ponto - nesse modo o usuário desse software criará malhas geográficas a partir da união entre dois pontos (extremidades).

y Continuo - para reali ação de desenhos contínuos de modo profissionalrequer do usuário firme a e precisão com o mouse / tablet.

É importante entender o f uncionamento de ambos os modos e poder identificarqual a maneira mais ágil que se adéqua ao usuário.

Após demilitar as microáreas do território, pode-se atribuir cores para podedestacar e identificar cada malha. Além disso, podemos atribuir informações as áreas e inserir icones que simboli e os serviços e sistemas de saúde disponíveis na região, veremos agora um passo-a-passo da construção de malhas e seus serviços em um território:

1. Escolha um território, nesse exemplo escolheremos a Rocinha.2. Desenhe polígonos das microáreas da região.



35


Note que ao desenhar um polígono você poderá escolher a cor de preenchimentoe a espessura e cor da borda. Tanto na cor da linha quanto a do preenchimento épossível atribuir efeito de transparência na malha, visuali ando assim o local

delimitado.




36

Inserindo ícones e informações

Ícones - Personali e ícones para marcar um local. Para criar um ícone vocêpoderá utili ar o Adobe Photoshop, mas necessitará instalar um plugin(icoformat.8bi).


Baixe o arquivo no endereço:

http://www.4shared.com/get/dfPf_4Gn/ICOFormat.html

Copie o arquivo para o diretório:

*UNIDADE DE DISCO*:/Arquivo de Programas/Adobe/*SUA VERSÃOPHOTOSHOP*/Plug-Ins/File Format s/

Reinicie o Photoshop para terminar a instalação do plug-in.



37

Informações - há duas formas de se inserir informações no Eart h:

y Sem formatação - desta forma o usuário entrará com um texto corrido nocampo descrição.

y Personali ado (Html) - é possível através de códigos html personali ar,

criar links e até inserir script s no Eart h no campo descrição.Ex: <marquee><h1>Thiago Braga!!!</h1></marquee>



38

HTML Básico

Existem editores HTML que oferecem comodidade para confecção das páginas, taiscomo: FrontPage; Dreamweaver e outros. Mas não será necessário aprendendo oscódigos abaixo e você poderá fazer no Word ou Bloco de Notas e salvar como .html.Toda página é composta por Tags, que são os comandos html. Toda página deve

comerçar com a tag <HTML> e terminar com < /HTML>. Note que a barra "/"determina o fechamento da tag. Estas são as Tags fundamentais de sua página, istoé, toda página contém estas tags:

Na medida do possível irei acrescentando mais dicas para você fazer um site bemlegal.

It ens básico em html:

<HTML><HEAD>

<TITLE> Título da página </TITLE></HEAD><BODY> Texto; Imagens; Links; etc </BODY>

</HTML>

Obs: As tags podem ser escritas em Maiúscula ou Minúscula Ex.: < html> ou

<HTML>.

O Título da página aparecerá no alto da janela do browser e será referenciado em

buscas pela rede. Ao ser adicionada à "Favoritos" (Bookmarks), o título será o atalhopara ela.

A

tributos d e <BO

DY> :

Através de <BODY>, podemos definir cores dos textos, links e fundo das páginas, ouuma imagem de fundo. Temos então:

BGCOLOR - Cor de fundoTEXT - Cor da fonte dos textosLINK - Cor dos links (padrão: azul)ALINK - Cor dos links, quando clicados (padrão: vermelho)VLINK - Cor dos Links, depois de visitados (padrão: roxo)

BACKGROUND - Imagem de fundo: Indica o URL da imagem.

Podemos definir tudo de uma só vez, colocando o seguinte código:

<BODY BGCOLOR="YELLOW" TEXT="BLACK" LINK="BLUE" ALINK="RED"VLINK="PURPLE">

Não está no código acima o atributo BACKGROUND pois não é padrão.

Cor es Básicas:

Você pode escrever as cores (em inglês) ou colocar seu código. Porém, para esc rever



39

só é aceito 16 cores, que são:

Preto = black - código = #000000Branco = white - código = #FFFFFFAzul = blue - código = #0000FFAmarelo = yellow - código = #FFFF00

Verde = green - código = #008000Lima = lime - código = #00ff00Marron = maroon - código = #800000

Oliva = olive - código = #808000Azul Celeste = aqua - código = #00ffff Lilás = fuchsia - código = #ff00ff

Cinza = gray - código = #808080Azul escuro = navy - código = #000080Roxo = purple - código = #800080Verde escuro = teal - código = #008080Cinza claro = silver - código = #c0c0c0

Vermelho = red - código = #FF0000

Mas você pode definir varias tonalidades e cores, basta ter a lista de códigos das

cores, ou

Cabeçalhos :

O tamanho das letras ou fontes é definido pela tag <H> - "Headings".

A tag <H> normalmente é usada em CABEÇALHOS e há seis níveis. Com esta tag vocêpode definir o tamanho das letras, mas não o tipo da fonte. Veja abaixo como fica:

Este é o tamanho:<H1>

Est 6 é o t 7 8 7 9 ho:<H2>





Alinhando os cabeçalhos

<H2 ALIGN=CENTER>Texto centralizado</H2><H2 ALIGN=RIGHT>Texto alinhado à direita</H2>

<H2 ALIGN=LEFT>Texto alinhado à esquerda</H2>

T amanho e cor es das l etras :



40

Você também pode usar a tag <FONT> para definir o tamanho, bem como sua cor etipo da fonte.

<FONT FACE> - Define o tipo de letra<FONT COLOR> - Define a cor da letra<FONT SIZE> - Define o tamanho da letra

Veja abaixo alguns exemplos:<FONT FACE="ARIAL" SIZE="1" COLOR="RED">Fica assim</FONT>

<FONT FACE="ARIAL" SIZE="2" COLOR="BLUE">Fica assim</FONT><FONT FACE="ARIAL" SIZE="3" COLOR="BLACK">Fica assim</FONT><FONT FACE="TIMES" SIZE="5" COLOR="BLUE">Fica assim</FONT>

* Note que você define com mais precisão o tamanho das letras do que a tag <H>.

Como formatar os t e xtos :

Formatando o texto em Negrito, Itálico, Sublinhado e Centralizado. TAGS:<B> - Negrito, <U> - Sublinhado, <I> - Itálico e <CENTER> - Centralizado

<B>Texto em Negrito</B><U>Texto Sublinhado</U><I>T e xto em Itálico</I><STRIKE> ou <S> Texto Riscado assim<SUB> Como em H2O - O número 2 ficou em baixo.<SUP> Como em Km2 - O número 2 ficou em cima.<CENTER>Texto Centralizado</CENTER>

Você também pode acumular os efeitos, agrupando os códigos Ex.:<CENTER><B><U><I>O texto f ica assim</B></U></I></CENTER>

Como fa@

er parágrafos e linhas :Não basta você teclar ENTER para que a linha vá para baixo. Você terá que colocaruma TAG para um parágrafo ou para uma nova linha.

Para parágrafo usar a TAG <P> e para linha usar < BR> Exemplo:<P>Primeiro Parágrafo

<BR>Primeira Linha



41

<P>Segundo Parágrafo

<BR>

Segunda Linha

Note que cada vez que você coloca a TAG <BR> estará fazendo uma nova linha, quetambém não deixa de ser um parágrafo.

Alinhamento com a tag < p> :

Para alinhar os parágrafos basta incluir depois do "P" o parâmetro "align + tipo de

alinhamento", conforme abaixo:

<P ALIGN="LEFT"> Texto alinhado à esquerda.<P ALIGN="RIGHT"> Texto alinhado à direita.<P ALIGN="CENTER"> Texto centralizado.

<P ALIGN="JUSTIFY"> Texto justificado.

Como incluir imagens no sit e :

A TAG utilizada é: <img src="nome da imagem+.extensão"(gif, jpg, bmp, etc)>Atributos da Imagem:

WIDTH - Define a largura da imagem.HEIGHT - Define a altura da imagem.ALT - Texto que aparece quando é passado o mouse sobre a imagemBORDER - É um valor atribuido à largura da borda da imagem (Contorno).

V ej a al guns e x emplos:

<img src="zero.gif" alt="Seu texto" border="0">

<img src="zero.gif" alt="Seu texto" border="1">

<img src="zero.gif" alt="Seu texto" border="2" width="20" height="20">

Note que no ultimo exemplo especificamos o tamanho da imagem. Se optarmos pornão definir este tamanho, a imagem aparecerá no tamanho original. Você podeespecificar um tamanho menor do que a original, pois não acarretará perda de

qualidade da imagem, mas se fizer ao contrário, isto é, definir um tamanho maiorque a original perderá qualidade de imagem.

O correto é você ter a imagem do tamanho certo que deseja que apareça na página.

Evite colocar imagens maiores que 50 Kb. Quanto maior a imagem mais tempoleverá para carregar.

Alinhamento t e xto d e imagens:



42

<img src="zero.gif" align="top"><img src="zero.gif" align="middle"><img src="zero.gif" align="left"><img src="zero.gif" align="right">

Há também os atributos de moldura, que definem o espaço vertical e horizontal

entre as imagens e os textos circundantes, onde:

<IMG SRC="image.gif" VSPACE=espaço vertical>

<IMG SRC="image.gif" HSPACE=espaço horizontal>

Ex.:

<IMG SRC="image.gif" ALIGN="LEFT" WIDTH="10" HEIGHT="10" VSPACE="50">

<IMG SRC="image.gif" ALIGN="RIGHT" WIDTH="10" HEIGHT="10" HSPACE="30">

Como faA

er os links :Links são pontos clicáveis que levam a qualquer site da internet ou qualquer páginado site e até mesmo um ponto de uma mesma página. A TAG usada é:

<a href="endereço do site">descrição do site</a>

Exemplos

<a href="http://exemplodeumblogsaudedafamilia.blogspot.com">Blog ExemploSaúde da Família </a>

Resultado: Blog Exemplo Saúde da Família

Note que formou-se um link para um determinado site que foi descrito no códigoacima.Se você clicar abrirá o referido site em uma outra janela, isto é, sem que você saia

deste site, isto porque foi adicionado o atributo "TARGET", então na verdade, paravocê não fechar esta janela, o código inserido aqui foi:

<a href=" http://exemplodeumblogsaudedafamilia.blogspot.com" target="_blank">Blog Exemplo Saúde da Família </a>

Criando um link para uma outra página do seu sit e/ blog:

<a href="pagina_xxx.html">Clique aqui</a> - Note que após o nome da página écolocado a extensão .html

Como faB

er imagem com link :

É simples atribuir um link em uma imagem. Ao invés de colocar o texto com adescrição do lugar, insira a TAG de imagem. Veja o exemplo:



43

<a href="http://www.endereçodosite.com.br"> <IMG SRC="local, nome da imagem+ extensão"></a>

Sendo que:

http:// www.endereçodosite.com.br é o URL (endereço) do site.local é caso você tenha armazenado suas imagens em uma pasta.Ex. Pasta "Imagens".

nome da imagem + extensão Exemplo: minhafoto.jpg ou barra.gif

Veja o exemplo abaixo, note que formou um link na figura e o levará ao referido sit eacima.

Lembre-se: foi usado a target"_blank" para abrir em uma nova janela.

Como faC

er links para download :Na verdade não existe o comando específico. O que acontece é que quando criamosum link para um arquivo que o navegador não reconhece, ele automaticamenteinicia o download, por exemplo, o navegador não reconhece os arquivos com

extensão ZIP, EXE, RAR, etc., nestes casos ele inicia o download. Veja exemplos:

<a href="arquivo.rar">Clique aqui para baixar</a>

<a href="pasta_xxx/arquivo.zip"> Clique aqui para baixar</a>

Algumas extensões de arquivos fazem com que os navegadores, em vez de fazer odownload, abrem com programas instalados no computador.Nota: se criarmos um link para um arquivo de vídeo ".avi" o navegador abrirá oprograma para exibir esse vídeo (Windows Media Player). Para que isso nãoaconteça, sempre compacte seus arquivos para download no formato zip ou rar, porexemplo, tornando-os mais leves (menores) e download será mais rápido.

L i s t a s :

Nesta página já existem várias listas. Logo abaixo já tem outra lista com os nomes:

1. Listas Ordenadas2. Listas sem ordenação

3. Listas Encadeadas

Exemplos: A lista acima (Ordenada) foi feita com os seguintes códigos:

<OL> <LI> <LI> <LI> </OL> Os números são inseridos automaticamente.

Se você quiser trocar os números por letras, Ex.: A, B, C. ao invés de usar só <OL>use <OL START=1 TYPE=A> - Onde "1" indica para começar pela primeira letra doalfabeto.



44

Lista Sem Ord enação:

<UL> <LI> <LI> <LI> </UL>

Resultado:

y Primeiro item.

y Segundo item.y Terceiro item. As "bolinhas" são inseridas automaticamente.

Listas Encadeadas: <OL> <LI> <UL> <LI> <LI> </UL> <LI> </OL> Produz resultado misto.

Como inserir imagem d e fundo no seu sit e:

Para você colocar uma imagem de fundo no seu site é só colocar um atributo dentroda TAG <BODY>, assim: <BODY BACKGROUND="nome da imagem+extensão">.

Quando a imagem é menor que o tamanho da tela, o navegador duplica essa

imagem tantas vezes forem necessárias para cobrir todo o espaço da tela.Existem vários tamanhos de telas. Lembre-se: imagens grandes demoram à carregar.

Como faD

er l etr eiros e linhas :

Para colocar um letreiro na página é utilizado a TAG < MARQUEE>Veja o código:

<MARQUEE BEHAVIOR=SCROLL DIRECTION="RIGHT"BGCOLOR="YELLOW"WIDTH=50%>TEXTO</MARQUEE>

Onde:

DIRECTION= indica a direção "LEFT" ou "RIGHT".BGCOLOR= indica a cor de fundo do letreiro.

WIDTH= indica a porcentagem que o letreiro ocupará sua página.

Nota: se desejar que o texto pare no final, ao invés de SCROLL escreva SLIDE.

Outro exemplo:

<MARQUEE DIRECTION="RIGHT"> <FONT SIZE="3" COLOR="RED" FACE="COMICSANS MS">texto</FONT></MARQUEE>

LINH AS

Para inserir uma linha basta colocar a TAG <HR>.



45

Não é preciso fechar "</HR>".

Atributos da Linha Você pode definir a largura, cor e alinhamento.

<HR SIZE=10> - Insere uma linha de largura 10 pixels.

<HR WIDTH=50%> - Insere uma linha que ocupa 50% do espaço em tela.

<HR WIDTH=50% ALIGN=RIGHT> - Insere uma linha que ocupa 50% do espaço em

tela alinhada à Direita. Ou LEFT à esquerda.

Cor da Linha

<HR SIZE=1 WIDTH=100% COLOR="RED">

Veja o resultado:

Como faE

er tabelas :

As tabelas valorizam o Layout das páginas, pois dão harmonia e organização dos

textos, imagens, listas, etc. A tabela é representada pelas Tags <TABLE> e < /TABLE>e possue os seguintes atributos:

border="valor" - Onde o "valor" define a largura da borda (contorno).

cellspacing="valor" - Onde o "valor" define o espaço horizontal entre as células.cellpadding="valor" - Onde o "valor" define o espaço vertical entre as células.

width="valor" - Onde o "valor" define a largura da tabela em pixels ou emporcentagem.height="valor" - Onde o "valor" define a altura da tabela em pixels ou em

porcentagem.bgcolor="#cor" - Define a cor de fundo da tabela.bordercolor="#cor" - Define a cor da borda.

background="imagem.jpg" - Define uma imagem de fundo.

A tabela possui alguns comandos que são:

<TR> e </TR> -Define uma linha da tabela.

<TH> e </TH> -Define um cabeçalho da tabela.

<TD> e </TD> -Define a coluna de informações.

<CAPTION> e </CAPTION> -Define o título da tabela.



46

Veja um exemplo:

<TABLE BORDER="2" BORDERCOLOR="RED"CELLSPACING="10" CELLPADDING="6" WIDTH="50" HEIGHT="20"BGCOLOR="YELLOW" <TR> < TD> 1a.coluna </TD> <TD>2a.coluna </TD> < TD>3a.coluna </TD> </TR> <TR> <TD> 1a.linha </TD> <TD> 1a.linha </TD><TD>

1a.linha < /TD> </TABLE> </BR>

Você pode colocar o código acima em apenas uma linha. Resultado:

1a.coluna 2a.coluna 3a.coluna

1a.linha 1a.linha 1a.linha

Para que a tabela fique centralizada, como acima, use a tag < CENTER> antes do

código e </CENTER> depois do código.

Também pode-se alinhar o texto dentro das células, utilizando os seguintes

atributos:

Align="left" -Alinha o texto à esquerda.

Align="right" -Alinha o texto à direita.Align="center" -Alinha o texto no centro.Valign="top" -Alinha o texto no topo da célula.

Valign="middle" -Alinha o texto no meio da célula.Valign="bottom" -Alinha o texto na parte inferior da célula.

Adicionando uma lista dentro da célula:

<TABLE BORDER="1" <TR> <TD>lista dentro da célula<UL> <LI>1 item<LI>2 item<LI>3item</UL> </TD> </TABLE>

Resultado:

lista dentro da célula

y 1 item

y 2 itemy 3 item

Sit e com frames :

Resume-se em mais de uma página em uma só tela. É necessário criar três páginas



47

para criar uma página com dois frames, ou seja, uma página principal onde terá astags referente ao frame que deverá ser salva como: index.html e as outras duasserão abertas dentro desta página principal.

Exemplo:

<HTML><HEAD><TITLE>Título da página </TITLE>

</HEAD><FRAMESET COLS="20%, 80%"><FRAME SRC="pagina1.html">

<FRAME SRC="pagina2.html"><NOFRAME></NOFRAME></FRAMESET><BODY>

</BODY></HTML>

Os códigos acima só serão colocados na página principal que será salva como"index.html".

Normalmente nesse tipo de frame a página1.html é usada para os menus e a

página2.html para conteúdo geral do site.

Neste caso <FRAMESET COLS="20%, 80%"> o atributo COLS divide as colunas ou

seja, 20% do lado esquerdo e 80% do lado direito da página.

Sempre da esquerda para direita. Então a página1.html ocupará 20% do espaço e apágina2.html ocupará 80% (espaço vertical).

Copie o código acima, cole no Bloco de Notas e salve como "index. html" depois dê 2cliques nesse arquivo para visualizá-lo aberto em seu browser.

As tags <NOFRAME> e </NOFRAME> é usado somente para avisar usuário que utiliza

browser muito antigo que a página contém frames, que não as conseguirá visualizar(muito difícil acontecer).

Exemplo 2:

<HTML>

<HEAD><TITLE> Título da página </TITLE></HEAD><FRAMESET COLS="20%, 80%"><FRAME SRC="pagina1.html"><FRAMESET ROWS="20%, 80%"><FRAME SRC="pagina3.html">



48

<FRAME SRC="pagina2.html"><NOFRAME></NOFRAME></FRAMESET><BODY></BODY>

</HTML>

Copie o código acima, cole no Bloco de Notas e salve como "index.html" depois dê 2

cliques nesse arquivo para visualizá-lo aberto em seu browser.

Exemplo 3:

<HTML><HEAD><TITLE> Título da página </TITLE></HEAD>

<FRAMESET ROWS="20%, 80%"><FRAME SRC="pagina1.html"><FRAME SRC="pagina2.html">

<NOFRAME></NOFRAME></FRAMESET><BODY>

</BODY></HTML>

Copie o código acima, cole no Bloco de Notas e salve como "index.html" depois dê 2

cliques nesse arquivo para visualizá-lo aberto em seu browser.

Como inserir música:

Para inserir uma música em uma página, antes de fechar a tag < HEAD> coloque atag: <BGSOUND SRC="musica.mid">.A Extensão do arquivo pode ser .mid ou .wav.

Para que a música toque novamente, sempre, acrescente: loop="-1" Assim:<BGSOUND SRC="musica.mid" loop="-1">

No exemplo acima a música tocará sem que apareça o "display" na tela. O internautanão terá como parar, pausar ou iniciar.

Para que apareça o display na tela, como você vê abaixo, coloque está tag:

<EMBED SRC="musica.mid" AUTOSTART="FALSE" LOOP="TRUE">

* Note que você terá que acionar PLAY para iniciar a música.

* Para que abra a página já tocando a música, coloque este código:



49

<EMBED SRC="musica.mid" AUTOSTART= LOOP="TRUE">

* Você ainda pode definir o tamanho do display, assim:

<EMBED SRC="musica.mid" AUTOSTART= LOOP="TRUE" WIDTH=145 HEIGHT=25>

Como inserir flash:

Para inserir um flash (arquivo com extensão .swf), como abaixo, coloque este

código depois da tag <BODY>:

<OBJECT CLASSID="FLASH"CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.

cab#version=6,0,0,0"><EMBED SRC="arquivo.swf" WIDTH="200" HEIGHT="200"TYPE="application/x-shockwave-flash"PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"

</EMBED>< /OBJECT>

Note no código acima que você pode especificar o tamanho da imagem. Se você nãocolocar os atributos "WIDTH e HEIGHT" a imagem ficará no tamanho original(tamanho que foi criada).

Como inserir víd eo:

Para inserir um vídeo (arquivo com extensão .avi), como abaixo, coloque este códigodepois da tag <BODY>:

<EMBED SRC="arquivo.avi" </EMBED>



50

Teclas de Atalho

Menu Arquivo

Alt + F (inglês/japonês/francês/italiano);

Alt + D (alemão);

Alt + A (espanhol/português).

Abre o menu Ar quivo. Use as setas para baixo e para cima para selecionar itensquando o menu estiver aberto.

Menu Editar

Alt + E (inglês/japonês/espanhol/português);Alt + M (francês/italiano);Alt + B (alemão).

Abre o menu Editar . Use as setas para baixo e para cima para selecionar itensquando o menu estiver aberto.

Menu Visualizar

Alt + V (inglês/japonês/ italiano / espanhol/português);Alt + C (francês);Alt + A (alemão).

Abre o menu V isuali F

ar .



51

Referências Bibliográficas

ALECRIM, E. Como usar o Google Eart h - Parte 01. Info Wester, 2007. Disponivelem: <http://www.infowester.com/t utgoogleeart h.php>. Acesso em: 26 abr. 2011.

EXTREMAONLINE. Introdução ao html - como fa er um site. DEVMEDIA.Disponivel em: <http://www.devmedia.com.br>. Acesso em: 24 maio 2011.

GOOGLE. Guia do Usuário. Google Earth - Art igos de Ajuda , 2011. Disponivelem:<http://eart h.google.com.br/support/bin/static.py?page=print.cs&printable_page=1&topic=22357>. Acesso em: 06 mar. 2011.

Apostila de Google Earth4

Documents

Transcript of Apostila de Google Earth4