Advanced Google EarthAdvanced Google Earth

Creating Curricular Materials Creating Curricular Materials and Adding Custom and Adding Custom

PlacemarksPlacemarks

Building PlacemarksBuilding Placemarks

Creates Innovative LessonsCreates Innovative Lessons Advanced placemarks allows the Advanced placemarks allows the

addition of information and graphic addition of information and graphic to placemarks.to placemarks.• DescriptionsDescriptions• ImagesImages• Video linksVideo links• Hyperlinks Hyperlinks

Advanced PlacemarksAdvanced Placemarks

Ask question that students need to Ask question that students need to answer.answer.

Turn lessons into inquiryTurn lessons into inquiry Motivate studentsMotivate students Use emerging technologiesUse emerging technologies Be creativeBe creative

A few remindersA few reminders

Most of the images in Google Earth Most of the images in Google Earth are taken by low flying planes.are taken by low flying planes.

Zoom to the desired appearance Zoom to the desired appearance before placing your placemark. before placing your placemark.

Adding PlacemarksAdding Placemarks

From task bar, From task bar, select the pushpin select the pushpin iconicon

A window will open A window will open to permit to permit information to be information to be addedadded

Adding information to the Adding information to the PlacemarkPlacemark

Give the placemark Give the placemark a namea name

The coordinates The coordinates are givenare given

Add a descriptionAdd a description Click on the Click on the

Style/Color tab and Style/Color tab and make selectionmake selection

Altitude tab allows Altitude tab allows placement to be at placement to be at a given altitude a given altitude above the ground.above the ground.

Change the icon appearanceChange the icon appearance

Select the icon Select the icon beside the title boxbeside the title box

Select the icon of Select the icon of choice or import a choice or import a custom icon.custom icon.

Editing information in the Editing information in the balloon descriptionballoon description

To add/edit information in a To add/edit information in a balloonballoon• Right clickRight click• Select propertiesSelect properties• Add information in the description Add information in the description

areaarea• If only text is entered, the If only text is entered, the

formatting will not change.formatting will not change.• Once the first piece of html is Once the first piece of html is

added, all the formatting is lost.added, all the formatting is lost.

USING HTMLUSING HTML The addition of formatting in the html code The addition of formatting in the html code

uses “tags”uses “tags” Tags begin with a “<“ and end with a “>” Tags begin with a “<“ and end with a “>”

symbol.symbol. There will be instructions placed between There will be instructions placed between

the < and > symbols.the < and > symbols. The instructions must also tell when to end The instructions must also tell when to end

that formatting. This is performed by that formatting. This is performed by using </instruction>.using </instruction>.

Example: <b>Dr. Archie Bone</b> will Example: <b>Dr. Archie Bone</b> will bold only the words bold only the words Dr. Archie BoneDr. Archie Bone..

A Few Basic Formatting CodesA Few Basic Formatting Codes

<p> This is for a paragraph and is <p> This is for a paragraph and is really a double enter – double really a double enter – double spacing.spacing.

<br> This is a Break or a single <br> This is a Break or a single spacespace

<b> Bold for bolding information<b> Bold for bolding information <u> Underline for underlining <u> Underline for underlining

informationinformation <i> italizing<i> italizing

More CodeMore Code

To bold and underline <b><u>To bold and underline <b><u> The order does not matter; however the The order does not matter; however the

order must be reserved to close the order must be reserved to close the commandcommand

Example:Example:

<b><u>America<u><b><b><u>America<u><b>

This text is said to be nested.This text is said to be nested.

The resulting text will look likeThe resulting text will look like

AmericaAmerica

Adding a link to InternetAdding a link to Internet

The anchor tag is used to add a link The anchor tag is used to add a link to Internet. to Internet.

Represented by <a>. It must be Represented by <a>. It must be closed by using </a>closed by using </a>

<a href=“ url”</a><a href=“ url”</a> There is a space between a and href. There is a space between a and href.

There is no space before the end tag.There is no space before the end tag. Tinyurl.comTinyurl.com HTML code chartHTML code chart

hyperlink

Bring in imagesBring in images

Locally from computerLocally from computer• Images from your cameraImages from your camera• Short videos from your cameraShort videos from your camera

Link to a web addressLink to a web address• Images from your InternetImages from your Internet• Short videos from the InternetShort videos from the Internet

Bring in imagesBring in images

HTML code is needed by a recipe can be HTML code is needed by a recipe can be followed!followed!

An image tag is writtenAn image tag is written Pathway on local computerPathway on local computer

• <img src=“image location” ><img src=“image location” >• There must be a space between “ and >There must be a space between “ and >• Locate the image on your computer, right click, go Locate the image on your computer, right click, go

to properties, copy path, add the image name and to properties, copy path, add the image name and extensionextension

Example: <img scr=“C:\Documents and Settings\Example: <img scr=“C:\Documents and Settings\coleyj.JCTC\My Documents\cow.jpg” >coleyj.JCTC\My Documents\cow.jpg” >

More on imagesMore on images The width of the image may be The width of the image may be

limited by using the following code:limited by using the following code: <img scr=“C:\Documents and <img scr=“C:\Documents and

Settings\coleyj.JCTC\My Documents\Settings\coleyj.JCTC\My Documents\cow.jpg”, width=300 >cow.jpg”, width=300 >

There is a space before width=There is a space before width= 300 pix is a good setting for an 300 pix is a good setting for an

image in a balloon.image in a balloon. The balloon may be saved as a .klm The balloon may be saved as a .klm

file and shared with others.file and shared with others.

Image code

What is a .kml file?What is a .kml file?

The curriculum piece in Google earth The curriculum piece in Google earth will be saved as a .kmz file. This will be saved as a .kmz file. This nothing more than a zip file.nothing more than a zip file.

Individual information such as a Individual information such as a ballon will be saved as a .kml file.ballon will be saved as a .kml file.

To save a ballonTo save a ballon• Right clickRight click• Save asSave as• .klm.klm

Other formatting changes for Other formatting changes for placemarksplacemarks

Font colorFont color• <font color=white> or <font color=#A52A2A> <font color=white> or <font color=#A52A2A> • To assure that the same color shows on all To assure that the same color shows on all

computers, use the color number (computers, use the color number (RGB color ValuesRGB color Values))

Font sizeFont size• <font size=X>text here<font size=X>text here• X = Font size and may be from 1 (smallest) to 7 X = Font size and may be from 1 (smallest) to 7

(largest)(largest) Background color for the balloonBackground color for the balloon

• This MUST be the first entry in the ballon.This MUST be the first entry in the ballon.• <body bgcolor=yellow><body bgcolor=yellow>

Question?Question?

Let’s Start Creating!Let’s Start Creating!