Join James Williamson for an in-depth discussion in this video Using CSS visual aids, part of Dreamweaver CS6 Essential Training.
When designing pages it's sometimes extremely helpful to note what you're…looking at, or what the properties of an element are without having to resort to…using one of the panels that we've been using up 'till now.…Dreamweaver has several visual aids that you can use to assist you, when…designing your pages with CSS.…So with the programs.htm file open from the 06_09 directory, and we're just going…to show off some of the visual aids here.…Now, I of course had the foresight, because I'm the one writing the tutorial, right?…But I'd the foresight to go in and turn all of them off.…
So your preview screen may look a little different than mine.…I just want show a couple of these visual aids off to you.…So in doing that I turned them all off and I'm going to turn them on at a time.…So you can see kind of what those things are.…Now you'll also notice that I'm in Design view and I'm not in Live view.…So I've got Live view turned off and I'm in Design view, so that I can sort of…see the visual rendering on the page.…
- Choosing and customizing a workspace
- Defining a new site
- Uploading files to your site
- Creating new documents and web pages
- Formatting source code
- Working with CSS
- Placing images and background graphics
- Creating links
- Styling a basic table
- Creating a web form with buttons, check boxes, and list menus
- Adding Spry effects
Skill Level Beginner
Photoshop CS6 for Web Designers (2012)with Justin Seeley4h 56m Appropriate for all
What is Dreamweaver?1m 4s
1. The Dreamweaver Interface
2. Site Control
3. Creating New Documents
4. Adding and Structuring Text
5. Coding in Dreamweaver
6. Managing CSS
7. Working with Images
8. Creating Links
9. Working with Tables
10. Working with Forms
11. Adding Interactivity
Additional resources1m 2s
- 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.