Join Chris Converse for an in-depth discussion in this video Using the exercise files, part of Create an Interactive Map with jQuery and Dreamweaver.
When you download the exercise files, there is going to be four folders…inside of the folder.…The first one is Art Templates, which has the source Photoshop files for creating…the dots and the map graphic.…The next one is City Photography, where we have the whole bunch of…different city photographs.…These two have watermarks on them, but of course you can replace these with…their own graphics.…Next is the Code Snippets folder.…This has two HTML files that contain some source code for placing in the anchor…tags and the city details.…We will code the first anchor tag and city details so that we can see the…structure, and then we'll use these HTML files to replicate out all of…the different cities.…
And then lastly is the Final Project folder.…This is the folder we looked at in the introduction video and by the end of…the course you will have created all of the files that are inside of this…Final Project folder.…Now in the next movie we'll create our project folders and start by creating our…graphics from the Art Templates directory.…
Take a look at the finished web site here.
- 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