:. Image Map Exercise Create an image map of you home town and add hot spots to link to three pages about the areas indicated by the hot spots.

Slides:



Advertisements
Similar presentations
The Microsoft ® Mouse Mischief ™ add-in works with Microsoft ® PowerPoint ® 2010 or Microsoft ® Office PowerPoint ® Download and install the Mouse.
Advertisements

Exploring the Internet Instructor: Patrick Krolak Topic:
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Hyperlinks. Working with Linked Images  A standard practice on the Web is to turn the Web site’s logo into a hypertext link pointing to the home page.
EDITING A DISTRICT WEB PAGE
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
Training 1 FrontPage Creating Web Pages. 2 Objectives 1. Open FrontPage. 2. Create Web pages. 3. Insert pictures 4. Create a hyperlink from a picture.
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Google Earth How to create a Google Earth Tour and place it in your Wiki.
Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.
A Prezi presentation is like creating a mind map. It is created on a blank canvas and you decide where the information goes on this canvas.
PowerPoint Exercise: Download this exercise to your computer, then complete the numbered tasks. Fulbright Computer Skills Summer 2012.
1 DESKTOP TIPS Presented by: Doug Bonebrake Senior Project Manager Global Project Office FrontRange Solutions Inc.
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
Create an Image Map Web Publishing & Design. Hot Spots  hot spot: An area on an object containing a hyperlink. An entire object can be a single hot spot,
Chapter 5 Creating an Image Map.
Tutorial 4: Working with Hyperlinks. Objectives Session 4.1 – Place bookmarks on a Web page – Create a link to a bookmark – Create a link to another Web.
CIT 256 Dreamweaver Sites and Image Maps Dr. Beryl Hoffman.
You Have A Website?!? How to create a class website that is useful and user-friendly for you, students, parents, and other educators Presented by Sarah.
Creating Links – Lesson 31 Creating Links Lesson 3.
Adobe Dreamweaver CS3 Revealed CHAPTER FOUR: WORKING WITH LINKS.
Fourth R Inc.1 WELCOME TO MICROSOFT OFFICE FRONTPAGE 2003 INTRODUCTORY COURSE.
How to View Multiple Blogs at One Time RSS Feeds.
Web Site Design and Editing Manual for Concordia Seminary Graduate School.
LAUNCH BUTTON Data Images Executable programs Music Etc. Files have a name and an extension – Filename.ext You assign the file name, the application.
Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.
Click on these! %2Fblank%2Fbrowse.asp%3FA%3D383%26BMDRN%3D2000%26BCOB%3D0% 26C%3D64893.
Moodle with Style Integrating new technologies to empower learning and transform leadership.
U1_a02_copyright text and images ADD NAME HERE. Insert below a copyright free IMAGE that could be used in your health and safety presentation.
Step 1: Go to or another daily newspaperwww.latimes.com on the web (e.g.
Get Microsoft Mouse Mischief
OneNote 2007 Adding text and images from the web.
Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH.
Copyright 2007, EMC Paradigm Publishing Inc. INTERNET EXPLORER 7 BACKNEXTEND 1-1 LINKS TO OBJECTIVES Launching Internet Explorer Launching Internet Explorer.
The following Presentation © is made by n more 206/A, 1 st Floor, 4 th Cross Thrimoorthy Colony, Mahindra Hills, East Marredpally Secunderabad –
Implementation of Google Map in Drupal Create in Miyula Zeng, XiaoHang Zou,
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
Mappler Version 3.1 User Help Guide Prepared by Ritu, Karen, Kristen, Megan.
So – You want to learn how to put an article onto the state website. (Note: If you have not done so, you will need to review the web training provided.
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
The Microsoft ® Mouse Mischief ™ add-in works with Microsoft ® PowerPoint ® 2010 or Microsoft ® Office PowerPoint ® Download and install the Mouse.
COMPREHENSIVE PowerPoint Tutorial 5 Applying Advanced Special Effects in Presentations.
Text Title: YOUR TOPIC Narrator: Narration: Replace the BOLD words with your own information Photo: Go to the Unsolved Mysteries Wiki Resources page under.
Lessons Copy and Paste Text Drag and Drop Text 2-Saving Documents 3- Printing 4-Inserting Tables Modifying Page Layout Format Page Margins Insert a Blank.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Weebly is Your Friend. * To Enhance And Promote Your Curriculum * To Provide A Student Resource * Add Efficiency to Your Planning * Informational * Promote.
XP Creating Web Pages with Microsoft Office
Get Microsoft Mouse Mischief
Get Microsoft Mouse Mischief
Working with Links and Navigation
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
Creating Links – Lesson 3
Edit PowerPoint file using Microsoft PowerPoint: 
Presenter Mindy Pistol Ext
Edit PowerPoint file using Microsoft PowerPoint: 
Left Click to view the next slide.
Edit PowerPoint file using Microsoft PowerPoint: 
Edit PowerPoint file using Microsoft PowerPoint: 
Edit PowerPoint file using Microsoft PowerPoint: 
Edit PowerPoint file using Microsoft PowerPoint: 
Edit PowerPoint file using Microsoft PowerPoint: 
Edit PowerPoint file using Microsoft PowerPoint: 
How to PostPower Point Presentations
How to add a page… You will need to add new pages to your website depending on the brief. You do this by: Click on the Add new page button Write the new.
Project 4 Creating an Image Map.
Texts.
Edit PowerPoint file using Microsoft PowerPoint: 
Edit PowerPoint file using Microsoft PowerPoint: 
Edit PowerPoint file using Microsoft PowerPoint: 
Presentation transcript:

:

Image Map Exercise Create an image map of you home town and add hot spots to link to three pages about the areas indicated by the hot spots.

Diagram of how home town image map will navigate your pages.

Visit these two sites using the address for you home town TerraFly for aerial and satellite photos. Microsoft TerraServer for aerial and satellite photos: Google Maps and Satellite images: Mapquest for map and directions.

U Mass Lowell, (Terrafly 2m)

Finding and saving a map of your hometown 1.Log into mapquest.com and use an address in your hometown to get a map. 2.Use the normal save image_as method to capture the image. 3.Save it to your computer and rename it to match city name, e.g. lowell.gif

Copy yellow area below and Paste it into Composer SaveAs -- imagemap.html

Steps in Composer 1.Remove red text and insert your image of your hometown in its place. 2.Create a link to your home page see green box (remove green box ) 3.Save as imagemap.html

Using MapEdit to create the hot spots in imagemap.html Close Composer after saving the page as imagemap.html Download and install MapEdit on your computer. Open MapEdit and select [Open A Web Page]

Creating the image map Open – imagemap.html Should see a map in the window. Use the Rectangle button to place a rectangular hot spot Use Circle to create a circular hot spot Use polygon to create polygonal one. –Left button to create points –Right to close (end)