HTML. Project 5. Creating an Image Map PROJECT #5

Similar documents
How to create pop-up menus

04 Links & Images. 1 The Anchor Tag. 1.1 Hyperlinks

Basic tutorial for Dreamweaver CS5

QUESTION BANK COMPUTER SCIENCE. Class VIII LESSON-1 INTRODUCTION TO MS ACCESS

understand how image maps can enhance a design and make a site more interactive know how to create an image map easily with Dreamweaver

Web Design. Links and Navigation

Explore Oakville How To Perform a Search and Navigate a Map

Content Builder: How-To Guide

Done. Click Done to close the Capture Preview window.

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.

Regional Drought Decision Support System (RDDSS) Charting Tools Help Documentation

Using Adobe Dreamweaver CS4 (10.0)

Chapter 14: Links. Types of Links. 1 Chapter 14: Links

Spotfire v6 New Features. TIBCO Spotfire Delta Training Jumpstart

Introduction to the TI-Nspire CX

Welcome to CorelDRAW, a comprehensive vector-based drawing and graphic-design program for the graphics professional.

Web Page Layout. www3. www3 1

Excel Math Project for 8th Grade Identifying Patterns

3D-GIS in the Cloud USER MANUAL. August, 2014

Scientific Graphing in Excel 2010

Hotspot Image Connector Page Guide

Quick use reference book

Lession: 2 Animation Tool: Synfig Card or Page based Icon and Event based Time based Pencil: Synfig Studio: Getting Started: Toolbox Canvas Panels

Welcome to CorelDRAW, a comprehensive vector-based drawing and graphic-design program for the graphics professional.

Licensed Functionality: Remote Monitoring

CREATING HORIZONTAL NAVIGATION BAR USING ADOBE DREAMWEAVER CS5

Creating a Logo in CorelDRAW

Quickstart for Desktop Version

Website Builder Overview

Hands-On Practice. Using Notebook Software in the Office

To download and install directly to your phone

QUICK REFERENCE: ADOBE ILLUSTRATOR CS2 AND CS3 SECTION 1: CS3 TOOL BOX: PAGE 2 SECTION 2: CS2 TOOL BOX: PAGE 11

MicroStrategy Desktop

NAS Newsletter Help

Texas Woman s University RedDot Webspinner s Manual Revised 7/23/2015. webteam@twu.edu

Smart Board Notebook Software A guide for new Smart Board users

Adobe Illustrator CS6 Tutorial

Microsoft Word Quick Reference Guide. Union Institute & University

Getting Started with Internet Explorer 10

TABLE OF CONTENTS. INTRODUCTION... 5 Advance Concrete... 5 Where to find information?... 6 INSTALLATION... 7 STARTING ADVANCE CONCRETE...

Spike Tech Tip: How to use your online, cloud-based tools for Spike

Adobe Dreamweaver - Basic Web Page Tutorial

ArchiCAD Tutorial Getting started. Dr. Benny Raphael Dept. of Building National University of Singapore (NUS)

Hallpass Instructions for Connecting to Mac with a Mac

Contents. Launching FrontPage Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame...

How to create buttons and navigation bars

Canterbury Maps Quick Start - Drawing and Printing Tools

Creating Web Pages with Microsoft FrontPage

WebEx Sharing Resources

Creating Hyperlinks & Buttons InDesign CS6

HOW TO CREATE AND SEND AN EXACTTARGET TEMPLATE-BASED

EMERALD CITY GRAPHICS Rampage Remote How To Guide

How To Insert Hyperlinks In Powerpoint Powerpoint

Using Style Sheets for Consistency

Pepperstone MetaTrader 4 User Guide:

m ac romed ia Fi r e wo r k s Curriculum Guide

Transformations Worksheet. How many units and in which direction were the x-coordinates of parallelogram ABCD moved? C. D.

ART 170: Web Design 1

Millennium Learning Centres How to scan documents you want to edit

Creating Charts and Graphs

SolidWorks: Mirror, Revolve, and. Introduction to Robotics

MetroBoston DataCommon Training

Adding Links to Resources

Performing a Browser Screen Capture: Using FireShot for Internet Explorer and Mozilla FireFox

Creating an Event Registration Web Page with Special Features using regonline Page 1

KOMPOZER Web Design Software

To download and install directly to your phone

SolidWorks Tutorial 3 MAGNETIC BLOCK

Citrix Client Install Instructions

Course Duration: One hour Theory and 3 hours practical per week for 15weeks. As taught in 2010/2011 Session

