Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
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, and we will see our base layout working here. We have all our content that sort of flows around inside of here, and up here is where the background graphics are going to showing inside of the header area.
And now that we have the base layout in place, in the next movie, we will work on some graphics for the layout.
Get unlimited access to all courses for just $25/month.Become a member
61 Video lessons · 104268 Viewers
56 Video lessons · 116198 Viewers
71 Video lessons · 85415 Viewers
131 Video lessons · 40898 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.