Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
These are empty but are hooked into the index.html file. Then finally, there's an images folder. So in case you want to skip the Photoshop part where we customize these graphics, you can just skip that chapter and move on. Now inside of folder 2, we have two snippet files. These files have some placeholder text and some CSS rules that we can cut and paste later in the course. Inside of folder 3 is a source Photoshop file. You can use this file to create custom background graphics. Inside folder 4 is a copy of the generic version of the project.
As we go through this course, we're going to be creating a sliding tab panel which is going to have very little styling in it but will be fully functional. If you want to stop the project there and use that as the project to implement into your website, you can use this one. Then inside of folder 5 is the fully styled one that has backgrounds and different graphic colors and so forth. So now that we're familiar with the exercise files, we can start building our project in the next movie.
Get unlimited access to all courses for just $25/month.Become a member
61 Video lessons · 96696 Viewers
56 Video lessons · 110413 Viewers
71 Video lessons · 79242 Viewers
131 Video lessons · 38000 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.