CSS2 Essential Training

Whether you're an intranet developer responsible for tens of thousands of pages, or a freelance Web designer operating on the cutting edge of technology, CSS 2 is an important tool for your toolbox. Designed specifically for those who have a clear understanding of HTML, this hands-on training tutorial will teach you how Cascading Style Sheets can be used to achieve a new level of fine-grain control over Web design. Learn how it's possible to easily apply the same consistent look and feel to any number of pages using external style sheets. Learn how to control the layout of your pages down to the pixel, and then specify exactly how the fonts should be rendered. CSS2 Essential Training will even teach you how to create simple rollover effects that don't require any programming.

Table of contents

01. Introduction

• welcome
• what is CSS?
• what's needed

02. Basics

• web sites that use CSS
• breakdown of a CSS rule
• writing your first rule
• the document tree
• CSS in HTML documents

03. Incorporating CSS into HTML

• class selectors
• ID selectors
• descendent selectors
• grouping selectors
• types of elements
• the DIV tag
• the SPAN tag

04. Color

• the old HTML way
• color in CSS
• background colors

05. Layout

• explaining the box model
• border properties
• margins
• padding
• element positioning
• floats
• the clear property
• layered presentation
• overflow
• visibility

06.Background

• background images
• background repetition
• background attachment
• background position
• the background shorthand property

07. Typography

• font families
• font styles
• font weight
• font size
• text line height
• font variants
• the font shorthand property
• indenting text
• aligning text
• text decoration
• transforming text

08. Links

• link basics
• more on links
• rollovers

09. Dealing with Bad Browsers

• how to hide CSS from NN4.x
• the broken MSIE5 box model
• windows flicker with @import

10. Accessibility

• CSS and different media
• CSS for print

11. Troubleshooting

• troubleshooting

12. Bonus

• the making of the Learning CSS slides

13. Conclusion

• goodbye

Mediafire:
http://www.mediafire.com/?4tbutiszboj
http://www.mediafire.com/?5apm9marmtc
http://www.mediafire.com/?sozyobjnv25
http://www.mediafire.com/?cyt2tid202o
http://www.mediafire.com/?og3ndsd9uhm

CSS for Designers

In CSS for Designers, Molly E. Holzschlag and Andy Clarke expertly guide you through some of the most complex and useful techniques used in progressive Web design. Molly and Andy consider the topics from the point of view of creative, visual people rather than developers or programmers. Their unique approach helps give designers all the tools they need to create accessible, manageable, and beautiful websites.

Table of contents

1. Introduction

• Welcome
• Setting up for exercise files
• Chapter intro
• Web standards and CSS
• CSS goes mainstream
• The evolution of CSS design
• Into the future

2. Beginning with Markup

• Chapter intro
• Creating an XHTML document
• Adding semantic elements
• Validating and error correction

3. How CSS Is Applied

• Chapter intro
• Browser style
• User style
• Author style: inline
• Author style: embedded
• Author style: linked
• Author style: imported
• Inheritance

4. Conflict Resolution in CSS

• Chapter intro
• Origin and source order
• The important declaration
• Specificity (weight)

5. CSS Typography

• Chapter intro
• Using CSS to create great-looking type
• Combining graphics and CSS
• Examining image replacement

6. Working with Color and Contrast

• Chapter intro
• CSS color values
• Applying color to page elements
• Applying color to links
• Managing multiple link styles (descendent selectors)
• Creating depth of field
• Testing your design for color blind users
• Ensuring sufficient contrast

7. Background Graphics

• Chapter intro
• Adding a background image to an element
• Background repeat
• Background position
• Fixed or scroll background

8. CSS for Navigation

• Chapter intro
• Removing bullets or numbers from lists
• Using images for list markers
• Creating vertical navigation
• Designing a text-based horizontal navigation bar
• Creating a tabbed horizontal navigation bar

9. CSS Floats

• Chapter intro
• Floating columns
• Floating page elements
• Clearing floats
• Multi-column floated layout with header and footer

10. CSS Positioning

• Chapter intro
• Normal flow
• Relative positioning
• Absolute positioning
• Relative positioning to create a positioning context
• Fixed positioning

11. CSS for Design Details

• Chapter intro
• Making panels
• Creating grids
• Laying out products

12. Designing Beautiful Data Tables

