Posts Tagged ‘body’

Web Designing-Don’t redeclare inherited values

Wednesday, July 16th, 2008

The values of many properties are inherited by any descendants of the element that you specify the property for. color and the font related properties are the most common examples of such properties.

Be aware that some properties may be overridden by browser specific user agent style sheets, i.e. the browser’s defaults. That’s why you can’t make all headings non bold with the following rule:

1. body { font-weight:normal; }

The browser’s predefined rules are more specific because of the cascade, which is described next.

Seo-Place your keywords

Tuesday, July 15th, 2008

The most important elements to insert keywords into are the URL (domain name + path + filename) and title of your web page. Also, a low-level URL (www.mysite.com/page.htm) is considered more important than a higher level URL (www.mysite.com/subdir/anothersubdir/page.htm). Check out the Dutch website Nu.nl for a good example. Notice how every newsitem has it’s own title in the titlebar and how every item’s html file is named after its title. These tricks make you score!

It’s also important to use your keywords in the body of your site, frequency (a lot) and proximity (close to each other) are important. The higher in a page, the more important a keyword is considered to be. Text in headline (h1 or h2), bold or caps is considered more important than regular text.

Creating a Stationary HTML Web Page Background

Monday, July 14th, 2008

You can create a stationary HTML web page background within your web page.

Stationary background images remain in one place even when scrolling through the page. Only the text will move. To create this effect, place the following code within your <BODY> tag.

<body background =”yourimage.gif” bgproperties=”fixed”>

When selecting your background image, keep in mind that your text will be moving over your image, so try to select an image that won’t make your text difficult to read.

To prevent your background image from tiling (repeating), place the following code between your <HEAD> and </HEAD> tags.

<STYLE TYPE=”text/css”>
<!–
BODY { background-image: url(yourimage.jpg) }
BODY { background-repeat: no-repeat }
BODY { background-position: center }
–>
</STYLE>

Replace the text indicated in red with your image file.

Creating a First Visit Web Page Pop Up Window

Monday, July 14th, 2008

It’s a proven fact that the use of popup windows is an effective marketing technique that produces great results. However, they can be very irritating to your visitors. How can you use this powerful marketing technique without offending your visitors? Compromise and use a popup window that only displays the first time your visitor enters your site.

Place the following code within the <BODY> of your web page.

<SCRIPT LANGUAGE=”JavaScript”>
<!–
function GetCookie(name) {
var arg=name+”=”;
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while (i<clen) {
var j=i+alen;
if (document.cookie.substring(i,j)==arg)
return “here”;
i=document.cookie.indexOf(” “,i)+1;
if (i==0) break;
}
return null;
}
var visit=GetCookie(”COOKIE1″);
if (visit==null){
var expire=new Date();
window.name = “thiswin”;
newwin=open(”yourpage.htm”, “dispwin”,
“width=450,height=455,scrollbars=yes,
menubar=no”);
expire=new Date(expire.getTime()+7776000000);
document.cookie=”COOKIE1=here; expires=”+expire;
}
// –>
</SCRIPT>

Change the text where indicated in red.

The “yourpage.htm” text specifies the popup window url.

Change the height and width to your preferred window size.

HTML:how to double underline text with css style

Monday, June 30th, 2008

<html>
<head>
<title>Double Underlined Text Example</title>
<style type=”text/css”>
.double_underline {
border-bottom: 3px double;
}
</style>
</head>
<body>
<span class=”double_underline”>Double Underlined Text</span>
</body>
</html>

Use your secondary keywords in the body of your post

Thursday, June 26th, 2008

If you want to get listed for secondary keywords use them infrequently in the body of your post. The theory is that the more times a keyword appears within a Webpage, the more relevant the page is likely to be for someone searching those keywords.

But do not overdo this by repeating the same keywords over and over again. Google bots can find out if a keyword is too frequent on a page and might just remove your site from their index.

Use your keywords in the anchor text of links

Wednesday, June 25th, 2008

Keyword in links have more importance than simple text.

Use your primary and secondary keywords in the anchor text of links when linking to other blog posts or to other pages on your main site.

Link keywords where they naturally appear in the body text, but again, don’t overdo it, or you’ll end up with spammy looking pages.

Use your secondary keywords in the body of your post

Thursday, June 19th, 2008

If you want to get listed for secondary keywords use them infrequently in the body of your post and pepper your blog titles or links with them appropriately.

Don’t overdo this or your posts will end up sounding unnatural and spammy to readers.