Anda yang belum mengenal CSS, atau ingin membuat style sheets yang efisien dan bagus, anda dapat mempelajarinya dari Video Tutorial berikut. Anda aka diajarkan secara bertahap dalam pembuata CSS dengan Dreamweaver CS3.
Materi Tutorial :
Introduction | 03:03 | ||
| Welcome | 1:13 | 3.3 MB | |
| Using the exercise files | 1:24 | 1.8 MB | |
| Prerequisites | 0:26 | 0.4 MB | |
1. Getting Started | 29:42 | ||
| Understanding how Dreamweaver manages CSS | 1:22 | 1.2 MB | |
| Understanding the CSS Styles panel | 7:31 | 9.8 MB | |
| Setting CSS preferences | 5:44 | 6.7 MB | |
| Understanding Dreamweaver’s CSS visual aides | 4:09 | 5.8 MB | |
| Creating default styles | 6:53 | 8.1 MB | |
| Understanding the Reference panel | 4:03 | 5.3 MB | |
2. Using Dreamweaver’s Starter Pages | 50:59 | ||
| Working with starter pages | 4:13 | 5.2 MB | |
| Defining fixed, elastic, liquid, and hybrid | 5:31 | 12.9 MB | |
| Understanding starter page structures | 7:14 | 11.3 MB | |
| Modifying CSS globally | 7:41 | 8.9 MB | |
| Moving CSS between files | 12:15 | 16.7 MB | |
| Preparing custom starter pages | 8:10 | 10.6 MB | |
| Creating custom CSS starter pages | 5:55 | 8.0 MB | |
3. Planning Your CSS | 56:26 | ||
| Designing with CSS in mind | 3:08 | 2.7 MB | |
| Determining page structure | 8:34 | 8.5 MB | |
| Creating the initial layout | 8:27 | 10.4 MB | |
| Using common libraries to create site prototypes | 7:18 | 9.3 MB | |
| Creating pages for site prototypes | 9:32 | 11.2 MB | |
| Slicing images in Fireworks | 9:29 | 11.9 MB | |
| Optimizing images in Fireworks | 6:56 | 7.9 MB | |
| Exporting Fireworks content to Dreamweaver | 3:02 | 3.4 MB | |
4. CSS/XHTML Fundamentals | 56:54 | ||
| Separating structure from presentation | 5:19 | 6.3 MB | |
| Adding meaning with ID and class attributes | 6:43 | 7.5 MB | |
| Understanding basic selectors | 9:09 | 11.1 MB | |
| Understanding complex selectors | 11:31 | 14.5 MB | |
| Examining the Cascade | 7:48 | 9.7 MB | |
| Understanding order of inheritance | 3:54 | 4.6 MB | |
| Understanding specificity | 5:11 | 5.4 MB | |
| Using Dreamweaver to resolve conflicts | 7:19 | 8.6 MB | |
5. Online Typography | 01:05:38 | ||
| Declaring font families | 4:32 | 4.9 MB | |
| Creating custom font family declarations in Dreamweaver | 4:32 | 5.7 MB | |
| Understanding units of measurement | 5:30 | 5.6 MB | |
| Controlling font sizing | 7:02 | 7.5 MB | |
| Controlling line spacing | 7:13 | 8.0 MB | |
| Controlling vertical margins | 6:56 | 8.2 MB | |
| Horizontally aligning text | 2:51 | 4.3 MB | |
| Vertically aligning text | 4:08 | 6.8 MB | |
| Vertically centering block-level elements | 9:07 | 13.4 MB | |
| Setting column width | 4:22 | 7.0 MB | |
| Using font shorthand notation | 9:25 | 16.2 MB | |
6. Working with Backgrounds | 01:03:04 | ||
| Background properties | 4:59 | 8.3 MB | |
| Using background images | 6:14 | 8.6 MB | |
| Controlling background image tiling | 5:39 | 7.8 MB | |
| Positioning background images | 6:27 | 8.2 MB | |
| Using percentage values for positioning | 5:24 | 5.7 MB | |
| Creating custom list bullets | 6:34 | 9.6 MB | |
| CSS drop shadows | 6:53 | 8.3 MB | |
| Image replacement techniques | 8:13 | 13.5 MB | |
| Adding screen-only content | 5:56 | 7.6 MB | |
| Complex background graphics | 6:45 | 10.0 MB | |
7. Styling Tables | 34:54 | ||
| Reviewing table tag structure | 3:46 | 5.2 MB | |
| Using thead and tbody for styling | 5:38 | 7.5 MB | |
| Styling table captions | 4:45 | 6.1 MB | |
| Styling headers | 6:23 | 8.0 MB | |
| Styling table content | 3:42 | 5.9 MB | |
| Creating alternating row colors | 3:04 | 5.0 MB | |
| Using pseudo-class selectors for tables | 2:55 | 3.9 MB | |
| Creating custom table borders | 4:41 | 7.5 MB | |
8. Styling Forms | 29:44 | ||
| Examining form structure | 3:03 | 4.2 MB | |
| Styling fieldset and legend elements | 7:18 | 9.0 MB | |
| Styling form elements globally | 5:19 | 8.0 MB | |
| Using classes to identify form elements | 5:17 | 7.3 MB | |
| Styling user feedback | 6:02 | 7.5 MB | |
| Adding user interaction | 2:45 | 3.6 MB | |
9. Building Navigation | 44:16 | ||
| Using lists for navigation | 1:42 | 2.0 MB | |
| Creating horizontal menus pt. 1: Stripping list styling | 3:39 | 4.8 MB | |
| Creating horizontal menus pt. 2: Displaying links horizontally | 3:35 | 4.6 MB | |
| Creating horizontal menus pt. 3: Styling links | 3:31 | 4.2 MB | |
| Creating horizontal menus pt. 4: Rollovers | 5:30 | 6.2 MB | |
| Creating horizontal menus pt. 5: Indicating current page | 4:06 | 4.9 MB | |
| Creating horizontal menus pt. 6: Modifying cursor usage | 2:45 | 3.4 MB | |
| Creating horizontal menus pt. 7: Positioning menus | 3:32 | 4.1 MB | |
| Styling vertical menus pt. 1: Vertical menu considerations | 5:49 | 7.4 MB | |
| Styling vertical menus pt. 2: Defining width for link elements | 4:17 | 5.7 MB | |
| Styling vertical menus pt. 3: Using background graphics with navigation | 5:50 | 7.9 MB | |
10. Layout | 01:05:04 | ||
| Box model review | 5:04 | 5.2 MB | |
| Understanding margin collapse | 5:22 | 5.8 MB | |
| Reviewing normal document flow | 8:11 | 11.0 MB | |
| Understanding relative positioning | 4:46 | 6.7 MB | |
| Understanding absolute positioning | 5:04 | 6.6 MB | |
| Understanding the AP Elements panel | 11:32 | 15.1 MB | |
| Understanding fixed positioning | 2:32 | 5.2 MB | |
| Understanding floating elements | 5:22 | 5.6 MB | |
| Containing and clearing floats | 6:01 | 8.0 MB | |
| Using Dreamweaver to define document structure | 8:11 | 13.6 MB | |
| Using Dreamweaver's Design-Time style sheets | 2:59 | 5.7 MB | |
11. Styling Spry Objects | 39:55 | ||
| Introducing Spry widgets | 1:50 | 1.8 MB | |
| Updating the Spry framework | 3:16 | 4.5 MB | |
| Examining the default Spry styles | 4:45 | 6.2 MB | |
| Modifying tabbed panels through CSS | 6:37 | 9.9 MB | |
| Styling Spry widgets | 7:38 | 14.5 MB | |
| Organizing Spry style sheets | 5:05 | 10.2 MB | |
| Adding Spry form validation fields | 5:59 | 7.7 MB | |
| Styling Spry form validation fields | 4:45 | 6.4 MB | |
12. Multiple Media Types and Alternate Style Sheets | 36:26 | ||
| Creating print style sheets | 2:38 | 4.4 MB | |
| Assigning media types | 4:13 | 4.9 MB | |
| Styling type for print | 9:02 | 11.5 MB | |
| Suppressing element printing | 2:37 | 4.3 MB | |
| Controlling page breaks | 8:54 | 13.6 MB | |
| Using @media blocks | 3:56 | 6.1 MB | |
| Creating alternative style sheets | 5:06 | 7.2 MB | |
13. Testing and Deploying CSS | 26:32 | ||
| Using Dreamweaver’s Browser Compatibility Check | 5:25 | 6.8 MB | |
| Adobe’s CSS Advisor | 6:35 | 8.2 MB | |
| Formatting code for deployment | 3:31 | 5.6 MB | |
| Creating modular style sheets | 4:48 | 10.1 MB | |
| Assembling modular style sheets | 6:13 | 9.8 MB | |
Conclusion | 00:36 | ||
| Goodbye | 0:36 | 0.5 MB | |
Tutorial Dalam Kemasan DVD
Harga Rp. 35.000
0 komentar:
Posting Komentar