• Chapter intro
• Creating table structures
• Adding table borders
• Using backgrounds in tables
• Special effects

13. Styling Forms

• Chapter intro
• Accessible form markup
• Basic fieldset styling
• Fieldset grid layout
• Styling labels and form controls
• Styling form buttons

14. CSS and Design Workflow

• Chapter intro
• Creating symbols for wireframes in Fireworks
• Naming conventions for class and ID
• Organizing your CSS document
• Working with multiple CSS files

15. Conclusion

• Goodbye

Rapidshare:
http://rapidshare.com/files/194628866/Lynda_CSS_for_Designers_UDS.part01.rar
http://rapidshare.com/files/194631121/Lynda_CSS_for_Designers_UDS.part02.rar
http://rapidshare.com/files/194631726/Lynda_CSS_for_Designers_UDS.part03.rar
http://rapidshare.com/files/194632114/Lynda_CSS_for_Designers_UDS.part04.rar
http://rapidshare.com/files/194631873/Lynda_CSS_for_Designers_UDS.part05.rar
http://rapidshare.com/files/194631755/Lynda_CSS_for_Designers_UDS.part06.rar
http://rapidshare.com/files/194632494/Lynda_CSS_for_Designers_UDS.part07.rar
http://rapidshare.com/files/194632292/Lynda_CSS_for_Designers_UDS.part08.rar
http://rapidshare.com/files/194631708/Lynda_CSS_for_Designers_UDS.part09.rar
Password: www.updatesofts.com

CSS Web Site Design

CSS gives Web designers control over the appearance of their web sites by separating the visual presentation from the content. It lets them easily make minor changes to a site or perform a complete overhaul of the design. In CSS Web Site Design, instructor and leading industry expert Eric Meyer reviews the essentials of CSS, including selectors, the cascade, and inheritance. The training also covers how to build effective navigation, how to lay out pages, and how to work with typography, colors, backgrounds, and white space. Using a project-based approach, Eric walks through the process of creating a Web page, while teaching the essentials of CSS along the way. By the end of the training, viewers will have the tools to master professional site design. Exercise files accompany the training videos.

Table of contents

1. Introduction

• Welcome
• What is CSS?
• Design tour
• Using the exercise files
• Installing the Web Developer toolbar

2. CSS and XHTML

• XHTML essentials
• CSS essentials
• Embedded style sheets
• Linking a style sheet
• Linking to multiple style sheets
• Using linked and embedded style sheets together
• Using imported style sheets

3. Selectors

• ID selector essentials
• Class selector essentials
• Best practices for classes
• Grouped selection
• Descendant selectors
• The sources of style
• Specificity 8:21
• Making things important
• Inheritance essentials
• Making things really unstyled
• User style sheets

4. Layout

• Box model essentials
• Simple floating
• Using float for layout
• Fixing column drop
• Clearing essentials
• Float containment
• Creating a navbar from a list

5. Adding Colors and Backgrounds

• Coloring text
• Defining color in CSS
• Coloring backgrounds
• Applying background images
• Manipulating the direction of background images
• Positioning backgrounds
• Background shorthand

6. Setting Typography

• Altering line height
• Font style and weight
• Sizing fonts 9:59
• Using font families
• Font shorthand
• Justifying text
• Vertically aligning text
• Transforming text
• Text decoration

7. Using Margins and Borders to Create White Space and Separation

• Margin essentials
• Adding borders
• Padding
• Using negative margins
• Margin collapsing

8. Creating Tables

• Styling tables and captions
• Styling table cells
• Styling a column with classes
• Styling links inside table cells

9. Styling for Print

• Styling for specific mediums
• Creating a print style sheet
• Hiding layout for print
• Styling for print
• Complex styling for print
• Creating a footer

10. Bringing It All Together

• Getting started
• Setting global styles
• Defining masthead and navbar colors
• Layout of the navlink bar
• Using columns
• Setting content styles
• Creating the sidebar boxes
• Creating the sidebar form
• Completing the sidebar
• Making a table
• Creating a footer

11. Conclusion

• Goodbye

Mediafire:
http://www.mediafire.com/?gbmu4ksbznw
http://www.mediafire.com/?dldbrl5prws
http://www.mediafire.com/?qr9ebny57ny
http://www.mediafire.com/?dhry2msybbd
http://www.mediafire.com/?gvqlbdgtpnb
http://www.mediafire.com/?2baxdzdmzkx

