Join James Williamson for an in-depth discussion in this video Using the exercise files, part of CSS: Styling Navigation.
- View Offline
- Exercise Files
- Code Practice
If you're a Premium Member of the lynda.com online training library, or if you're watching this tutorial on a disk, you have access to the exercise files used throughout this title. Exercise files for this title are arranged by chapter and are located in folders that are named based on the movie number they represent. Since each exercise is self-contained, you'll want to work with these folders individually. I recommend copying the entire Exercise Files directory to the desktop and then working on the files from the appropriate folder. I will call out the location of the exercise files for each movie, and you should see a brief overlay that will tell you where to find those particular files.
For this course, I'll be authoring my CSS using Dreamweaver. It's a common web authoring tool and an environment that I'm extremely comfortable in. By no means is this a Dreamweaver course. You can use any code editor that you're familiar with. Now I'll only be using the Code view in Dreamweaver and none of its visual tools, so as long as you can type in the code that you see on my screen, you'll be able to work right alongside with me, whether you're using Dreamweaver or not. It's also crucial that you use the most recent versions of Internet Explorer, Chrome, Firefox, Safari, and Opera, and make a habit of testing your pages with multiple browsers.
- Organizing menus with lists
- Creating block-level links
- Styling links, link states, and image links
- Defining link dimensions
- Controlling link spacing in a menu
- Creating rollovers
- Clearing floats
- Indicating current pages
- Controlling cursor states
- Building dropdown menus
- Creating CSS-only buttons
Skill Level Beginner
1. Structuring Navigation
2. Link Styling Basics
3. Creating a Vertical Menu
4. Creating Horizontal Menus
5. Dropdown Menus
6. Enhancing Navigation with CSS
Additional resources6m 29s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.