| Cascading Style Sheets (CSS) are used
| |
| | textual content, and that your content is
|
| within the HTML behind your Web site as a
| |
| | generally displayed in one block, rather
|
| way of controlling how each page is laid
| |
| | than being split up into less readable
|
| out and what elements on it look like.
| |
| | chunks by HTML just to fit it in to your
|
| For instance, you can use CSS to make
| |
| | design.Using 'semantically correct XHTML'
|
| headings in your copy a standard size
| |
| | - ie heading tags around the headings and
|
| across the whole of your site.CSS has
| |
| | sub-headings in your copy, and bold or
|
| been around for several years and is
| |
| | strong tags around content you wish to
|
| supported by all the major browsers
| |
| | highlight - tells the search engines
|
| available today, including Internet
| |
| | those words are the most important on the
|
| Explorer for the PC and Mac, Firefox,
| |
| | page. This helps give the page a boost
|
| Safari and Opera.Using CSS to control
| |
| | for searches which match the words which
|
| your Web site will give you several
| |
| | are marked as more important in this
|
| benefits:Makes your Web pages snappierBy
| |
| | way.Helps in passing the Disability
|
| using CSS and writing your HTML code to
| |
| | Discrimination ActUsing good CSS and
|
| match standards like 'XHTML Transitional'
| |
| | XHTML makes it easy for people with
|
| or 'XHTML Strict' you can decrease the
| |
| | disabilities to change your pages the way
|
| 'render time' of your pages. This is the
| |
| | they may need to for easy reading. This
|
| time it takes between downloading the
| |
| | may be through increasing or decreasing
|
| page and actually showing it on screen to
| |
| | the font size, or having it read to them
|
| your Web site visitor.When using tables
| |
| | through a screen reader. The clean page
|
| for layout - the traditional alternative
| |
| | coding that goes along with using CSS
|
| to using CSS - and 'font' tags to control
| |
| | means screen readers can easily navigate
|
| how the text on the page looks, the
| |
| | through your page and find the content,
|
| browsers have a lot more work to do
| |
| | giving a good experience to visually
|
| before they show the page. Using CSS and
| |
| | impaired users.Using CSS and XHTML also
|
| the proper DocType for the pages means
| |
| | helps you comply with the UK Disability
|
| the browser knows what to expect from the
| |
| | Discrimination Act rules for accessible
|
| code and can display it much more
| |
| | Web sites. This is a valuable side-effect
|
| quickly.In practice, converting to a
| |
| | of using this kind of coding and takes no
|
| standards based CSS layout on one
| |
| | extra development time to be
|
| client's Web site reduced the time it
| |
| | compliant.Helps browsing from different
|
| took the page to display by almost a
| |
| | devicesAs well as helping screen readers,
|
| quarter of a second. Although this is a
| |
| | using CSS means alternative devices like
|
| very small amount of time, it is more
| |
| | mobile phones and PDAs can show your
|
| than enough to make a Web site feel much
| |
| | content effectively and easily. Although
|
| more snappy and responsive, helping it
| |
| | the current market in the West for
|
| give a good impression to your potential
| |
| | browsing the Web through mobiles is
|
| customers.Makes your Web site quicker to
| |
| | small, it is growing and by using CSS you
|
| updateAs well as making your pages
| |
| | can create a Web site which is easily
|
| display quicker, CSS makes it easier to
| |
| | viewable on these devices with little
|
| make global updates to your Web site. Say
| |
| | extra effort,. So as more people use them
|
| you're having a minor change in corporate
| |
| | it will be simple to convert your site to
|
| image and want all your page headings
| |
| | work with current or future
|
| changed from blue to green. With CSS
| |
| | devices..DownsidesCurrently, Web browsers
|
| controlling how your headings look, that
| |
| | treat CSS slightly differently, so when
|
| means changing the colour in one file and
| |
| | your Web site is created you may need
|
| the whole site shows the change - a two
| |
| | slightly more cross-browser testing, and
|
| minute job rather than having to edit
| |
| | you will need to find a Web designer who
|
| every page on the site.This flexibility
| |
| | understands how to build a site in CSS
|
| gives you the opportunity to do more with
| |
| | correctly. Most professional designers
|
| your Web site. Want to show your support
| |
| | and developers are now seeing the
|
| for Red Nose Day? Again, one file change
| |
| | benefits of creating standards based CSS
|
| can put a little red nose next to all of
| |
| | sites, but it is worth ensuring that
|
| your headers, turn the text red and even
| |
| | anyone you hire to make your Web site
|
| make them display in a silly typeface.
| |
| | does know CSS before starting a
|
| Turning them back to normal for the next
| |
| | project.But the downsides are small when
|
| day is, once again, a single file
| |
| | compared to the immediate and ongoing
|
| change.Good for Search Engine
| |
| | benefits of a CSS-based Web site.Paul
|
| OptimisationBecause using CSS removes
| |
| | Silver and David Rosam are Head of
|
| lots of HTML from your pages as layout
| |
| | Technical SEO and Head of SEO Copywriting
|
| and the look of text is controlled
| |
| | at Web Positioning Centre ( Paul has been
|
| through the CSS file, it makes your
| |
| | involved with the Web commercially since
|
| textual content much more prominent
| |
| | 1996 and David has been writing marketing
|
| within your HTML. This means the search
| |
| | copy for 20 years, and writing for the
|
| engine spiders can easily find your
| |
| | Web for a decade.
|