Join Chris Converse for an in-depth discussion in this video Creating and linking HTML and CSS files, part of Create an Interactive Map with jQuery and Dreamweaver.
Now that we have all of our graphics created, let's switch over to Dreamweaver.…Now this course is also being offered as a code-only course as well.…So if you prefer to not use a visual tool like Adobe Dreamweaver, you can find…the same course in on lynda.com library as a code-only course.…So now inside of Dreamweaver let's come to the File menu, choose New. Let's choose HTML.…Under DocType we are going to come over and choose XHTML Transitional.…We want to make sure that this will also work in IE 7 and 8.…Let's click create.…
Right away let's choose File > Save.…Now in the Desktop, my InteractiveMap, right in the root of there we are going…to save this as index.html. Hit Save.…Let's come to the File menu, choose New, new CSS document.…Let's say create. Right away let's save this.…File > Save. Let's put that in the includes directory.…We'll call this interactive_map.css and click Save.…
Now we have our two files created in Dreamweaver.…We have our HTML file and our CSS file.…Now what I want to do is hook the CSS file into the HTML file.…
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