site feedback
Create an Interactive Map with jQuery and Dreamweaver

Create an Interactive Map with jQuery and Dreamweaver

with Chris Converse



In Create an Interactive Map with jQuery and Dreamweaver, Chris Converse shows how to design and create a rich interactive map for a web site using the open-source scripting library jQuery and the tools in Dreamweaver. The course covers creating web-optimized images using the slicing tools in Photoshop, implementing the HTML and CSS to assemble an infographic page layout, and adding interactivity with JavaScript and jQuery's fast and concise code library. Exercise files are included with the course.

Take a look at the finished web site here.
Topics include:
  • Preparing web graphics
  • Preparing the base container
  • Manipulating links with CSS
  • Adding a drop-down menu
  • Downloading jQuery and adding interactivity to a project
  • Creating city details
  • Overriding click events of anchor tags with jQuery
  • Enhancing the design with CSS3

show more

author
Chris Converse
subject
Web + Interactive, Interactive, Web Design Projects, Scripting Languages, Developer, Web Development
software
Dreamweaver CS3, CS4, CS5, CS5.5, jQuery 1.5
level
Intermediate
duration
1h 12m
released
Mar 24, 2011
updated
Aug 31, 2011

Start learning today. Lynda explains how.

Ready to join?

Learn Adobe CS6
Please wait...
subscribe learn more

Get immediate access to the entire library!


Suggested courses to watch next:

Create an Interactive Map with jQuery (47m 38s)
Chris Converse
jQuery Essential Training (04h 09m)
Joe Marini
JavaScript Essential Training (2011) (05h 30m)
Simon Allardice

Are you sure you want to delete this bookmark?

cancel

Bookmark this Tutorial

Name

Description

{0} characters left

Tags

Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading
cancel

bookmark this course

Name

Description

{0} characters left

Tags

Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading

Your queue is full.

Make room for this course by removing some things already in your queue.

go to queue

You must be a lynda.com member to watch this video.

Every course in the lynda.com Online Training Library® contains free movies that let you assess the quality of our tutorials before you subscribe—just click on the blue links to watch them. Become a member to access all 77,421 instructional videos.


If you are already an active lynda.com member, please log in to access the Online Training Library®.

Get access to all lynda.com tutorials

You are currently signed into your admin account, which doesn't let you view lynda.com tutorials. For full access to the Online Training Library®, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling (888) 335-9632 or emailing us at sales@lynda.com.

Get access to all lynda.com tutorials

You are currently signed into your admin account, which doesn't let you view lynda.com tutorials. For full access to the Online Training Library®, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling (888) 335-9632 or emailing us at sales@lynda.com.

Access to lynda.com tutorials

Your organization has a limited access membership to the lynda.com Online Training Library® that allows access to only a specific, limited selection of courses.