Join Chris Converse for an in-depth discussion in this video Creating a new web project in Aptana Studio, part of Creating Animated Rollovers with jQuery.
Now that we have our project files ready let's launch Aptana Studio.…Now if you prefer to take this course in a more visual oriented web tool like…Adobe Dreamweaver, you can find this same course using Dreamweaver inside of…Aptana Studio in the lynda.com Library.…Now inside of Aptana Studio let's come up to the File menu, let's choose New>Web Project.…Let's name this My animated Rollovers.…
Let's uncheck the Use default location.…Let's choose Browse.…From the desktop let's choose myAnimatedRollovers, click Open.…This warning here is Aptana's way of letting us know that there are files that…exist in that location.…Let's choose Finish.…Once the project opens we can see all of the assets over here in the left-hand…side inside of Aptana and in the main window here in the File tab.…So we can see the index.html file is open.…Now that we have our project created, in the next movie we will start by working…with the CSS file in order to update the user experience of this project.…
Take a look at the finished web site here.
- Updating the CSS to prepare for animated captions
- Adding the jQuery hover statement
- Animating the thumbnail filmstrip backgrounds