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
Released
10/14/2014Author 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
Skill Level Beginner
Duration
Views
Related Courses
-
HTML Essential Training
with James Williamson5h 54m Beginner -
Edge Animate Essential Training
with Chris Converse4h 44m Beginner -
Photoshop CC 2013 Essential Training
with Julieanne Kost14h 58m Beginner
-
Introduction
-
Welcome49s
-
Using the exercise files1m 6s
-
-
1. Understanding Website Design
-
Understanding CSS3m 46s
-
2. Creating a Webpage
-
Creating your first webpage5m 29s
-
Adding HTML5 content5m 31s
-
Creating a local site3m 27s
-
-
3. Stylizing Content
-
Styling content with CSS12m 29s
-
-
4. Adding Navigation and Pages
-
Adding links5m 14s
-
Creating navigation7m 22s
-
Adding multiple pages5m 23s
-
-
5. Creating a Flexible Layout
-
Adding media queries4m 15s
-
Creating a layout for mobile6m 37s
-
-
6. Adding Media
-
Implementing video6m 2s
-
Adding social media2m 3s
-
7. Creating a Contact Form
-
Adding input fields6m 54s
-
Sending contact-form content5m 40s
-
-
8. Testing and Uploading
-
Finalizing the website8m 10s
-
Uploading the site6m 39s
-
-
Conclusion
-
Goodbye33s
-
- 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.
CancelTake 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.
Share this video
Embed this video
Video: Creating navigation