Join James Williamson for an in-depth discussion in this video Styling images with CSS , part of Dreamweaver CS6 Essential Training.
- View Offline
- Exercise Files
Usually placing the image on the page is just the beginning of making sure it…fits within the design of your site.…While there are certain properties that you can set manually on an image,…for the most part you will want to customize the look and feel of your…images through CSS.…Using styles allows you to create different looks and behaviors based on where…the image is found, the context in which it is being used or what type of image it is.…The other rather obvious advantage to using styles for images is the ease of updating them.…Rather than having to find dozens or even hundreds of images and modifying…them individually you can update their specific style and have the change occur site wide.…
So to experiment with styling our images, I am going to go back to the Index…file this time in the 07_07 folder and just as a recap from our previous movie…if I select the image that we modified, the image Properties in our last movie I…can see that it has the Class, articleImg applied to it and that's the selector…
- 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 Design (2012)with Justin Seeley4h 56m Appropriate for all
Dreamweaver CS6 New Featureswith James Williamson1h 22m Intermediate
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.