From the course: Dreamweaver CS6 Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Exploring form element styling - Dreamweaver Tutorial
From the course: Dreamweaver CS6 Essential Training
Exploring form element styling
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
-
-
-
(Locked)
Understanding how forms work2m 45s
-
(Locked)
Reviewing form design3m 44s
-
(Locked)
Creating accessible forms5m 16s
-
(Locked)
Setting form properties2m 39s
-
(Locked)
Using the fieldset and legend tags2m 52s
-
(Locked)
Inserting text fields6m 56s
-
(Locked)
Inserting list menu items7m 54s
-
(Locked)
Inserting checkboxes4m 14s
-
(Locked)
Inserting radio button groups3m 52s
-
(Locked)
Inserting submit buttons2m 25s
-
(Locked)
Exploring basic form styling8m 2s
-
(Locked)
Exploring form element styling8m 36s
-
(Locked)
-
-