Você está na página 1de 51

Capa

Sumrio
APRESENTAO ................................ ................................ ................................ .......................... 4 EQUIPE TCNICA ................................ ................................ ................................ ......................... 5 REQUISITOS DO SISTEMA E RECOMENDAES PARA O GOOGLE EARTH ................... 6 WINDOWS: ................................ ................................ ................................ ................................ ................. 6 MAC: ................................ ................................ ................................ ................................ ........................... 6 INSTALANDO E DESINSTALANDO DO GOOGLE EARTH................................ ..................... 7 INSTALAO ................................ ................................ ................................ ................................ ............... 7 DESINSTALAO ................................ ................................ ................................ ................................ ........ 7 O GOOGLE EARTH ................................ ................................ ................................ ....................... 8 RECURSOS ................................ ................................ ................................ ................................ ..... 9 GOOGLE SKY (CU) ................................ ................................ ................................ ................... 10 GOOGLE MARTE ................................ ................................ ................................ ........................ 11 GOOGLE LUA ................................ ................................ ................................ ............................... 12 OCEANO ................................ ................................ ................................ ................................ ....... 13 COMO NAVEGAR PELO OCEANO ................................ ................................ ................................ ............. 13 SIMULADOR DE VOO ................................ ................................ ................................ ................ 14 MENU DE OPES ................................ ................................ ................................ ..................... 15 PESQUISADOR DE ENDEREOS ................................ ................................ ............................. 16 BARRA DE FERRAMENTAS ................................ ................................ ................................ ..... 17 COMO USAR UM MOUSE ................................ ................................ ................................ .......... 19 MOVER A VISUALIZAO EM QUALQUER DIREO (NORTE, SUL, LESTE OU OESTE) ......................... 19 FLUTUAR ................................ ................................ ................................ ................................ ................. 20 AUMENTAR O ZOOM................................ ................................ ................................ ................................ 20 DIMINUIR O ZOOM ................................ ................................ ................................ ................................ .. 20 INCLINAR A VISUALIZAO ................................ ................................ ................................ .................... 20 OLHAR ................................ ................................ ................................ ................................ ..................... 21 GIRAR A VISUALIZAO ................................ ................................ ................................ .......................... 21 RODA DO MOUSE (SCROLL) ................................ ................................ ................................ ................... 21 DESENHANDO COM O MOUSE / TABLET................................ ................................ ................................ 22 TIPOS DE VISUALIZAES ................................ ................................ ................................ ...... 24 VISUALIZAO INCLINADA ................................ ................................ ................................ ..................... 24 VISUALIZAO DE CIMA PARA BAIXO ................................ ................................ ................................ .... 25 COMO RESTAURAR A VISUALIZAO PADRO ................................ ................................ ...................... 26 COMO DEFINIR O LOCAL DE INCIO................................ ................................ ...................... 26 LINGUAGEM DE PROGRAMAO DO GOOGLE EARTH ................................ .................... 27 CRIE, IMPORTE E COMPARTILHE SEUS ARQUIVOS KML E KMZ, ONLINE. ................................ .......... 27 COMO IMPORTAR DADOS VETORIAIS................................ ................................ ................. 30 ENVIANDO UMA IMAGEM POR E-MAIL ................................ ................................ ............... 31 TRABALHANDO COM O GOOGLE EARTH ................................ ................................ ............ 33

3
DELIMITANDO UM TERRITRIO ................................ ................................ ................................ ............. 33 INSERINDO CONES E INFORMAES ................................ ................................ .................. 36 HTML BSICO................................ ................................ ................................ ............................. 38 ITENS BSICO EM HTML: ................................ ................................ ................................ ........................ 38 ATRIBUTOS DE <BODY> :................................ ................................ ................................ ..................... 38 CORES BSICAS:................................ ................................ ................................ ................................ ...... 38 CABEALHOS : ................................ ................................ ................................ ................................ ......... 39 TAMANHO E CORES DAS LETRAS :................................ ................................ ................................ .......... 39 COMO FORMATAR OS TEXTOS : ................................ ................................ ................................ .............. 40 COMO FAZER PARGRAFOS E LINHAS : ................................ ................................ ................................ .. 40 ALINHAMENTO COM A TAG < P> : ................................ ................................ ................................ ......... 41 COMO INCLUIR IMAGENS NO SITE : ................................ ................................ ................................ ........ 41 VEJA ALGUNS EXEMPLOS: ................................ ................................ ................................ ....................... 41 ALINHAMENTO TEXTO DE IMAGENS:................................ ................................ ................................ ..... 41 COMO FAZER OS LINKS : ................................ ................................ ................................ ......................... 42 CRIANDO UM LINK PARA UMA OUTRA PGINA DO SEU SITE/BLOG:................................ .................... 42 COMO FAZER IMAGEM COM LINK : ................................ ................................ ................................ ......... 42 COMO FAZER LINKS PARA DOWNLOAD : ................................ ................................ ............................... 43 L I S T A S : ................................ ................................ ................................ ................................ ............... 43 LISTA SEM ORDENAO: ................................ ................................ ................................ ....................... 44 COMO INSERIR IMAGEM DE FUNDO NO SEU SITE: ................................ ................................ ................. 44 COMO FAZER LETREIROS E LINHAS : ................................ ................................ ................................ ..... 44 LINHAS ................................ ................................ ................................ ................................ .................. 44 COMO FAZER TABELAS : ................................ ................................ ................................ ......................... 45 SITE COM FRAMES :................................ ................................ ................................ ................................ . 46 COMO INSERIR MSICA: ................................ ................................ ................................ ......................... 48 COMO INSERIR FLASH:................................ ................................ ................................ ............................ 49 COMO INSERIR VDEO: ................................ ................................ ................................ ............................ 49 TECLAS DE ATALHO ................................ ................................ ................................ ................. 50 REFERNCIAS BIBLIOGRFICAS ................................ ................................ ........................... 51

