Join Chris Converse for an in-depth discussion in this video Creating a folder and adding the starter files, part of Creating Navigation Menus with jQuery and Dreamweaver.
Now to begin our project, let's create a folder on the Desktop.…We will call this myMenu.…I am going to just resize this and move it over here a little bit.…Inside of here, we are going to create two additional folders,…one called includes, one called images.…Now let's come back to the exercise files, let's come in to folder 1, Files to add.…Let's take the index.html file, let's copy that into the main folder.…Let's come back, open up add to includes, let's grab all of the files inside of…here, and let's drag a copy of these into the includes folder that we created…inside of the myMenu folder.…
Now inside of here we have a copy of jquery-1.7, a copy of the dropmenu…plug-in, a menu CSS file for IE7 and 8, a menu.css, which basically creates the…layout for the outermost page that we are going to be working inside of, and a…menu.js file, there's nothing inside of this JS file here, but it is hooked into the index.html file.…Now with these files in place, we can open the index.html file up in a browser,…
To preview the finished project, visit: http://codifydesign.com/chris/lynda/samples/course-0015
This course was created and produced by Chris Converse. We are honored to host his material in the Lynda.com online training library.
Skill Level Intermediate
Q: Where can I find more menu information and plug-ins from menu systems?
A: There is a great article from 1stwebdesigner, "38 jQuery And CSS Drop Down Multi Level Menu Solutions", where they list and explain thirty-eight different plug-ins and techniques.