CSS Crash Course by SitePoint

A strong understanding of Cascading Style Sheets (CSS) is vital to producing websites that look good, load quickly, and are easy to maintain. In The CSS Crash Course , published by SitePoint, Kevin Yank shows how CSS changes the way websites are designed. Whether the goal is to build a site from scratch or redesign an existing site, Kevin thoroughly explains how to use CSS to accomplish that goal, including how to create and modify a single CSS file to control the look of every page on a site.

Table of contents

CSS Crash Course by SitePoint

• An Introduction to CSS
• CSS Selectors pt. 1
• CSS Selectors pt. 2
• Formatting text pt. 1
• Formatting text pt. 2
• Understanding Inheritance
• Understanding Cascading - the C in CSS
• Laying out forms with CSS 21:20
• What's next? References and resources

Rapidshare:
http://rapidshare.com/files/133275028/CSS_Crash_netbks.com_.part1.rar
http://rapidshare.com/files/133276322/CSS_Crash_netbks.com_.part2.rar
http://rapidshare.com/files/133276030/CSS_Crash_netbks.com_.part3.rar

Dreamweaver CS3 with CSS Essential Training

Those who are new to CSS, or who want to create more efficient and powerful style sheets, will benefit from Dreamweaver CS3 with CSS Essential Training. Instructor James Williamson teaches the entire process of CSS management in Dreamweaver, following a step-by-step workflow. He covers XHTML/CSS fundamentals, and working with typography, navigation, background properties, layout, and multiple media types. This in-depth training explores the entire process of creating site-wide style sheets, from concept to deployment. Exercise files accompany the course.

Table of contents

0. Introduction

• Welcome
• Using the exercise files
• Prerequisites

1. Getting Started

• Understanding how Dreamweaver manages CSS
• Understanding the CSS Styles panel
• Setting CSS preferences
• Understanding Dreamweaver’s CSS visual aides
• Creating default styles
• Understanding the Reference panel

2. Using Dreamweaver’s Starter Pages

• Working with starter pages
• Defining fixed, elastic, liquid, and hybrid
• Understanding starter page structures
• Modifying CSS globally
• Moving CSS between files
• Using Find and Replace to customize styles
• Creating custom CSS starter pages

3. Planning Your CSS

• Designing with CSS in mind
• Determining page structure
• Creating the initial layout
• Using common libraries to create site prototypes
• Creating pages for site prototypes
• Slicing images in Fireworks
• Optimizing images in Fireworks
• Exporting Fireworks content to Dreamweaver

4. CSS/XHTML Fundamentals

• Separating structure from presentation
• Adding meaning with ID and class attributes
• Understanding basic selectors
• Understanding complex selectors
• Examining the Cascade
• Understanding order of inheritance
• Understanding specificity
• Using Dreamweaver to resolve conflicts

5. Online Typography

• Declaring font families
• Creating custom font family declarations in Dreamweaver
• Understanding units of measurement
• Controlling font sizing
• Controlling line spacing
• Controlling vertical margins
• Horizontally aligning text
• Vertically aligning text
• Vertically centering block-level elements
• Setting column width
• Using font shorthand notation

6. Working with Backgrounds

• Background properties
• Using background images
• Controlling background image tiling
• Positioning background images
• Using percentage values for positioning
• Creating custom list bullets
• CSS drop shadows
• Image replacement techniques
• Adding screen-only content
• Complex background graphics

7. Styling Tables

• Reviewing table tag structure
• Using thead and tbody for styling
• Styling table captions
• Styling headers
• Styling table content
• Creating alternating row colors
• Using pseudo-class selectors for tables
• Creating custom table borders

8. Styling Forms

• Examining form structure
• Styling fieldset and legend elements
• Styling form elements globally
• Using classes to identify form elements
• Styling user feedback
• Adding user interaction

9. Building Navigation

• Using lists for navigation
• Creating horizontal menus pt. 1: Stripping list styling
• Creating horizontal menus pt. 2: Displaying links horizontally
• Creating horizontal menus pt. 3: Styling links
• Creating horizontal menus pt. 4: Rollovers
• Creating horizontal menus pt. 5: Indicating current page
• Creating horizontal menus pt. 6: Modifying cursor usage
• Creating horizontal menus pt. 7: Positioning menus
• Styling vertical menus pt. 1: Vertical menu considerations
• Styling vertical menus pt. 2: Defining width for link elements
• Styling vertical menus pt. 3: Using background graphics with navigation

