Join Paul Trani for an in-depth discussion in this video Creating navigation, part of Creating a First Website in Dreamweaver CC 2015.
- As you start to add links and navigation,…chances are you're gonna want your navigation items…to look different than every other text element…on your page, you want it to look unique,…you want these items to look selectable as well.…That's what I wanna do next.…Now, notice if I select this Home button, this text here,…it's the "a" tag or the href tag right here,…and if I change it, it's gonna change it everywhere.…So I need to make something specific for this Home button.…Now let's take a look at our Design…that we're working off of.…
Here's the Design, and notice how the font is different…and each one has a different graphic,…say, in that background there.…That's exactly what I wanna do…is make unique experiences for each navigation item.…So that means adding a specific class…by clicking that plus button and we can call it "navhome."…That's what we're calling it, "navHome,"…we'll do capital H.…Hit Enter.…Where do you want to put it?…In the Style CSS, so hit Enter again.…
Now it's highlighted over here…in the CSS Designer panel, "navHome."…
Over the course of the training, you'll learn about building basic webpages; adding text, links, images, and navigation; and making your layout "flexible" on mobile devices. Each step provides another lesson on HTML and CSS, the building blocks of the web. Along the way, Paul shows how to add bonus features, such as animation from Edge Animate, a Twitter feed, and an interactive contact form.
- Planning a website
- Creating your first webpage
- Adding HTML5 content
- Styling content and the layout with CSS
- Adding images
- Creating navigation
- Building alternate layouts for tablets and mobile devices
- Adding animation and video
- Creating a contact form
- Uploading and testing the website
Skill Level Beginner
1. Understanding Website Design
2. Creating a Webpage
3. Stylizing Content
4. Adding Navigation and Pages
5. Creating a Flexible Layout
6. Adding Media
7. Creating a Contact Form
8. Testing and Uploading
- 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.