
Adobe Dreamweaver: Creating CSS Layouts
This course covers how to use Dreamweaver, the worldâs leading Web page creation tool, to create web pages formatted with Cascading Style Sheets (CSS).rnrnCascading Style Sheets are widely supported in todayâs modern browsers and Web designers are learning to use them in ever more powerful and creative ways. This technology enables web pages across a site to be more consistent while giving designers more control over the layout and design than straight HTML ever did. This course covers everything you will need to know to use Adobe Dreamweaver to start creating your CSS-based layouts and how to modify existing CSS pages to make them your own or to meet a set of specific design needs. If you are already a Dreamweaver user and want to learn how to use CSS to create more sophisticated page layouts and get more control over the look and consistency of your pages, then this is the resource for you. Work files are included. To begin learning, simply click on the movie links.
Course content
Introduction5 lessons
Core Concepts of CSS9 lessons
- Understanding Styles6:061 credit or ad
- Style Syntax6:061 credit or ad
- Creating Embedded Styles6:341 credit or ad
- Creating an External Style Sheet pt. 14:491 credit or ad
- Creating an External Style Sheet pt. 24:371 credit or ad
- Organizing & Managing External Style Sheets6:331 credit or ad
- Dreamweaver CSS Styles Panel4:421 credit or ad
- CSS Styles Panel â All Mode2:411 credit or ad
- CSS Styles Panel â Current Mode3:151 credit or ad
Selector Basics6 lessons
Managing Multiple Styles5 lessons
CSS Building Blocks12 lessons
- About Div Tags3:571 credit or ad
- Drawing AP Divs in Dreamweaver4:131 credit or ad
- Inserting AP Divs in Dreamweaver5:101 credit or ad
- Adding Child Divs4:481 credit or ad
- Using Contextual Selectors with Divs6:131 credit or ad
- Div Widths & Heights3:061 credit or ad
- Margin6:051 credit or ad
- Padding4:181 credit or ad
- Resetting Browser Default Margin & Padding3:241 credit or ad
- Border5:161 credit or ad
- Border Width & Color5:581 credit or ad
- Wireframing with Dashed Borders5:021 credit or ad
Text12 lessons
- Why Formatting Text is Important6:021 credit or ad
- Choosing Fonts4:531 credit or ad
- Web-safe Fonts5:331 credit or ad
- Font Size5:401 credit or ad
- Applying Styles to Text6:561 credit or ad
- Setting Line Height4:221 credit or ad
- Letter Spacing3:401 credit or ad
- Other Font Properties5:421 credit or ad
- Tips for Improving Text Legibility5:111 credit or ad
- Blockqoutes4:321 credit or ad
- Indenting Paragraphs3:531 credit or ad
- Drop Caps4:581 credit or ad
Color / Backgrounds / Images8 lessons
- Selecting Color Palettes for Your Design6:011 credit or ad
- Specifying Colors5:361 credit or ad
- Background Properties5:191 credit or ad
- The GIF Image Format5:021 credit or ad
- The JPEG Image Format3:521 credit or ad
- The PNG Image Format3:301 credit or ad
- Background Image - Properties3:071 credit or ad
- Background Image - Repeat & Positioning4:281 credit or ad
Formatting Links & Lists6 lessons
Layout Basics11 lessons
- About CSS Page Layouts6:371 credit or ad
- Drawing AP Divs in Dreamweaver4:421 credit or ad
- Inserting Div Tags7:121 credit or ad
- Working with AP Divs in Dreamweaver6:311 credit or ad
- HTML Code for AP Div Elements7:301 credit or ad
- CSS & the Box Model6:561 credit or ad
- Floats & Clearing7:521 credit or ad
- Static vs. Relative Positioning7:011 credit or ad
- Absolute Positioning4:531 credit or ad
- Mixing Absolute & Relative Positioning3:111 credit or ad
- Fixed Positioning4:111 credit or ad
Types of Web Page Layouts4 lessons
Putting it all Together: Sample Projects11 lessons
- Using Dreamweaver CSS Templates5:581 credit or ad
- Techniques for Learning Template Styles6:491 credit or ad
- Modifying Styles: Div Borders4:351 credit or ad
- Modifying Styles: Text Headers4:321 credit or ad
- Modifying Styles: Text & Images8:251 credit or ad
- Modifying Styles: Div Columns & Links7:131 credit or ad
- Creating CSS Pages from Scratch5:571 credit or ad
- Creating Styles from Scratch8:141 credit or ad
- Tips for Creating Styles7:151 credit or ad
- Tips for Applying Styles6:221 credit or ad
- Checking for Cross Browser CSS Problems5:331 credit or ad