Join Paul Trani for an in-depth discussion in this video Creating navigation, part of Creating a First Website in Dreamweaver CC 2014.
…When it comes to the navigation for your site chances are you're…going to want to customize it in some way shape or form.…And see right now all of these words are very close together, and…really it's not that unique.…Especially since we're talking about this designer's site.…So, what I want to do is in live view I'm going to select that home word right here.…And I want to add an interesting graphic not…only just give this specific link some room.…So I'm going to do something specific to this home link.…
In fact, in order to do that, I'm going to add a class.…So I'm going to click that plus button, and this is going to be nav.…Home, that's what I'm going to call it.…I'm going to hit Enter, that's my class.…Right over here style.css is selected, I take my selectors and…add a selector it's going to add that nav home.…Now I get to add all the fun properties that I want.…So, for…nav home what I actually want to do is I'm going to add an image to the background.…
I'm going to make this area larger and add an image to it.…
Author Paul Trani begins with brief introductions to HTML and CSS. Then you'll learn how to create a basic webpage, add text and images, and style the content with CSS. Paul then shows how to add navigation and links between pages, integrate video and social media (such as a Twitter feed), and create a contact form. The course also covers making sure your layout is "flexible" (i.e., that it resizes to fit mobile devices), testing your site, and uploading it to the web.
- Understanding the Internet and websites
- Adding HTML content to a webpage
- Styling content with CSS
- Creating navigation
- Adding more pages
- Creating a flexible layout
- Adding video and animations from Edge Animate
- Linking to other pages and websites
- Creating a contact form
- Creating a responsive site for mobile devices
- Uploading and testing the website