MARS STUDENT IMAGING PROJECT

Using Microsoft Word. Working With Objects

PEMBINA TRAILS SCHOOL DIVISION. Information Technology Department. Inspiration 7.0

Signatures and Out of Office Messages

Appendix A How to create a data-sharing lab

Introduction to Measurement Tools

Microsoft PowerPoint 2010 Computer Jeopardy Tutorial

Referencing Web links in the Survey Workbench Questionnaire

ACS Version Check Layout Design

Welcome to CorelDRAW, a comprehensive vector-based drawing and graphic-design program for the graphics professional.

Create a Poster Using Publisher

Creating a Web Site with Publisher 2010

Epson Brightlink Interactive Board and Pen Training. Step One: Install the Brightlink Easy Interactive Driver

SWAN 15.1 Advance user information What s new in SWAN? Introduction of the new user interface. Last update: 28th April 2015

WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version

Dynamic Content for Executive Recruitment Firm

Learning Autodesk. Modeling, Analysis and Animation SDC. Randy H. Shih. Better Textbooks. Lower Prices. PUBLICATIONS

Navigator Software. Contents 1. NAVIGATOR SOFTWARE 2. INSTALLATION 3. USING NAVIGATOR SOFTWARE 3.1 STARTING THE PROGRAM 3.

Introduction to Microsoft Excel 2007/2010

How to make a line graph using Excel 2007

CUSTOMER+ PURL Manager

Hot Spot (Unsecured) Wireless Access Initial Setup and Login for MCC_HOTSPOT

In this example, Mrs. Smith is looking to create graphs that represent the ethnic diversity of the 24 students in her 4 th grade class.

Contents. Introduction Downloading the Data Files... 2

Welcome to icue! Version 4

Introduction Designing your Common Template Designing your Shop Top Page Product Page Design Featured Products...

Operate Backup Data. This how-to document will walk you through how to acquire and view your (M)SDS collection from the backup we send you.

Module 1. 4 Login-Send Message to Teacher

Google Sites: Site Creation and Home Page Design

Table of Contents. I. Banner Design Studio Overview II. Banner Creation Methods III. User Interface... 8

Transcription:

HTML PROJECT #5 Project 5 Creating an Image Map

poly One of the attributes of the <area> tag, used to define a polygonal hotspot 2

Toolbox Part of the Paint window that displays tools used to edit or draw an image 3

Server-Side Image Map An image map in which the image is displayed by the client (browser) and implemented by the server 4

Color Box Part of the Paint window that displays a palette of colors 5

Navigate To move around in a Web page or between Web pages using links 6

alink One of the attributes of the <body> tag, used to specify the color of the active link 7

Drawing Area The part of the Paint window where the image is displayed 8

Shape An attribute of the <area> tag that indicates the shape of the map area 9

Link One of the attributes of the <body> tag, used to specify the color of the normal (unvisited) link 10

Client-Side Image Map An image map in which the coordinates are included in the HTML file along with the URL to which to link 11

Text-Based Browser A browser that does not display images 12

Coordinate Pair A set of x,y coordinates that defines the location of a point 13

vlink One of the attributes of the <body> tag, used to specify the color of a clicked (visited) link 14

<map> The HTML tag used to signal the beginning of a clientside image map 15

Text Link A word or group of words used as a hotspot 16

usemap One of the attributes of the <img> tag, used to indicate the URL of a client-side image map 17

<area> The HTML tag used to define the specific areas of an image map and the links and anchors for those areas 18

Circle One of three possible map area shapes, defined by specifying its center point and radius 19

Status Bar An area at the bottom of the Paint window that displays the coordinates of the current position of the mouse 20

Rectangle One of three possible map area shapes, defined by specifying its top-left and bottom-right coordinates 21

Image Map A special type of inline image in which one or more areas are defined as hotspots 22

</map> The HTML tag used to signal the end of a client-side image map 23

Hotspot Clickable element 24

X-axis An axis that runs horizontally along the base of an image 25

Menu Bar An area at the top of the Paint window that shows the Paint menu names 26

rect One of the attributes of the <area> tag, used to define a rectangular hotspot 27

coords An attribute of the <area> tag whose value indicates the x- and y-coordinates of a map area 28

Polygon One of three possible map area shapes, defined by specifying the coordinates of each of its corners 29

ismap One of the attributes of the <img> tag, used to indicate a server-side image map 30

Y-axis An axis that runs vertically along the left of an image 31

Image Map Button Bar A menu bar that uses graphical images to make it more attractive 32