Apresentao
A Rede de Estaes OTICS - RIO desenvolveu este Guia Bsico do Google Earth, buscando apresentar suas ferramentas e sua aplicabilidade na cartografia para rea de sade. Este Guia visa dar suporte na organizao geogrfica das reas de planejamento (AP) do municpio do Rio de Janeiro, atravs do sistema de geoproces samento, exemplificando o uso do software o Google Earth. Em seu contedo inmeras dicas de como se trabalhar com o Google Earth, incluindo orientaes sobre marcadores, desenhar polgono, adicionar caminho, insero e superposio de imagens, gravar passeio, HTML bsico, trabalhar com arquivos KMZ e KML, entre outros. Este documento orienta o processo de territorializao das unidades de sade, bem como contribuir para a qualidade dos trabalhos desenvolvidos pelos profissionais dos observatrios (Rede de estaes OTICS-RIO).

OTICS RIO - 2011

Equipe Tcnica
Coordenao da Rede de Estaes OTICS-RIO Luiz Felipe Pinto

Secretaria Executiva Pedro Scharth Caroline Alencar Emilene Guimares

Apoio Tcnico Bruno Rodrigues Elisete Casotti Ildary Machado Leda Jung Luciani Araujo Mnica Gouvea Vernica Fernandes Waldyr Neto

Capa, Diagramao e Contedo Thiago Pires G. Braga

Requisitos do sistema e recomendaes para o Google Earth Windows:


Sistema operacional: Windows 2000, Windows XP, Windows Vista CPU: Pentium 3 de 500 Mhz Memria de sistema (RAM): Mnimo de 256 MB, 512 MB recomendados Disco rgido: 400 M B de espao livre. Velocidade de rede: 128 Kbits/s Placa grfica: 3D com 16 MB de VRAM Tela: 1024 x 768, "High Color de 16 bits" DirectX 9 (para ser executado em modo Direct X) Para obter melhor desempenho, consulte a Configurao recomendada.

Mac:
Sistema operacional: Mac OS X 10.4 ou superior CPU: G4 de 1GHz ou superior Memria de sistema (RAM): Mnimo de 256 MB, 512 MB recomendados Disco rgido: 400 MB de espao livre Velocidade de rede: 128 Kbits/s Placa grfica: 3D com 32 MB de VRAM Tela: 1024 x 768, "Milhares de cores" Para obter melhor desempenho, consulte a Configurao recomendada. Verifique se o sistema possui drivers OpenGL configurados de forma apropriada. Se o Google Earth ficar lento ou parar de responder, provvel que o sistema precise de outros drivers de vdeo.

Instalando e desinstalando do Google Earth Instalao


Se voc deseja instalar ou fazer upgrade para a verso mais recente do Google Earth, faa o download do aplicativo em: http://earth.google.com/download-earth.html Se houver problemas na instalao do Google Earth por meio do Google Updater, faa o download da verso mais recente do Google Earth nos links: PC: http://dl.google.com/earth/client/current/GoogleEarthWin.exe Mac: http://dl.google.com/earth/client/current/GoogleEarthMac.dmg

Desinstalao
Para desinstalar o Google Earth, siga estas etapas: 1. Clique em Iniciar > Configuraes > Painel de controle . 2. Clique duas vezes em Adicionar ou remover programas . 3. Percorra a lista para baixo at encontrar a opo Google Earth e clique nela. 4. Clique em Remover e, em seguida, em Sim e em Concluir . *Erros durante a instalao/desinstalao Consulte as instrues sobre como solucionar cada erro. Cdigo de erro contendo -5009, -5003, -6002 ou -6009 durante a instalao/desinstalao. Isso acontece porque h uma verso mais antiga do aplicativo de instalao no computador. Atualize para a ltima verso do InstallShield. 1. Faa o download e execute o utilitrio Limpeza do Windows Installer em http://support.microsoft.com/kb/290301 2. Desinstale a sua verso do Google Earth a partir da caixa de dilogo "Adicionar ou remover programas" no Painel de controle. 3. Faa upgrade para a verso mais recente a partir do nosso link de download: http://earth.google.com/download-earth.html

O Google Earth
um programa desenvolvido e distribudo pela empresa americana Google

cuja funo apresentar um modelo tridimensional do globo terrestre, construdo a partir de mosaico de imagens de satlite obti das de fontes diversas, imagens areas (fotografadas de aeronaves) e GIS 3D. Desta forma, o programa pode ser usado simplesmente como um gerador de mapas bidimensionais e imagens de satlite ou como um simulador das diversas paisagens presentes no Planeta. Com isso, possvel identificar lugares, construes, cidades, paisagens, entre outros elementos. O programa similar, embora mais complexo, ao servio tambm 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 disponvel para uso em computadores pessoais rodando Microsoft Windows 2000, XP, Vista, 7, Mac OS X 10.3.9 e superiores, Linux (lanado em 12 de Junho de 2006) e FreeBSD.

Recursos
O Google Earth uma boa ferramenta quando o assunto pesquisa de lugares via satlite, permitindo conhecer diversos lugares sem sair de casa, alm de contribuir para programao de passeios e checagem de endereo. Esse software nos permite tambm visualizar ruas, casas e prdios como se estivesse no local, facilitando a escolha de um imvel sem precisar se deslocar.

Atualmente, o programa permite girar uma imagem, marcar os locais, medir a distncia entre dois pontos e at mesmo ter uma viso tridimensional de uma determinada localidade. No ms de maro de 2010 houve atualizao das imagens de satlite e grande parte do Brasil j possui imagem em alta resoluo. Mesmo pequenos municpios encontram-se disponveis em detalhes.

O Google Earth faz a cartografia do planeta, agregando imagens obtidas de vrias fontes, incluindo imagens de satlite, fotografia area, e sistemas de informao geogrfica sobre um globo em 3D.

10

Google Sky (Cu)


A partir da verso Google Earth 4.2 o aplicativo passa a atribuir a ferramenta Sky (cu) permitindo navegar tanto terra e quanto pelo universo todo. Sky: o usurio poder navegar pelo universo, (do sol a pluto), alm de oferecer o recurso de visualizao astrolgica da via lacta.

Data da imagem: 02 de Janeiro 2010

11

Google Marte
A partir da sua quinta verso, o Google Earth disponibiliza um recurso com o qual o planeta Marte pode ser visualizado em alta resoluo , similar a da Terra.