10. Layout

• Box model review
• Understanding margin collapse
• Reviewing normal document flow
• Understanding relative positioning
• Understanding absolute positioning
• Understanding the AP Elements panel
• Understanding fixed positioning
• Understanding floating elements
• Containing and clearing floats
• Using Dreamweaver to define document structure
• Using Dreamweaver's Design-Time style sheets

11. Styling Spry Objects

• Introducing Spry widgets
• Updating the Spry framework
• Examining the default Spry styles
• Modifying tabbed panels through CSS
• Styling Spry widgets
• Organizing Spry style sheets
• Adding Spry form validation fields
• Styling Spry form validation fields

12. Multiple Media Types and Alternate Style Sheets

• Creating print style sheets
• Assigning media types
• Styling type for print
• Suppressing element printing
• Controlling page breaks
• Using @media blocks
• Creating alternative style sheets

13. Testing and Deploying CSS

• Using Dreamweaver’s Browser Compatibility Check
• Adobe’s CSS Advisor
• Formatting code for deployment
• Creating modular style sheets
• Assembling modular style sheets

14. Conclusion

• Goodbye

Rapidshare:
http://rapidshare.com/files/135941963/LCDCS3WCSSET.part01.rar
http://rapidshare.com/files/135941967/LCDCS3WCSSET.part02.rar
http://rapidshare.com/files/135943114/LCDCS3WCSSET.part03.rar
http://rapidshare.com/files/135946990/LCDCS3WCSSET.part04.rar
http://rapidshare.com/files/135958911/LCDCS3WCSSET.part05.rar
http://rapidshare.com/files/135958955/LCDCS3WCSSET.part06.rar
http://rapidshare.com/files/135959585/LCDCS3WCSSET.part07.rar
http://rapidshare.com/files/135959989/LCDCS3WCSSET.part08.rar

Creating a CSS Style Guide: Hands-On Training

A web site is just a web site unless it’s designed with a unique style. Creating a CSS Style Guide: Hands-On Training highlights the importance of a CSS style guide, which serves as an interface for the design team and a communication tool for the client. Laurie Burruss calls on her background as director of digital media at Pasadena City College and takes an informative, real–world approach to this topic. She shows how Dreamweaver CS4 can be used to develop a coherent site–wide emotion that boosts brand identity. The course culminates with building a working web style guide for professional use. Exercise files and a downloadable PDF quiz accompany the course.

0. Introduction

• Welcome
• Objective of this course
• Using the exercise files

1. Setting Up

• Starting Dreamweaver for the first time
• Defining a website
• Understanding the Dreamweaver interface
• Setting up a custom workspace
• Setting essential preferences

2. Creating and Editing a Style Guide with HTML

• Laying out a page in a text document
• Creating and saving a new document
• Inserting an image
• Marking up text using the Property Inspector
• Marking up text by hand
• Inserting, formatting, and selecting a table
• Creating links
• Styling a footer

3. Creating Internal Styles

• Using Modify Page Properties to create embedded styles
• Creating links with CSS
• Working with Code, Split, and Design views

4. Previewing a Web Page in a Browser

• Defining browsers to test a web page
• Previewing a web page in a browser

5. Creating Custom Styles Using the Style List

• Using a span tag to add a class and customize appearance
• Using the Tag Inspector to create and edit additional styles

6. Creating and Editing an External Style Sheet

• Exporting existing styles into an external style sheet
• Using the CSS Styles panel to add a new style
• Using the div tag to create a content container
• Overriding the default browser styles
• Applying padding and margins
• Styling header tags
• Creating and styling compound tags
• Editing preexisting rules

7. Adding Professional Touches

• Improving the Footer
• Commenting a CSS style sheet
• Creating a custom color palette

8. Conclusion

• Style sheet final review

Rapidshare:
http://rapidshare.com/files/206756099/nw_vt_l.ccsssghot_uds.part1.rar
http://rapidshare.com/files/206756003/nw_vt_l.ccsssghot_uds.part2.rar
http://rapidshare.com/files/206756979/nw_vt_l.ccsssghot_uds.part3.rar
http://rapidshare.com/files/206755744/nw_vt_l.ccsssghot_uds.part4.rar