Web Designing Tips

Few Designing Tips to Improve your Website

>>
By using style sheets you can get better control of your page. CSS properties are Font, Color and Background, Text, Box and Classification.
>> An alt attribute requires, even if a image requires no description.

>>

By placing “Copyright” before the symbol "©", all browsers would safely display the copyright statement.
>>
Developing standard-compliant pages with a DOCTYPE makes it easier to debug and, ideally, create pages that display almost exactly the same across various browsers and platforms.
>>

To block a search engine in indexing your website - you can add the below code-

1. add <meta name="robots" content="noindex, nofollow"> to the     head of the document.

2. add a robots.txt file

>>
Relative links or (Document relative) have the advantage of being shorter, and more portable as they refer to other pages relative to themselves.

For example- ../logos.html refers to a file named logos on level above the current page.

Absolute links are sometimes called document- or site-root relative as absolute links, for some, refer to entire URL.

(http://www.renukadevi.com/works/logos.html). Despite the different names for this kind of link, the logic is the same, both are based on the named directory structure of site.

Absolute links can get quite long.

If the site has a basic hierarchical structure, relative links are the best choice. Complex sites, or those with dynamically generated pages (like this one), are usually best served by absolute links.

>>
Incase your JavaScript /Style Sheets are being displayed as text in older browsers, you can fix it by adding a comment tag.

<script> (or <style>)
<!--
content
//-->
</script> (or </style>)

>>

Using Style Sheet you can make the entire page design to be changed.

Netscape 6, Mozilla and few other browsers are known to support this feature well, it is simply done by adding a title and the words “alternate stylesheet” to the the LINK’s rel attribute: 0

<link rel="alternate stylesheet" title="New Style" type="text/css" media="screen" href="new.css">

>> CSS style sheets that exist in separate files are sent over the Internet as a sequence of bytes accompanied by encoding information.
>>
Closing the elements makes working with style sheets much easier. and makes the document easier to debug.

XHTML makes it a requirement for every element to be closed, so any <li> tag should end with </li> tag, any <p> should end with </p>.

In fact, XHTML goes so far as to require elements be closed even if they don't normally have an end tag. So, any <br> becomes either <br /> (note the space before the /) or <br></br>. Same with <img>, <hr>, <input>, <meta>, and other similar tags. Doing this now will not cause problems with older browsers.