Data da imagem: 02 de Janeiro 2010

12

Google Lua
A partir da 2 atualizao da verso 5 do programa, o Earth disponibilizou um novo recurso com o qual o nosso satlite natural, a Lua, pode ser visualizada em alta resoluo da mesma forma que a Terra e Marte.

Data da imagem: 02 de Janeiro 2010

13

Oceano
Trata-se de uma atualizao majoritria atravs do recurso camadas includa a partir da verso 5 e criada para atender a solicitao por mais recursos relacionados aos oceanos. Essa nova camada possibilita a visualizao elementos ligados a superfcie e ao fundo dos oceanos, como locais de mergulho, naufrgios, pontos de surf e reas de proteo marinha.

Data da imagem: 02 de Janeiro 2010

Como navegar pelo oceano


Voc pode navegar pela superfcie do oceano da mesma forma que navegaria em qualquer lugar no Google Earth. Isso significa que voc pode explorar o terreno submarino, como as trincheiras do fundo do oceano. Voc pode ocultar ou exibir a superfcie do oceano. Para fazer isso, clique em Visualizar > Superfcie da gua . Voc pode ver esse efeito visual de cima ou de baixo da superfcie. Voc pode navegar por baixo da superfcie do oceano quando ela for exibida.

14

Simulador de voo
Este simulador une as imagens de satlite do Google Earth com um simulador de vo podendo at fazer pousos e decolagens em aeroportos. Existem dois modelos o SR22 (monomotor) e o F-16 (jato).

Data da imagem: 02 de Janeiro 2010

15

Menu de Opes
No menu de opes podemos confi urar cores de texturas, tamanho de rtulos/cones, tipos de fontes, suavizao de imagens, escala do latitude/longitude, medida da elevao, qualidade do terreno, tamanho do mapa e relao do zoom. Alm de Cache entre outras.

16

Pesquisador de endereos
Painel de pesquisa - o Google Eart h permite que usurios faam a pesquisa por endereos. Basta digitar o nome da regio, e caso existam mais regies com o mesmo nome outras opes aparecero logo abaixo. Pode-se procurar tambm pelas coordenadas geogrficas (Latit ude e/ou longit ude) ou mesmo pelo CEP (inclusive no Brasil).

Modo de Visualizao - na rea de visualizao 3d do Google Earth, o usurio poder exibir contedos como: mapa de visualizao geral (mapa mundial em um retngulo - imagem abaixo); barra de status; grade; luz do sol, entre outros.

Data da imagem: 02 de Janeiro 2010

17

