36
Glog Glog All! All! Presentation adapted by Ms. Hopkins Jan McGee, Technology Coordinator Library Coordinator Ouachita Parish School System [email protected] Glog Glog One! One! Glog On! Glog On!

Glogster Presentation - Adapted

Embed Size (px)

DESCRIPTION

introduction to using Glogster for students

Citation preview

Page 1: Glogster Presentation - Adapted

Glog All!Glog All!

Presentation adapted by Ms. Hopkins

Jan McGee, Technology CoordinatorLibrary Coordinator

Ouachita Parish School [email protected]

Glog One!Glog One!

Glog On!Glog On!

Page 2: Glogster Presentation - Adapted

A Glog is like a poster . . . only betterA Glog is like a poster . . . only better

• Glogs allow students to create an online poster using

• photographs• images • graphics • video files • sound files• hyperlinks

Page 3: Glogster Presentation - Adapted

Example: Book/Author ProjectExample: Book/Author Project

• Images

• Video

•Text

•Hyperlinks

Page 4: Glogster Presentation - Adapted

Create GlogCreate Glog

A blank glog screen will appear.

Page 5: Glogster Presentation - Adapted

To Remove Page ElementsTo Remove Page Elements

Remove page elements by selecting it, then clicking the red trash can that appears.

Page 6: Glogster Presentation - Adapted

Magnet Toolbar

• Use the magnet toolbar to

add page elements

• Toolbar will slide up and

down the page

• Begin with the “Wall” tool

to select a background

• Once other page elements

have been added, the wall

cannot be changed

Page 7: Glogster Presentation - Adapted

Naming Your GlogNaming Your Glog

• At the top of the glog screen, there will be a rectangular box labeled “Glog nameGlog name” next to it. When you first open your glog, it is only identified with a glog number. Click in the box and give your glog a unique name.

Page 8: Glogster Presentation - Adapted

Save and PublishSave and Publish

• Select a category.

• Add some “tags” to

make it more searchable

• Mark as “Public” or

“Private.”

• Click “Save & Publish”

You will be taken back to your main blog screen with the option to “View” or “Continue Editing.”

Page 9: Glogster Presentation - Adapted

Glog Wall & Page Wall

• The Glog wall is the background for the main part of the glog.• The page wall is like an outside border or frame.

1. Select “Wall” from toolbar

2. Backgrounds are arranged by themes

3. Select a “Glog Wall”

4. Click “Use it”

5. Select a “Page Wall”

Page 10: Glogster Presentation - Adapted

TextText

• To add text, select “TEXT” from the toolbar

• Choose a textbox (default), a title box, bubbles or stickers for your text

• A wide variety of text box styles are available from each category

• TIP: Text boxes are square. Titles are rectangular, as in a banner or heading

Page 11: Glogster Presentation - Adapted

Add a TitleAdd a Title

• Select “Title”

• View the sample styles by

clicking the numbers at the

bottom of the screen or by

clicking the list of styles on

the left-hand side of the

screen.

• Basic title creates a title

without a frame.

Page 12: Glogster Presentation - Adapted

TitlesTitles

• Select the style you want and click “USE IT.”

• The textbox will appear at the bottom of your glog screen.

Page 13: Glogster Presentation - Adapted

Title FontsTitle Fonts

• The title appears as

“poster yourself”

• Click the “EDIT”

button to change/

add text

• Click “Ab1” to

change to font style,

color, size or

justification

Page 14: Glogster Presentation - Adapted

Title EffectsTitle Effects

• Click the “fx” button to create special effects such as title shadows

• Change the shadow, use a blur effect, adjust the distance, angle, etc.

• Click “APPLY”• Click “OK”

Page 15: Glogster Presentation - Adapted

Adding a Hyperlink to a TitleAdding a Hyperlink to a Title

• To hyperlink your title to a website, select the link button

• An “Add URL” window will open

• Paste the URL of the website into the “Link” box

• Click “APPLY”

Page 16: Glogster Presentation - Adapted

Creating Text BoxesCreating Text Boxes

• To create a regular (square) textbox, select “TEXT” on the toolbar

• Choose “Sticker” from the text menu list.

Page 17: Glogster Presentation - Adapted

Text Box StylesText Box Styles

• “Basic Text” creates

