Join James Williamson for an in-depth discussion in this video Using CSS Inspect , part of Dreamweaver CS6 Essential Training.
Live view is amazing at helping you understand how your layout will look in most browsers.…But trying to troubleshoot your CSS can be frustrating.…As the CSS visual aids that we covered in the last movie are disabled …when you are in Live view.…Well, that's where CSS Inspect comes in.…CSS Inspect let's you do just that; inspect the elements on the page and visually…explore the box model properties that have been set on the elements.…As you'll see, it's an invaluable way to troubleshoot layout issues.…
So I have the spotlight.htm file open and that can be found in the 06_10 folder.…And I have Live view turned on.…Now if I just scroll around my page you know everything looks for the most part okay, …but I notice a couple of things right off the bat that are troubling.…I have too much space between the headline and the student's name.…And everywhere between the elements I have this sort of three pixel spacing …that creates the look and feel borders around them, but towards the bottom here, …I notice that the space between the footer and elements above it was actually…
- 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.