DESIGNING WITH STYLE

Written by Richard Igoe


Continued from page 1

< link rel="STYLESHEET" type="text/css" href="mystyle.css" rel="nofollow" >

It is now easy to changerepparttar background image or color of your site by simply changingrepparttar 134585 variables inrepparttar 134586 stylesheet. You can also change howrepparttar 134587 text in your in your website looks Anything in "P" tags on your web pages takes onrepparttar 134588 "P" attributes specified inrepparttar 134589 stylesheet. The above will make your pages display Verdana text (and you giverepparttar 134590 option of Helvetica and sans-serif in case your visitor's computer does not supportrepparttar 134591 first choice) which is 12 pt and navy.

The next source of confusion isrepparttar 134592 use ofrepparttar 134593 CLASS attribute. But this is also real easy and very powerful. It is best explained by adding another style to our stylesheet explained above.

P.redtext { FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 12pt; COLOR: red }

Now what this allows you to do is make certain blocks of text red. In your web pages, instead of a simple "P" tag around your text, you would add class="redtext" torepparttar 134594 "P" tag andrepparttar 134595 text insiderepparttar 134596 tags would be red.

You can have any number of classes and assign classes not only to P tags, but also to your table data TD, your links "A" and any tag contained inrepparttar 134597 "BODY" of your web pages. And by simply changingrepparttar 134598 stylesheet you can changerepparttar 134599 look of your whole site. Are you beginning to seerepparttar 134600 power of using style?

It is however important to realize Netscape and Internet Explorer deal with stylesheets differently and Netscape does not support them as fully as IE. Netscape basically takesrepparttar 134601 inheritance a step too far. The only way to find out what goes and what doesn't is by trial and error, however there are a couple of resources which will help you a long way with understanding more about stylesheets. We have listed links to these resources at http://www.thewebseye.com/stylesheets.htm.

With simple stylesheets you should have no problem and they will really help to make sure your site keeps a certain amount of uniformity and cohesion.

Richard Igoe - http://www.TheWebsEYE.com. Get his latest Free Website Success Course by sending a blank email to mailto:wsc@quicktell.net and find out whether you have the 6 essentials of a successful site!


Website Design vs. Function

Written by John Buchanan


Continued from page 1

I've seen many reports from different sites that used (noticerepparttar past tense) Flash Intro pages. Hardly surprising isrepparttar 134584 fact that on average, a whopping 20%-30% ofrepparttar 134585 visitors leftrepparttar 134586 site after accessing ONLYrepparttar 134587 homepage (whererepparttar 134588 splash page or flash intro was).

The second reason to stay away from these is that it has a huge affect on search engines. Search engines can only index text, a huge graphic or flash intro doesn't giverepparttar 134589 engines anything to index. As a resultrepparttar 134590 homepage, which is oftenrepparttar 134591 highest ranking page on a site, has almost no chance of ranking well at all. In addition, depending on howrepparttar 134592 links fromrepparttar 134593 graphic or flash to internal pages are coded,repparttar 134594 engines may not be able to followrepparttar 134595 links torepparttar 134596 rest ofrepparttar 134597 pages onrepparttar 134598 site which means your site will not get spidered properly.

To summarize, stay away from splash pages and flash intro's. Giverepparttar 134599 visitor some actual text to read andrepparttar 134600 engines something to index. Your visitor retention will go up, and so will your search engine traffic.

*Hyperlinks*

Hyperlinks are your bread and butter when dealing withrepparttar 134601 search engines. They arerepparttar 134602 way in which search engines find all ofrepparttar 134603 pages on your site and index them. If a search engine can't follow a hyperlink, it won't be able to indexrepparttar 134604 destination page, meaning parts of your site may become invisible torepparttar 134605 engines.

Be sure to use only true hyperlinks in your site. I've seen many sites that use some javascript links instead of actual hyperlinks. While these will work for most browsers (about 90%), they don't giverepparttar 134606 engines anything to follow.

A true hyperlink should say:

href="URL of page here.html" rel="nofollow"

Any other type of link is most likely not going to be followed properly.

*Body Text*

As I mentioned before, engines can only index text. Too often I see sites that use graphic representations of text or a large graphic that has some of their most important text within it. Do whatever you can to stay away from this. If your most important words are in graphic format, you have taken awayrepparttar 134607 thing thatrepparttar 134608 engines need most to properly index and rank your site.

Engines also want to see continuity inrepparttar 134609 structure of a page. When a webmaster uses lots of tables, frames, and other design elements, it breaks uprepparttar 134610 flow ofrepparttar 134611 text onrepparttar 134612 page, and can have a negative effect on your rankings.

Whenever possible, use as few tables as possible. When you do use tables, do your best to not break up a paragraph or sentence into separate cells in a table, this destroysrepparttar 134613 flow ofrepparttar 134614 text and causesrepparttar 134615 words to be seen as unrelated fragments instead of part ofrepparttar 134616 same continuous sentence/paragraph.

It is important to realize that engines do not seerepparttar 134617 pagesrepparttar 134618 same way a visitor does. Whilerepparttar 134619 visitor seesrepparttar 134620 page displayed properly with all ofrepparttar 134621 next flowing nicely, an engine sees onlyrepparttar 134622 HTML code behindrepparttar 134623 page that breaks uprepparttar 134624 flow ofrepparttar 134625 text.

In general,repparttar 134626 simplerrepparttar 134627 page andrepparttar 134628 HTML behind it,repparttar 134629 betterrepparttar 134630 ranking will be.

*Summary*

Always be sure to be aware ofrepparttar 134631 impact that a particular design element will have on both your visitors andrepparttar 134632 ability ofrepparttar 134633 engines to properly index your site.

By understanding howrepparttar 134634 engines work, what they look for, what they can and can't do, you will vastly increase your chances of successfully achievingrepparttar 134635 rankings needed to make your business a success.



John Buchanan is the author of the book "The Insider's Guide to Dominating The Search Engines", and publisher of "The Search Engine Bulletin", a FREE monthly newsletter. Visit him at http://www.se-secrets.com for more information or to sign up for the newsletter.


    <Back to Page 1
 
ImproveHomeLife.com © 2005
Terms of Use