Join Joseph Lowery for an in-depth discussion in this video Building rounded corners with CSS3, part of Layouts with CSS in Dreamweaver.
For many years, rounded corners were the ships in the bottle of Web Design.…They were very rare, because they took an insider's knowledge, and great…craftsmanship to create.…With the advent of CSS3, bringing rounded corners to your layout is within…the reach of us all.…Here's how you do it.…I've opened here the mission.htm file, and I'm currently in Design View, so the…first set of rounded corners that we are going to apply, will be to the outer…edge of the page itself.…And to do that we need to apply some CSS Rules to the wrapper.…
So I put my cursor inside the page and then locate the wrapper tag from the…tag selector, and let's go to Code here, so I can show you these Rules as they…are fully written now.…So I'm going to right-click on, the wrapper rule here, and choose Go to Code.…We go ahead and open that up, and there's our wrapper rule.…So I am going to place my cursor at the end after the last property and value,…and hit Return, so I can begin to enter them.…
Now the border radius property, which is how you make CSS rounded corners,…
- Exploring HTML5 templates in Dreamweaver
- Understanding document flow
- Using floats properly
- Resetting CSS styles
- Creating a 1-, 2-, or 3-column layout
- Deciding on a fixed width versus variable width design
- Coding layouts for HTML5 and CSS 3
- Incorporating floated elements
- Applying the faux column technique
- Using Spry widgets
- Using Multiscreen Preview
- Modifying desktop layout for tablets
- Developing smart phone layouts
Skill Level Intermediate
Site Navigation with CSS in Dreamweaverwith Joseph Lowery3h 24m Intermediate
Typography with CSS in Dreamweaverwith Joseph Lowery2h 30m Intermediate
Dreamweaver CS5 Essential Trainingwith James Williamson15h 22m Beginner
1. Dreamweaver Example Layouts
2. Layout Concepts
3. Basic Layouts
4. Interior Layouts
5. Alternative Screen Layouts
- 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.