Web Design, eCommerce, Hosting and SEO

Web Site Design, Mulder’s Website Stylesheets Tutorial

by | Dec 5, 2005 | Web Design

Cascading stylesheets are a new-ish web site design technology that promise to make the Web a better place by allowing you to control website design layout like never before, to make smaller, faster pages, and to easily maintain many pages at once.

Cascading stylesheets are a new-ish web site design technology that promise to make the Web a better place by allowing you to control website design layout like never before, to make smaller, faster pages, and to easily maintain many pages at once.

Steve Mulder, author of “Web Designer’s Guide to Stylesheets,” created this five-day stylesheets tutorial which – modesty aside – kicks butt.

Your journey begins with a quick trip through the basics of cascading stylesheets – everything you have to know to get started quickly.

Then begin exploring the stylesheets properties that make them more than cool, starting with fonts. Stylesheets is your tool for calling fonts by name, controlling text size, specifying all manner of bolds and italics, and adding special effects.

Stylesheets give you lots of control over how characters, words, and lines can be spaced relative to one another. These CSS properties give you power over the space between words and letters, the leading (vertical spacing) between lines of text, the alignment of text, margins and padding, borders, and floating elements.

Lesson four introduces color and images into the mix. These CSS properties enable you to apply colors to elements and to place images behind elements.

In the final lesson, you’ll discover what many people believe to be the coolest thing about CSS: positioning and layering. Positioning text and images on a Web page with HTML is a pain in the butt (think table tags, invisible spacer GIFs, browser and platform variations). If you’re tired of these limitations, CSS will make you feel like a god.

After you’re done here, you may want to bulk up your skills even further by taking Thau’s JavaScript Tutorial and Taylor’s DHTML Tutorial.

P.S. Mulder tells us he has no relation to the X-Files’ Mulder. But that’s what he would say.

http://hotwired.lycos.com/webmonkey/authoring/stylesheets/tutorials/tutorial1.html

  • Lesson 1: Selectors and Declarations
  • Lesson 2: Fonts
  • Lesson 3: Typography and Layout
  • Lesson 4: Colors and Backgrounds
  • Lesson 5: Positioning

Related Posts

eCommerce Web Site Design, Good Information Architecture

eCommerce Web Site Design, Good Information Architecture

You might have the slickest eCommerce Web site design on the block, but if users can’t figure it and your shopping cart out, you won’t make a sale.

Over recent years, the Web has matured from a simple functionality like browsing to being able to cater to intricate processes such as end-to-end financial transactions. During this period, eCommerce website design technologies have grown more sophisticated, users have come to require a richer experience, and companies have found numerous ways to generate sales online.

read more
Art of eCommerce Web Site Design, eCommerce Website Design, eCommerce Web Design

Art of eCommerce Web Site Design, eCommerce Website Design, eCommerce Web Design

Before you can design a winning Website you need a comprehensive eCommerce Web Site design blueprint, and that begins with defining the purpose — as well as prioritizing the various objectives — of your online presence. Over the last few years, too many ebusinesses have launched with unfocused goals and, as a consequence, awkwardly-designed eCommerce Websites that quickly falter.

read more

0 Comments

Let’s Get Started

Ready To Make a Real Change? Let’s Build this Thing Together!