Barra de Ferramentas
1 Mostrar/Ocultar barra lateral - para ocar ou exibir a barra lateral (painis Pesuisar, Lugares e Camadas clique nesse cone: 2 Marcador - para adicionar um marcador a um local, personalizae icones e atribuir uma descrio ao local, utilize a ferramenta marcador.

Podemos tambm definir o tamanho e cor tanto do cone como do rtulo, atravs da aba Estilo/cor. 3. Polono - desenhe malhas territoriais atravs da desse recurso. 4. Caminho - Para traar um caminho e medir a distancia entre duas localidades.atravs de uma linha guia.
 5. Superposi o de imagem - Use a criatividade e personalize o google earth atravs do recurso de superposio de imagem. Insira um arquivo png, removendo fundos e atribuindo transparncias. Muito til em conjunto a ferramenta polgono.

18 6. Gravar um passeio - Simule um passeio e grave sua rota atravs desta ferramenta. Alm disso, narre o seu passeio.

7. Controle do Tempo - Permite a navegao histrica dos registros das imagens do Earth. 8. Sol - Exibe a luz solar em toda a paisagem. 9. Modos de visualizao: Terra- Na opo terra, visualize e explore o globo terrestre. Cu - Visualize estrelas, constelaes, galxias, planetas e a lua da Terra. Marte - Explore o planeta Marte de uma forma similar ao do globo terrestre. Lua- Faa uma viagem virtual no mundo da lua e descubra mais sobre o nosso satlite natural. 10. Medida - Saiba qual a distncia ou tamanho de uma rea atravs de dois pontos. 11. E-mail - Envie por e-mail uma visualizao ou imagem. 12. Imprimir - Imprime a visualizao atual. 13. Visualizar no Google Maps - Clique aqui para usar o seu navegador web para mostrar a visualizao atual no Google Maps.

14. Controles de navegao - Use para aplicar zoom, visualizar e mover para onde 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 contedo - Importe contedos KML da Galeria do Google Earth. 18. Visualiador em 3  - Visualize o globo e seus terrenos nessa janela. 19. Barra de status - Visualize nela as coordenadas, elevao, datas e o status de streaming 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 botes (direito ou esquerdo), mover o mouse e observar o visualizador. Dependendo do boto do mouse pressionado, o cursor assume outra forma para indicar uma mudana de comportamento. Ao mover o mouse pressionando um dos botes, voc pode: Arrastar a visualizao em qualquer direo, aumentar ou diminuir o zoom, Inclinar a visualizao (requer o boto do meio ou a roda de rolagem), olhar ao redor a partir de um nico ponto de viso e girar a visualizao (requer o boto do meio ou a roda de rolagem).

Move a vua za!o e" qua que de!o (norte, su , leste ou oeste)
Para mover a visualizao, posicione o cursor do mouse no visualizador e pressione o boto 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 mo, como se estivesse manuseando um globo de verdade e quisesse arrastar uma nova parte da Terra para a visualizao. Arraste em todas as direes para revelar novas partes do globo ou arraste em movimentos circulares. Assim que estiver no nvel do solo, voc pode se movimentar como se estivesse andando, usando as teclas W, A, S, D ou de seta.

20

Flutuar
Se quiser flutuar sem parar em qualquer direo, mantenha pressionado o boto esquerdo/principal do mouse. Em seguida, mova rapidamente o mouse e solte o boto.

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 zoom nele. Clique uma vez a fim de parar ou duas vezes para aumentar mais o zoom. Se o mouse tiver uma roda de rolagem, use-a para aumentar o zoom deslizando-a em sua direo. Use a tecla ALT (Option no Mac) combinada com a roda de rolagem para aumentar o zoom em incrementos menores. Voc tambm pode posicionar o curso na tela e pressionar o boto DIREITO do mouse. Quando o cursor assumir a forma de seta dupla, mova o mouse para trs ou em sua direo, soltando o boto quando atingir a elevao desejada. Observe que linhas de referncia aparecem e voc pode aplicar zoom atravs delas. Se desejar aumentar o zoom continuamente, mantenha o boto pressionado, puxe o mouse rapidamente para baixo e solte o boto, como se estivesse "arremessando" a cena. Clique uma vez no visualizador em 3D para interromper o movimento. Observe que os ngulos de visualizao descem (inclinam-se) quando voc se aproxima do cho. Em alguns laptops da Apple, ao arrastar dois dedos pelo trackpad aumenta ou diminui o zoom.

Diminuir o $ oom
H diversas maneiras de diminuir o zoom com o mouse. Com o boto DIREITO do mouse, clique duas vezes em qualquer lugar do visualizador em 3D para diminuir o zoom nesse ponto. O visualizador diminuir um pouco o zoom. Clique uma vez a fim de parar ou com o boto direito duas vezes para diminuir mais o zoom. Se o mouse tiver uma roda de rolagem, role-a na direo oposta a voc para diminuir 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 tambm pode posicionar o cursor na tela e pressionar o boto DIREITO do mouse. Quando o cursor assumir a forma de seta dupla, mova o mouse para a frente ou na direo oposta a voc, soltando o boto quando atingir a elevao desejada. Observe que linhas de referncia aparecem e voc pode aplicar zoom atravs delas. Se desejar diminuir o zoom continuamente, mantenha o boto direito pressionado, empurre o mouse rapidamente para frente e solte o boto, como se estivesse "arremessando" a cena. Clique uma vez no visualizador a fim de parar o movimento.

Inclinar a visuali% ao

21 Ao pressionar o boto do meio ou uma roda de rolagem, incline a visualizao pressionando o boto e movendo o mouse para a frente ou para trs. Se o mouse tiver uma roda de rolagem, incline a visualizao pressionando a tecla SHIFT e rolando. Voc tambm pode pressionar Shift e o boto esquerdo do mouse para arrastar. Observe que linhas de referncia aparecem e sua viso inclina-se a partir desse ponto.

Olhar
Para olhar ao redor a partir de um nico ponto de viso, como se voc estivesse virando a cabea, pressione CTRL e o boto esquerdo do mouse e arraste. Se o mouse tiver um boto do meio ou uma roda de rolagem pressionvel, gire a visualizao clicando no boto do meio e movendo o mouse para a esquerda ou direita.

Girar a visuali& ao
Pressionar Shift e o boto esquerdo do mouse para arrastar. Observe que linhas de referncia aparecem e a sua viso gira em torno delas. Voc tambm pode usar a tecla CTRL combinada com a roda de rolagem para girar a visualizao. Pressione CTRL e role para CIMA para girar no sentido horrio, CTRL + e role PARA BAIXO para girar no sentido anti -horrio.

Roda do mouse (Scroll

'

Para alterar as configuraes da Roda do mouse, clique em Ferramentas > Opes > Navegao (no Mac: Google Earth > Preferncias > Navegao > Roda do mouse Configuraes). Mova o regulador para definir a velocidade do ponto de viso da Terra ao aumentar ou diminuir o zoom. Selecione "Inverter direo do zoom da roda do mouse" para inverter a direo do zoom ao usar a roda do mouse.

22

Use o boto do meio do mouse (se disponvel) para que a movimentao seja contnua - Se o mouse tiver um boto do meio ou uma roda de rolagem pressionvel, pressione-o(a) para inclinar e girar a visualizao. Movimentos para cima e para baixo inclinam a visualizao, e movimentos para a esquerda e para a direita faz girar.

Desenhando com o mouse / tablet


Utilizando a ferramenta adicionar polgono podemos desenhar ou delimitar uma rea que pode ser um continente, pas (es), cidade (s), bairro (s) ou uma microrea ou territrio. Para isso, posicione o ponteiro do mouse na regio que se deseja comear e mantenha o boto esquerdo pressionado contornado a rea desejada, 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 trs controladores: (1) visualizar ao redor e girar; (2) movese 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 cho, o Google Earth desce (inclina-se) para mudar o seu ngulo de viso para ficar paralelo com a superfcie terrestre. Voc pode desativar essa inclinao automtica (Ferramentas > Opes > Navegao > Controles de navegao; Mac: Google Earth > Preferncia s > Navegao > Controles de navegao). A combinao dessa s ferramentas permite o completo deslocamento em qualquer parte do globo terrestre virtual. Voc tambm pode usar o teclado para controlar a navegao. Consulte Navegao no visualizador em 3D nos Controles do teclado para obter mais informaes.

1 2

Fonte( Google

24

Tipos de visualizaes
No Google Earth temos dois tipo de visuali aes:

Visuali) ao inclinada

Data da imagem: 02 de Janeiro 2010 Utilizando a ferramenta visualizar ao redor e girar. Ajuste a aparncia do terreno se desejar uma maior proeminncia da elevao. Para fazer isso, clique em Ferramentas > Opes > Visualizao em 3D no menu Ferramentas (no Mac, selecione Google Earth > Preferncias > Visualizao em 3D) e altere o nmero em "Ampliar elevao". Defina um valor de 1 a 3, incluindo decimais. Uma configurao comum 1,5, que proporciona uma aparncia de elevao evidente, porm, natural. Consulte Preferncias de visualizao para obter mais informaes.

Fonte: Google

25

Visuali0 ao de cima para baixo

Data da imagem: 07 de Agosto de 2009 Para visualizar e navegar sobre regies e locais utilize a ferramenta move-se ao redor.

Fonte: Google

26

Como restaurar a v1sualiza 2o padro


Aps inclinar e girar a visualizao em 3D no Google Earth, voc sempre poder voltar rapidamente configurao padro de viso norte acima e de cima para baixo. Para fazer isso: Clique no boto Norte para restaurar a visualizao, fazendo com que a direo norte fique na parte superior do visualizador ou clique na tela do Earth, no visualizador e pressione R no teclado para restaurar a visualizao.

Como definir o local de incio


Voc pode definir o local de incio (padro) que ser exibido toda vez que o Google Earth for iniciado. Para isso, acesse o local desejado e clique em Visuali3ar > Usar este local como incio.

27

Linguagem de programao do Google Earth


O Earth utiliza dois tipos de linguagem: K L e K Z. Ambos arquivos possui em sua composio uma estrutura baseada na linguagem XML, a diferena entre esses arquivos est no armazenamento ou links de objetos anexos. Podemos comparar sua estrutura fsica como os arquivos KML se comparando aos HTML e os KMZ, seria esse mesmo arquivo compactado com seus anexos, ou seja, o primeiro exemplo teramos que ter os anexos em um servidos online e necessitaria ter acesso a internet para poder visualizar o que foi construdo. Diferentemente os KMZ permite uma maior flexibilidade de acesso, necessitado apenas do aplicativo Google Earth e o KMZ.

Crie, importe e compartilhe seus arquivos KM4 e KMZ, online.


Uma forma de editar, publicar, gerenciar, desenvolver seus arquivos KML e exportar / importar os KMZ o recurso online de geoprocessamento que a Google desenvolveu o Google Maps. Para tanto, basta ter uma conta associada ao Google (Gmail, Orkut, Blogspot, entre outras).

O Maps nos permite realizar upload de arquivos KML/Z de at 10 Mb . E assim possibilitando o compartilhamento dos mesmos.

28 Como vimos os arquivos KML so compostos apenas de cdigos (textos) e os objetos linkados requerem um servidor online, como por exemplo: imagens, vdeos. Podemos ento, usufruir de mais um recurso, o Google Sites para hospedar os arquivos de seus projetos.

Data da imagem: 30 de Maio 2011 Para acessar o site do Google Maps digitar em seu navegador o seguinte endereo: http://www.googlemaps.com e entre com sua conta, utilizando usurio e senha e desfrute dos recursos desse aplicativo online. O Maps possui duas barras de menus, uma vertical (esquerdo) e outra Horizontal. No menu vertical temos as ferramentas: como chegar, meus mapas, criar mapa, editar mapa, colaborar e importar. Na aba meus mapas podemos definir se o arquivo criado ficar pblico ou no. J o menu horizontal possui as seguintes ferramentas: visualizar no Google Earth, Imprimir, como chegar, meus mapas, criar mapa, colaborar e importar. Em visualizar no Google Earth, o Maps gera um arquivo KMZ e que se abre no Earth. Em sequncia podemos imprimir e enviar por e-mail. Alm disso podemos atribuir o Maps a um site ou blog, ou mesmo enviar o link por e-mail em poucos cliques.

O Google Maps permite compartilhar sua administrao com outras pessoas na aba convidar colaboradores.

29

30

Como importar dados vetoriais


Com o Google Earth possvel importar os seguintes tipos de dados vetoriais: 1. Pontos 2. Linhas e caminhos 3. Polgonos, inclusive polgonos slidos Para inserir dados vetoriais : y y Arrastar e soltar - Localize o arquivo no computador e arraste-o para o visualizador em 3D do Google Earth. No menu arquivo, selecione Abrir ou Importar - aps escolher uma das opes, 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 so exibidos no visualizador em 3D e o arquivo importado relacionado na pasta Lugares temporrios . Os rtulos, cones, cores e descrio so exibidos da mesma forma que outros tipos de lugares e pastas.

31

Enviando uma imagem por e-mail


A partir da visualizao atual da Terra mostrada no visualizador em 3D do Google Earth, possvel enviar a imagem ou KMZ por email: Clique em Arquivo > E-mail > Enviar visuali5 ao por email (KMZ ) ou Enviar imagem por e-mail (JPEG). Utilize o atalho Ctrl+Alt+E (somente Windows e Linux). Clique no cone de e-mail por e-mail . na barra de ferramentas e escolha Enviar imagem

Na janela Selecionar servio de e-mail, escolha uma das opes: Microsoft Outlook ou a sua conta do Gmail. Antes de selecionar o servio de e -mail, marque a caixa de seleo Lembrar esta configurao se desejar usar o mesmo servio de e-mail sempre que enviar uma visualizao por e-mail. Voc poder alterar suas preferncias de e-mail posteriormente selecionando Ferramentas > Opes > Geral (Windows/Linux) ou Google Earth > Preferncias (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 visualizao o arquivo ser KMZ caso seja uma imagem o arquivo ser no formato. Preencha o endereo de e-mail do destinatrio e todas as outras informaes no corpo da mensagem e envie o e-mail. Obs: Quando voc envia uma imagem por e-mail, a qualidade dela idntica quela disponvel para o recurso Salvar imagem no Google Earth.

33

Trabalhando com o Google Earth


Como vimos o Earth nos permite planejar, organizar e explorar uma rea ou uma regio no mapa mundial. Iremos mostrar a praticidade das ferramentas e como diagramar um territrio, alm de atribuir informaes no mesmo.

Delimitando um territrio
Para isso vamos precisar entender os setores censitrios. O IBGE define como setor censitrio uma unidade territorial de coleta das operaes censitrias com limites fsicos identificados, em reas contnuas e respeitando a diviso poltico-administrativa do Brasil. O Territrio Nacional foi dividido em 215.811 setores para a realizao do Censo Demogrfico de 2000. DICA: Antes de comearmos o desenho da malha geogrfica podemos ter como base um imagem da rea adscrita. Neste exemplo iremos trabalhar com o bairro Rocinha Para a delimitao de um territrio utilizaremos a ferramenta criar polgono

Data da imagem: 02 de Janeiro 2010 Localize o bairro Rocinha no menu pesquisar e delimite reas aleatrias para que possa se familiarizar com esta ferramenta. Note que aps delimitar uma rea podemos transformar em um objeto 3D, com o recurso altitude, conforme veremos agora:

34 Na propriedades do polgono na ltima aba encontraremos a opo de altitude. Se observarmos a figura ao lado, veremos que nesta aba temos uma caixa de combinao onde, por definio, estar marcando "presa ao solo". M udaremos para Relativo ao solo e marcamos a caixa de marcao "alongar laterais at o solo", onde criar colunas do solo at a altitude do polgono.

H duas formas de se desenhar com a ferramenta polgono: y Ponto-a-ponto - nesse modo o usurio desse software criar malhas geogrficas a partir da unio entre dois pontos (extremidades). Continuo - para reali ao de desenhos contnuos de modo profissional requer do usurio firme a e preciso com o mouse / tablet.

importante entender o funcionamento de ambos os modos e poder identificar qual a maneira mais gil que se adqua ao usurio. Aps demilitar as microreas do territrio, pode-se atribuir cores para pode destacar e identificar cada malha. Alm disso, podemos atribuir informaes as reas e inserir icones que simboli e os servios e sistemas de sade disponveis na regio, veremos agora um passo-a-passo da construo de malhas e seus servios em um territrio: 1. Escolha um territrio, nesse exemplo escolheremos a Rocinha. 2. Desenhe polgonos das microreas da regio.

35

Data da imagem: 02 de Janeiro 2010 Note que ao desenhar u m polgono voc poder escolher a cor de preenchimento e a espessura e cor da borda. Tanto na cor da linha quanto a do preenchimento possvel atribuir efeito de transparncia na mal ha, visuali ando assim o local delimitado.

Data da imagem: 02 de Janeiro 2010

36

Inserindo cones e informaes


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).

Data da imagem: 02 de Janeiro 2010 Baixe o arquivo no endereo: http://www.4shared.com/get/dfPf_4Gn/ICOFormat.html

Copie o arquivo para o diretrio:


*UNIDADE DE DISCO*:/Arquivo de Programas /Adobe/*SUA

VERSO

PHOTOSHOP*/Plug-Ins/File Format s/ Reinicie o Photoshop para terminar a instalao do plug-in.

37 Informaes - h duas formas de se inserir informaes no Earth: y Sem formatao - desta forma o usurio entrar com um texto corrido no campo descrio. Personali ado (Html) - possvel atravs de cdigos html personali ar, criar links e at inserir scripts no Eart h no campo descrio. Ex: <marquee><h1>Thiago Braga!!!</h1></marquee>

38

HTML Bsico
Existem editores HTML que oferecem comodidade para confeco das pginas, tais como: FrontPage; Dreamweaver e outros. Mas no ser necessrio aprendendo os cdigos abaixo e voc poder fazer no Word ou Bloco de Notas e salvar como .html. Toda pgina composta por Tags, que so os comandos html. Toda pgina deve comerar com a tag <HTML> e terminar com < /HTML>. Note que a barra "/" determina o fechamento da tag. Estas so as Tags fundamentais de sua pgina, isto , toda pgina contm estas tags: Na medida do possvel irei acrescentando mais dicas para voc fazer um site bem legal.

Itens bsico em html:


<HTML> <HEAD> <TITLE> Ttulo da pgina </TITLE> </HEAD> <BODY> Texto; Imagens; Links; etc </BODY> </HTML> Obs: As tags podem ser escritas em Maiscula ou Minscula Ex.: < html> ou <HTML>. O Ttulo da pgina aparecer no alto da janela do browser e ser referenciado em buscas pela rede. Ao ser adicionada "Favoritos" (Bookmarks), o ttulo ser o atalho para ela.

Atributos de <BODY> :
Atravs de <BODY>, podemos definir cores dos textos, links e fundo das pginas, ou uma imagem de fundo. Temos ento: BGCOLOR - Cor de fundo TEXT - Cor da fonte dos textos LINK - Cor dos links (padro: azul) ALINK - Cor dos links, quando clicados (padro: vermelho) VLINK - Cor dos Links, depois de visitados (padro: roxo) BACKGROUND - Imagem de fundo: Indica o URL da imagem. Podemos definir tudo de uma s vez, colocando o seguinte cdigo: <BODY BGCOLOR="YELLOW" TEXT="BLACK" LINK="BLUE" ALINK="RED" VLINK="PURPLE"> No est no cdigo acima o atributo BACKGROUND pois no padro.

Cores Bsicas:
Voc pode escrever as cores (em ingls) ou colocar seu cdigo. Porm, para esc rever

39 s aceito 16 cores, que so: Preto = black - cdigo = #000000 Branco = white - cdigo = #FFFFFF Azul = blue - cdigo = #0000FF Amarelo = yellow - cdigo = #FFFF00 Verde = green - cdigo = #008000 Lima = lime - cdigo = #00ff00 Marron = maroon - cdigo = #800000 Oliva = olive - cdigo = #808000 Azul Celeste = aqua - cdigo = #00ffff Lils = fuchsia - cdigo = #ff00ff Cinza = gray - cdigo = #808080 Azul escuro = navy - cdigo = #000080 Roxo = purple - cdigo = #800080 Verde escuro = teal - cdigo = #008080 Cinza claro = silver - cdigo = #c0c0c0 Vermelho = red - cdigo = #FF0000 Mas voc pode definir varias tonalidades e cores, basta ter a lista de cdigos das cores, ou

Cabealhos :
O tamanho das letras ou fontes definido pela tag <H> - "Headings". A tag <H> normalmente usada em CABEALHOS e h seis nveis. Com esta tag voc pode definir o tamanho das letras, mas no o tipo da fonte. Veja abaixo como fica: Este o tamanho:<H1> Est 6 o t7879ho:<H2> Este o tamanho:<H3> Este o tamanho:<H4> Este o tamanho:<H5> Este o tamanho:<H6> Alinhando os cabealhos <H2 ALIGN=CENTER>Texto centralizado</H2> <H2 ALIGN=RIGHT>Texto alinhado direita</H2> <H2 ALIGN=LEFT>Texto alinhado esquerda</H2 >

Tamanho e cores das letras :

40 Voc tambm pode usar a tag <FONT> para definir o tamanho, bem como sua cor e tipo 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 preciso o tamanho das letras do que a tag <H>.

Como formatar os textos :


Formatando o texto em Negrito, Itlico, Sublinhado e Centralizado. TAGS: <B> - Negrito, <U> - Sublinhado, <I> - Itlico e <CENTER> - Centralizado <B>Texto em Negrito </B> <U>Texto Sublinhado</U> <I>Texto em Itlico </I> <STRIKE> ou <S> Texto Riscado assim <SUB> Como em H 2O - O nmero 2 ficou em baixo. <SUP> Como em Km 2 - O nmero 2 ficou em cima. <CENTER>Texto Centralizado</CENTER> Voc tambm pode acumular os efeitos, agrupando os cdigos Ex.: <CENTER><B><U><I>O texto fica assim </B></U></I></CENTER>

Como fa@ er pargrafos e linhas :


No basta voc teclar ENTER para que a linha v para baixo. Voc ter que colocar uma TAG para um pargrafo ou para uma nova linha. Para pargrafo usar a TAG <P> e para linha usar < BR> Exemplo: <P> Primeiro Pargrafo <BR> Primeira Linha

41

<P> Segundo Pargrafo <BR> Segunda Linha Note que cada vez que voc coloca a TAG <BR> estar fazendo uma nova linha, que tambm no deixa de ser um pargrafo.

Alinhamento com a tag < p> :


Para alinhar os pargrafos basta incluir depois do "P" o parmetro "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 site :


A TAG utilizada : <img src="nome da imagem+.extenso"(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 imagem BORDER - um valor atribuido largura da borda da imagem (Contorno).

Veja alguns exemplos:


<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 por no definir este tamanho, a imagem aparecer no tamanho original. Voc pode especificar um tamanho menor do que a original, pois no acarretar perda de qualidade da imagem, mas se fizer ao contrrio, isto , definir um tamanho maior que a original perder qualidade de imagem. O correto voc ter a imagem do tamanho certo que deseja que aparea na pgina. Evite colocar imagens maiores que 50 Kb. Quanto maior a imagem mais tempo lever para carregar.

Alinhamento texto de 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 tambm os atributos de moldura, que definem o espao vertical e horizontal entre as imagens e os textos circundantes, onde: <IMG SRC="image.gif" VSPACE =espao vertical> <IMG SRC="image.gif" HSPACE=espao 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 so pontos clicveis que levam a qualquer site da internet ou qualquer pgina do site e at mesmo um ponto de uma mesma pgina. A TAG usada : <a href="endereo do site">descrio do site</a> Exemplos <a href="http://exemplodeumblogsaudedafamilia.blogspot.com">Blog Sade da Famlia </a> Resultado: Blog Exemplo Sade da Famlia Note que formou-se um link para um determinado site que foi descrito no cdigo acima. 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", ento na verdade, para voc no fechar esta janela, o cdigo inserido aqui foi: <a href=" http://exemplodeumblogsaudedafamilia.blogspot.com" target="_blank"> Blog Exemplo Sade da Famlia </a> Exemplo

Criando um link para uma outra pgina do seu site /blog :


<a href="pagina_xxx.html">Clique aqui</a> - Note que aps o nome da pgina colocado a extenso .html

Como faB er imagem com link :


simples atribuir um link em uma imagem. Ao invs de colocar o texto com a descrio do lugar, insira a TAG de imagem. Veja o exemplo:

43

<a href="http://www.endereodosite.com.br"> <IMG SRC="local, nome da imagem + extenso"></a> Sendo que: http:// www.endereodosite.com.br o URL (endereo) do site. local caso voc tenha armazenado suas imagens em uma pasta. Ex. Pasta "Imagens". nome da imagem + extenso Exemplo: minhafoto.jpg ou barra.gif Veja o exemplo abaixo, note que formou um link na figura e o levar ao referido sit e acima. Lembre-se: foi usado a target"_blank" para abrir em uma nova janela.

Como faC er links para download :


Na verdade no existe o comando especfico. O que acontece que quando criamos um link para um arquivo que o navegador no reconhece, ele automaticamente inicia o download, por exemplo, o navegador no reconhece os arquivos com extenso 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 extenses de arquivos fazem com que os navegadores, em vez de fazer o download, abrem com programas instalados no computador. Nota: se criarmos um link para um arquivo de vdeo ".avi" o navegador abrir o programa para exibir esse vdeo (Windows Media Player). Para que isso no acontea, sempre compacte seus arquivos para download no formato zip ou rar, por exemplo, tornando-os mais leves (menores) e download ser mais rpido.

Listas:
Nesta pgina j existem vrias listas. Logo abaixo j tem outra lista com os nomes: 1. Listas Ordenadas 2. Listas sem ordenao 3. Listas Encadeadas Exemplos: A lista acima (Ordenada) foi feita com os seguintes cdigos: <OL> <LI> <LI> <LI> </OL> Os nmeros so inseridos automaticamente. Se voc quiser trocar os nmeros por letras, Ex.: A, B, C. ao invs de usar s <OL> use <OL START=1 TYPE=A> - Onde "1" indica para comear pela primeira letra do alfabeto.

44

Lista Sem Ordenao:


<UL> <LI> <LI> <LI> </UL> Resultado:
y y y

Primeiro item. Segundo item. Terceiro item. As "bolinhas" so inseridas automaticamente. Encadeadas:

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

Como inserir imagem de fundo no seu site:


Para voc colocar uma imagem de fundo no seu site s colocar um atributo dentro da TAG <BODY>, assim: <BODY BACKGROUND="nome da imagem+extenso">. Quando a imagem menor que o tamanho da tela, o navegador duplica essa imagem tantas vezes forem necessrias para cobrir todo o espao da tela. Existem vrios tamanhos de telas. Lembre-se: imagens grandes demoram carregar.

Como faD er letreiros e linhas :


Para colocar um letreiro na pgina utilizado a TAG < MARQUEE>Veja o cdigo: <MARQUEE BEHAVIOR=SCROLL DIRECTION="RIGHT" BGCOLOR="YELLOW"WIDTH=50%>TEXTO</MARQUEE> Onde: DIRECTION= indica a direo "LEFT" ou "RIGHT". BGCOLOR= indica a cor de fundo do letreiro. WIDTH= indica a porcentagem que o letreiro ocupar sua pgina. Nota: se desejar que o texto pare no final, ao invs de SCROLL escreva SLIDE. Outro exemplo: <MARQUEE DIRECTION="RIGHT"> <FONT SIZE="3" COLOR="RED" FACE="COMIC SANS MS">texto</FONT></MARQUEE>

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

45 No 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 espao em tela. <HR WIDTH=50% ALIGN=RIGHT> - Insere uma linha que ocupa 50% do espao 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 pginas, pois do harmonia e organizao 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 espao horizontal entre as clulas. cellpadding="valor" - Onde o "valor" define o espao vertical entre as clulas. width="valor" - Onde o "valor" define a largura da tabela em pixels ou em porcentagem. 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 so: <TR> e </TR> -Define uma linha da tabela. <TH> e </TH> -Define um cabealho da tabela. <TD> e </TD> -Define a coluna de informaes. <CAPTION> e </CAPTION> -Define o ttulo 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 cdigo acima em apenas uma linha. Resultado:

1a.coluna 1a.linha

2a.coluna 1a.linha

3a.coluna 1a.linha

Para que a tabela fique centralizada, como acima, use a tag < CENTER> antes do cdigo e </CENTER> depois do cdigo. Tambm pode-se alinhar o texto dentro das clulas, 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 clula. Valign="middle" -Alinha o texto no meio da clula. Valign="bottom" -Alinha o texto na parte inferior da clula. Adicionando uma lista dentro da clula: <TABLE BORDER="1" <TR> <TD>lista dentro da clula<UL> <LI>1 item<LI>2 item<LI>3 item</UL> </TD> </TABLE> Resultado: lista dentro da clula
y y y

1 item 2 item 3 item

Site com frames :


Resume-se em mais de uma pgina em uma s tela. necessrio criar trs pginas

47 para criar uma pgina com dois frames, ou seja, uma pgina principal onde ter as tags referente ao frame que dever ser salva como: index.html e as outras duas sero abertas dentro desta pgina principal. Exemplo: <HTML> <HEAD> <TITLE>Ttulo da pgina </TITLE> </HEAD> <FRAMESET COLS="20%, 80%"> <FRAME SRC="pagina1.html"> <FRAME SRC="pagina2.html"> <NOFRAME> </NOFRAME> </FRAMESET> <BODY> </BODY> </HTML> Os cdigos acima s sero colocados na pgina principal que ser salva como "index.html". Normalmente nesse tipo de frame a pgina1.html usada para os menus e a pgina2.html para contedo geral do site. Neste caso <FRAMESET COLS="20%, 80%"> o atributo COLS divide as colun as ou seja, 20% do lado esquerdo e 80% do lado direito da pgina. Sempre da esquerda para direita. Ento a pgina1.html ocupar 20% do espao e a pgina2.html ocupar 80% (espao vertical). Copie o cdigo acima, cole no Bloco de Notas e salve como "index. html" depois d 2 cliques nesse arquivo para visualiz-lo aberto em seu browser. As tags <NOFRAME> e </NOFRAME> usado somente para avisar usurio que utiliza browser muito antigo que a pgina contm frames, que no as conseguir visualizar (muito difcil acontecer). Exemplo 2: <HTML> <HEAD> <TITLE> Ttulo da pgina </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 cdigo 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> Ttulo da pgina </TITLE> </HEAD> <FRAMESET ROWS="20%, 80%"> <FRAME SRC="pagina1.html"> <FRAME SRC="pagina2.html"> <NOFRAME> </NOFRAME> </FRAMESET> <BODY> </BODY> </HTML> Copie o cdigo 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 msica:


Para inserir uma msica em uma pgina, antes de fechar a tag < HEAD> coloque a tag: <BGSOUND SRC="musica.mid">.A Extenso do arquivo pode ser .mid ou .wav. Para que a msica toque novamente, sempre, acrescente: loop="-1" Assim: <BGSOUND SRC="musica.mid" loop="-1"> No exemplo acima a msica tocar sem que aparea o "display" na tela. O internauta no ter como parar, pausar ou iniciar. Para que aparea 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 msica. * Para que abra a pgina j tocando a msica, coloque este cdigo:

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 extenso .swf), como abaixo, coloque este cdigo 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 cdigo acima que voc pode especificar o tamanho da imagem. Se voc no colocar os atributos "WIDTH e HEIGHT" a imagem ficar no tamanho original (tamanho que foi criada).

Como inserir vdeo:


Para inserir um vdeo (arquivo com extenso .avi), como abaixo, coloque este cdigo depois da tag <BODY>: <EMBED SRC="arquivo.avi" </EMBED>

50

Teclas de Atalho
Menu Arquivo Alt + F (ingls/japons/francs/italiano); Alt + D (alemo); Alt + A (espanhol/portugus). Abre o menu Arquivo . Use as setas para baixo e para cima para selecionar itens quando o menu estiver aberto. Menu Editar Alt + E (ingls/japons/espanhol/portugus); Alt + M (francs/italiano); Alt + B (alemo). Abre o menu Editar. Use as setas para baixo e para cima para selecionar itens quando o menu estiver aberto. Menu Visualizar Alt + V (ingls/japons/ italiano / espanhol/portugus); Alt + C (francs); Alt + A (alemo). Abre o menu VisualiF ar .

51

Referncias Bibliogrficas
ALECRIM, E. Como usar o Google Earth - Parte 01. Info Wester, 2007. Disponivel em: <http://www.infowester.com/tutgoogleearth.php>. Acesso em: 26 abr. 2011. EXTREMAONLINE. Introduo ao html - como fa er um site. DEVMEDIA. Disponivel em: < http://www.devmedia.com.br>. Acesso em: 24 maio 2011. GOOGLE. Guia do Usurio. Google Earth - Artigos de Ajuda , 2011. Disponivel em: <http://eart h.google.com.br/support/bin/static.py?page=print.cs&printable_pa ge=1&topic=22357>. Acesso em: 06 mar. 2011.