Join James Williamson for an in-depth discussion in this video Exploring form element styling, part of Dreamweaver CS6 Essential Training.
- View Offline
- Exercise Files
You can add a tremendous amount of customization to your form elements through styles.…Just be sure that any changes that you make to the default appearance of a form…element, doesn't confuse users as to that form element's purpose.…We're going to finish out our form by styling our individual form elements to…match the Roux Academy's website's design.…So again, I'm in the request.htm and just like I did in the last movie, I'm…going to switch over to my main.css and just switch over to Code View and…style my form elements.…Now if I scroll down, I remember we're a little bit further down into the…styles, around Line 590 or so, there are a couple of styles that have been added…since our last exercise and they're really just sort of styling some of the list…items and some of the labels like the labels for the text fields.…
We want to focus our styling efforts this time on the individual form elements.…Now one of the reasons why I'm definitely encouraging you to do this one by hand…is because we're going to be using attribute selectors in this lesson.…
- 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.