a box without a

frame. The other

styles appear as a

“sticker” in which text

may be typed.

• Select a style

• Click “USE IT”

Page 18: Glogster Presentation - Adapted

Text EffectsText Effects

• Font styles, size, color and alignment are accessed from the same Menu icons used with Title effects.

• Hyperlinks may also be added to text boxes and stickers.

Page 19: Glogster Presentation - Adapted

ImagesImages• Locate images from the Internet, digital camera,

or other sources and save to a folder on computer

• Click “IMAGE” on menu• Select “UPLOAD” button

Page 20: Glogster Presentation - Adapted

Uploading ImagesUploading Images

• Browse to folder• Select the image• Click “Open”• Image will upload

to image collection.

Page 21: Glogster Presentation - Adapted

Adding the ImageAdding the Image

• Select image• Image will appear

on the right• Click “USE IT” to

add it to glog

OR• Add a frame by

clicking “ADD A FRAME” button

Page 22: Glogster Presentation - Adapted

Adding a FrameAdding a Frame

• Use menu on left to view and select a frame around image

• Click “USE IT” to add image and frame to glog

• Remove a frame before adding to glog by choosing “Basic” frame

Page 23: Glogster Presentation - Adapted

Image AdjustmentImage Adjustment

• Adjust size and placement of image using handles on side

• Use menu bar above image to bring image forward, send to back for layering or duplicate image.

• Choose trash can to delete image.

Bring to front

Send to back Clone image

Page 24: Glogster Presentation - Adapted

Hyperlink to ImageHyperlink to Image

• Select image• Click “EDIT”• Select link button

on menu• Paste or type URL into

link box• Click “APPLY”

Page 25: Glogster Presentation - Adapted

Add Video FileAdd Video File

• Select “Video” from Magnet Toolbar

• Click “UPLOAD” to navigate to a downloaded video on your computer (such as a video from UnitedStreaming)

OR

Page 26: Glogster Presentation - Adapted

Link to Web-based VideoLink to Web-based Video

• Click “LINK” to add a web-based video from YouTube, TeacherTube or other online video resource

• Paste or type the URL of the video

• Click “ADD TO YOUR FILES”

Page 27: Glogster Presentation - Adapted

Web-based VideoWeb-based Video

• Video will be added to library

• Select video• Choose a player or

frame by selecting “Add a Player” button

• Click “USE IT”

Page 28: Glogster Presentation - Adapted

Add an Audio FileAdd an Audio File

• Audio files are added in the same manner as video files

• Choose “SOUND” from the Magnet Toolbar

• Select “UPLOAD” for downloaded sound file

OR• Select “LINK” to an

audio file on the web

Page 29: Glogster Presentation - Adapted

Audio File and FrameAudio File and Frame

• Choose a player frame from the themes menu

OR• Use “as is”• Click “USE IT”

Page 30: Glogster Presentation - Adapted

Add GraphicsAdd Graphics

• Select “Graphics” from Magnet Tools

• Choose a graphic from any of the themes on menu

• Select “USE IT”• NOTE: Some

graphics are animated

Page 31: Glogster Presentation - Adapted

Save and PublishSave and Publish

• Select “SAVE & PUBLISH” from top menu of glog

• Edit name, category, or tags if needed

• Optional: Change from “Private” to “Public”

• Click “SAVE & PUBLISH”

Page 32: Glogster Presentation - Adapted

Publishing and Sharing GlogPublishing and Sharing Glog

• Use this screen to view glog, email glog, or post to web

• Use URL link to post a link on a website or wiki

• Click “Email” to email link

• Click “Copy” button to copy html code to embed

URL Link

Email

Copy HTML

Page 33: Glogster Presentation - Adapted

Miniature Copy of GlogMiniature Copy of Glog

1. Locate and click “+SHARE GLOG” at bottom right of screen

Page 34: Glogster Presentation - Adapted

Miniature Version of GlogMiniature Version of Glog

2. Click “COPY” button to copy HTML code

3. Paste code into website or wiki for a downsized, working version of wiki

Page 35: Glogster Presentation - Adapted

A Glog is like a poster. . . . .A Glog is like a poster. . . . .

. . . . Only BETTER. . . . Only BETTER

Page 36: Glogster Presentation - Adapted