Join Joseph Lowery for an in-depth discussion in this video Displaying top-level links horizontally, part of Site Navigation with CSS in Dreamweaver.
- View Offline
- Exercise Files
Once you've created your initial unordered list, it's time to begin the…conversion to a series of navigation buttons.…As a best practice, the first thing that I would do is create a new CSS…file linked to my main source code to assure complete separation of content from presentation.…With the index.html file from the Chapter 4 exercise files open, let's choose…File > New and then under Page Type, select CSS and click Create.…
Now we'll save this file in our CSS folder, which again is located in 04_03,…and name it nav.css.…Okay I have saved my CSS file, and I can go ahead and close that because now the…next thing I want to do is link it to my main source code. And you do that…through the CSS Styles panel by going down and choosing Attach Style Sheet.…We'll click Browse and again make sure you're in the css folder for the…appropriate subfolder,…choose nav.css, and then create that link by clicking Choose and click OK.…
- Using icons
- Navigating with Spry widgets
- Styling Spry menus
- Working with background images
- Implementing sprites
- Designing navigation with accessibility in mind
- Adding drop-down menus
- Developing graphical navigation with jQuery
- Creating pop-out vertical navigation
- Exploring CSS3 and HTML5 enhancements
Skill Level Intermediate
Layouts with CSS in Dreamweaverwith Joseph Lowery3h 33m Intermediate
Typography with CSS in Dreamweaverwith Joseph Lowery2h 30m Intermediate
1. Trends in Navigation Design
2. Spry Navigation
3. Navigation Techniques
4. Horizontal Navigation
5. Vertical Navigation
6. Internal and External Navigation
Identifying anchor tags7m 4s
7. Cutting-Edge Navigation
Using the HTML5 nav tag3m 24s
- 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.