Lucrative Web Development

Optimizing Photos For The Web

2006-05-29T12:58:00.000+05:00

It doesn't matter if your emailing photos of your grandson or putting
images of your latest product on your online store. Too many people
don't consider optimizing their photos for the web. We've all been on
too many web pages where it seemed that the photos would never load,
and sometimes they didn't. So here are some steps to make sure that
your photos show up on your site.

1. Always have a back up original format copy of your image. Never
alter the original. Believe me you will regret it.

2. Crop to size. Make sure that you crop out any extra information
that isn't needed. Remember the larger the photo the longer it takes
to load or send.

3. Resize to reduce pixels. There should be an option to resize
according to pixels. You're going to want the largest size to be no
more than 250 pixels or you can reduce the dpi to no more than 96.

4.Reduce the color palette. Many images have millions of colors so the
first thing that you need to do is reduce the colors to 256. You will
lose some depth with this.

5. Save the file in a standard format. JPEG is the most common for
photos and you can compress the image with a JPEG for further
reduction in file size. It's not unusual to see GIF or PNG as well.

Remember that with a 56k connection a 150k file will take 20 seconds
to load. If you're creating a web page every photo that you add will
add to the time it takes to download all of the images. If you keep
the images small in size the smaller resolution will not be as
obvious.

Cool CSS Tricks You Can Use :-)

2006-04-29T16:21:00.000+05:00

CSS or Cascading Style Sheets allow you to implement a few neat effects on your webpages easily. You can implement these CSS effects on your site by simply copying and pasting the code.

ROLLOVER COLOR TEXT LINKS
Have your text links change color when the mouse passes over them by inserting this code into the HEAD of your document:

<style type="text/css">
<!--
A:hover {color:red}
-->
</style>

LINKS WITH NO UNDERLINE
Remove the underline from any or all of the links on your page by putting this in the HEAD of your document:

<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--></style>

Or, remove the underline form individual links by forming them like this:

<a href="page.html" style="text-decoration: none">link</a>

LINKS WITH A LINE ABOVE AND BELOW THEM
This is an interesting look that works especially well as a hover attribute for your links, but can also be applied to all of your links. It will show the normal underline and a line above the link:

<style type="text/css">
<!--
A:hover {text-decoration:overline underline}
-->
</style>

HIGHLIGHTED TEXT
Highlight important text on your page or words you want to stand out, easily:

<span style="background-color:yellow">highlighted text</span>

Try adding it to your link hover for a neat effect:

<style type="text/css">
<!--
A:hover {background-color: orange}
-->
</style>

BACKGROUND IMAGE THAT ISNT TILED
This will create a background image that doesn't repeat:

<style type="text/css">
<!--
BODY {background: #ffffff url(bg.gif) no-repeat}
-->
</style>

You can also center it, however it will be centered as the background of the entire document, not centered on the screenful:

<style type="text/css">
<!--
BODY {background: #ffffff url(bg.gif) no-repeat center}
-->
</style>

Getting Profits From Your '404 Page Not Found' File

2006-04-15T19:50:00.000+05:00

"'Page Not Found' on this Server. Check the URL and try again. Or Refresh the page..."

This is the annoying error that we will come across every time we surf the web pages. Internet will be changing every minute and day. The web sites that were here are not found next day. The web pages that were here with '/page.html' are changed to '/page1.html' next day.

Webmasters update their sites and change the links and content. While they doing so most of them forget one important thing.

"What will happen if somebody bookmarked this page and try to visit next time?"

Simple...Those people will see these '404 Page Not Found Errors'.

Let me tell you some tips how to avoid all these tiny mistakes and get something from these error pages.

**Custom Error pages:**

Most of the hosting companies allow to create error pages as you like with your own Html and upload to your website. If you don't upload your error pages the server displays default server error pages.

Utilise this oppurtunity. Create a page with any of the following:

Put links to other parts of your site. Links to main pages is enough to navigate back in to your site. 2. Direct links to your products.
Promote your Affiliate links
Offer something free from this page like free ebooks, free email course etc.
Your Ezine subscription
Discount on your product
If you are conducting some polls on your site you can keep that poll on these pages too.
Keep an email link on error pages and you can request your visitor to inform you about the error.

All these keeps your visitor some more time on your web site. Every link above will be a benefit for you.

**Watch Your Bandwidth:**

DON'T put too much Html or graphics on these error pages. By the time they will download your visitor might hit the back button or get out of the site.

Lot of graphics also increases your bandwidth usage. The web sites are continually attacked by viruses. If you have a good web logger and check it once in a while you will see some hundreds of page requests with '404 errors'. All these 404 errors drain your bandwidth. So keep an eye on size of error pages.

How Does Your Website Measure Up?

2006-03-10T17:29:00.000+05:00

Does your website make a good first impression? Is the navigation intuitive? Is the content appropriate for your audience? You've had your website up and running for a while now but you've always had a nagging suspicion that your website is lacking effectiveness and you just can't put your finger on it. You've dabbled with colors, added/removed images re-written the text but it still feels as if everything just isn't working together. Wouldn't it be nice if you had a way to sort things out? Well now you do!

Find out if your website has power, energy and the right stuff to help your business succeed. You'll be able to find out if the navigation; advertising, optimization, imagery and look are combining to make your home page an effective tool. Each section has a number of questions that help define, in detail, all the important areas of a well designed website. Just run through the list starting at the top. When you're finished just click the "Total Score" button at the bottom.

Just use the simple Q and A form here: http://www.learn2design.net/login/secure/interface/eval.php to see if your website meets established design standards. Using this checklist form you can rate your website (or anyone's) to make sure you've got all the essentials covered effectively.

Now the hard part; you have to answer the questions honestly and objectively! I know, it's your baby; you've spent countless hours nursing it to stardom. But now is the time to make an honest assessment. (Pretend its someone else's website if that helps.)

The form should only take 5 to 10 minutes to complete and at the end there is a brief description of what your score means and what you can do to improve your site.

Text Is King!

2006-02-28T14:50:00.001+05:00

Are you building your website? If so, STOP! Take a look at what you have done so far. How many images do you have? How much text do you have?

If your website has more images than text then you could be in trouble. Ask yourself these two questions

What are my visitors at my website for?

Chances are, your visitors cam to your website to find information on a topic or to answer a question. They probably didn’t come to look at pictures (unless you run a photo gallery). Give your visitors what they want and they will keep on coming back.

Why did I put all these images on my website?

Now, this is not always true, but what I have found is that people put a lot of images on their website to make up for poor quality content. They think if they have a pretty looking website, people won’t pay that much attention to the text. That is another wrong assumption that should never be made.

REMEMEMBER: People come to get quality content, and will leave if you don’t provide any

If your website has more text than images, good for you, keep up the good work and good things will come to you.

Website Checklist

2006-02-26T19:12:00.000+05:00

10 Basic Things Your Website Should Have ...

all short sentences and paragraphs (more reader friendly)
lots of "white" space (more appealing)
graphics (makes site more interesting and entertaining)
links (widens reader interest)(boosts search engine ranking)
search engine listings (so people can find your site)
banner at top (makes home page look professional)
contact info (at least a valid email address)
About Me or About Us info (makes it more personal)
privacy policy (adds credibility; spam policy etc)
mission statement (defines ethics and purpose of your site).

With these 10 website basics your site can be both professional looking and appealing. And, as a result, you can expect to get a more positive response to your website and your website content.

How Do Absolute & Relative Links Rank?

2006-02-23T18:27:00.000+05:00

The question for this article is whether or not you should use "absolute url's" or "relative url's"? Not only that, this article researches whether or not Google ranks these methods differently.

Absolute: You use the entire url pointing to the designated page.
ex. www.yoursite.com/page1/index.html

Relative: You use an automatic path to the file
ex. /page1/index.html

Relative gives a path that is "assumed". Your browser will automatically "assume" to put www.yoursite.com before the link.

When researching these two methods, I used 4 factors to consider:

20 Different popular search terms
Top 20 listings
Top 10 "Inbound Links" for pages within the site
Relative/Absolute urls NOT images

So here's the results of this study:

The average results within the 20 search terms had a ratio of: Absolute 40% / Relative 60%
The average inbound links for each site I researched had a ratio of: Absolute %50 / Relative 50%

So it seems safe to say that Google doesn't necessarily rank "absolute/relative" paths differently.

Google may recognize the fact that neither method is wrong, it only reflects the designers preference.

There's only 1 type of Absolute and Relative paths that get a bad rank. Web sites that use "tracking url's" or data base urls get a significant reduction in page rank emmediately.

The easiest way to notice this in action is to go to www.pogo.com. You would think that pogo has a great rank but nope, in fact their main page rank is 0/10. This happens because every time google crawls through their url, the site is different.

So if you care about page rank, keep your url's the same as the day your site was born!

Useful Common Site Ideas

2006-02-17T07:14:00.000+05:00

In my web surfing adventures, I've found a few site elements which make surfing easier and more enjoyable. There are no concrete, hard- and-fast rules to follow - these are just observations of some things which I virtually always look for in a site.

So without further ado, here is my list.

I often look for a way to contact the webmaster. I may want to tell him something about his site (privately), propose a link exchange or just drop him a line. I feel an email link or a link to a form is something to expect to find on every single page. If you are running a commercial site this is essential - your customers want to be able to tell or ask you things and if you want their business you had better make it easy for them.
I like guestbooks. When I run into a site that I find enjoyable, I want to tell the webmaster. Give him or her a compliment - I think it's a good exchange. The webmaster worked hard and provided something that was entertaining, informative or useful. It's nice to let him know in return. So please put a link to the guestbook on every page.
A good navigational system is very important. A menu of some kind, with a link back to the home page, needs to be on every page of the site. Sometimes this may consist of a simple "previous" and "next", but please always add a "home" link in this case. If I've surfed a ways on your site, I want to be able to get back to the index quickly without using the "back" button.
Nothing makes me leave a site faster than finding one of those silly little "right click" scripts which attempts to disable the right-click functions. Not only do these not work, but they are rude and violate some of the primary tenets of the internet - free, sharing, and community. Also, you are modifying my browser controls - which is not a nice thing to do. If you display something on your page I guarantee you that it can be taken, no matter how many scripts or functions you install.
Speaking of browser control - don't modify my screen size, buttons, menus, cursors or anything else that my browser does. You want me to leave fast - resize my browser to fit the whole screen and remove the menu. I will be out of your site in a second!
Whether your site is personal or professional, tell me a little about yourself, your wife, your kids, and your pets. I find it much easier to like someone and be receptive to their message if I know something about them. Just a quick page with a few paragraphs is fine. If you are going to ask me to fill out a form, please let me know how you are going to use the information. You want my address? Why? Phone number? What do you need that for? More importantly, how safe is this information?
I know many people like to put banner exchanges on their sites, but please keep it to a minimum. First, banner exchanges don't work very well. Second, they make the pages load slowly. And third, if there is more than one or two banners on a page it's pretty tacky. If you are going to insist on putting background music on your site, please give me an obvious way to turn it off.
Please don't expect me to go searching through your whole page for a little dot hyperlink. I've found sites which bury the link to the next page in the strangest places - in someone's eye, for example. Normally, I am just going to leave instead of trying to find out how to navigate.

Well, that's a start. I hope these ideas are of some value and help you make a better, more friendly site.

Superior to Dreamweaver?

2006-02-17T05:05:00.000+05:00

I've heard a lot of good comments regarding Macromedia's Dreamweaver site building tool.

Does anyone use Site Build It!?, It's a website building tool that includes hosting and allows you to research profitable keywords, run a search engine optimization test, build beautiful graphics, automatically and periodically submit each page individually to the search engines, and it handles everything for you.

There is no required knowledge of HTML code, CGI script or javascript, all of this is handled automatically, all that is required is that you input the text information, (for example, paste in an article) and it is built right before your eyes.

I'm currently researching a few promising ideas using Site Build It's keyword research tool and plan to develop a few mini-sites in the near future, I don't have any experience using Dreamweaver but I have heard a lot about it which makes me wonder if it stacks up well to Site Build It!.

So if there are any Site Build It! users out there, let me know, and to Dreamweaver users, details on Site Build It! can be found at: http://www.smokesoft.net/build-it-tour.html . I'm interested to know if the two products are similar.

Website Design Basics

2006-02-13T02:59:00.000+05:00

So, what's in a website design anyway? And, how do you get a design that is appealing to the broad and varied tastes of all those Internet surfers out there?

This is critical. Your website design is the first impression you make on your customers and visitors. There are a few sites in my favorites and bookmarks that I consider poorly designed. I still have them, because they have information I want. Lucky for the site owner that their content was that good! But one day I will find another site with the same information and a better design. Then guess who will be in my favorites and who will be left out? Maybe your content is great too, but don't take chances on a poor design. Think how much more repeat traffic and referred traffic you will get if you have both great content and great design.

Design Taste Varies - OK, design is a matter of taste and target audience to some degree. What looks good to one visitor may not be so great to another. Here we have the old adage of "one man's trash is another man's treasure". But there are solid basics that go into good site design. Creating a distinctive visual style and applying it consistently is the best way to bind a series of subjects and web pages together.

Layouts - The layout of your site is an important design element. A webpage is a document, plain and simple. It is like formatting a letter, an outline, a report, or an advertisement. Establish a layout grid and a style for handling your text and graphics, then stick with it to build a consistent rhythm and unity across all the pages of your site. Make it easy to follow, pleasing to the eye. Learn to use tables and nested tables, lists, and even well designed frames for controlling layouts.

Color - Color has a lot to do with target audience as well. What appeals to a teenager may not work with a target audience of baby-boomers, and so forth. But anybody can appreciate color coordination. Color coordination can be learned. Yes, it's a lot easier if you have a natural "knack" for these things, but you can learn basic color coordination techniques that make the difference between "tacky, yuk!!!" and "soothing to the eye".

Safe Colors - Everyone does NOT have 16 million colors on their computer. Learn to use the websafe 216 colors. Notice that's 216 colors, not 256 colors. This is a matter of video card capability and you are at the mercy of the viewer's personal computer system. Your best bet is to stick to 6 x 6 x 6 bit color resolution (216 colors) to cover the majority of Internet users. The 216 color palette gives you plenty for design options. Sure, not as many as 256 colors or 16 million, but still plenty to accomplish what you want or need to do with color.

Page Load Time - Now I'll be the first person to admit that I have made *personal* web pages which have large graphics or music .wav files and other things that take awhile to load. The point here is, they are my personal websites, *not* my professional or commercial websites. I may use these long loading pages for demo-ing several techniques, or chatting with friends and other developers, but never never never for professional site design (unless my client insists, in which case I do not use their site as a demo to other potential clients!). This doesn't mean you have to give up everything on professional sites. It just means take it easy, use only one high-load-time element or two, learn to compress your graphics properly, and if you've got that much "stuff" then break it up into more than one page.

Don't Overdo IT - A typical mistake among developers is to overdo it when putting together a website. Try to use extras in moderation. Some common things that get overused are:

graphics
background images
bevels and other graphic tricks
excessive frames
text scrolling, animated .gif's, page fade-ins

Too much of something just comes off as being "cutsie", tacky, or unoriginal...but used properly it can add just the right touch. Learn to use things that compliment your site's content, and not to overdo it with extra techniques and tricks.

Readability - Make your pages as easy to read as possible. Black text on a white or off-white background is the easiest to read. There are plenty of hard-to-read pages that use backgrounds the same shade as the text (dark text on a dark background and light on light), or what I call the "neon" look with bright color on bright color.

Learn to use the <font style="font-family: FirstFontChoice,SecondFontChoice,sans-serif;"> tag and give your readers a font that's easy on the eye. I always think it's such a shame to see a site full of great content and then left in the default Times New Roman font. Use a sans-serif font - arial and verdana are good choices, then put "sans-serif" generic font in your last html tag attribute to cover anyone that may not have a specific font you listed as a first choice or second choice.

Browser and Monitor Compatibility -. Learn to make your web pages compatible with both Microsoft Internet Explorer(IE) and Netscape Navigator. After preparing a site, test it in both browsers and ondifferent screen sizes or resolutions. Typical figures are 80% of Internet users are on the IE browser, 80% using 800 x 600 resolution, and most on a 15" or 17" screen....but, can you really afford for your site to look poor to 20% of the market? The answer is NO. Make your site compatible with both browsers and take that silly "best viewed with..." graphic off the site! Furthermore, use alt tags in your graphics for people who surf with images turned off, or on smaller browsers which don't support them.

Designing Professional Web Pages

2006-02-12T02:50:00.000+05:00

If your Web site doesn't project a professional and polished image to your visitors, your credibility and that of your products and services will suffer. Image is everything -- especially online where your competitor is only one mouse click away!

Before your first HTML code is written, you will need to consider your Web site's navigational structure, color scheme and page layout. Is your content developed? If not, who is going to write it?

Once you have done the necessary pre-planning, then the fun part begins -- coding your HTML pages.

Following are some steps to consider when laying out your Web pages:

I highly recommend that you try to get your home page to fit on one screen. Ideally, people shouldn't have to scroll down to see what your site has to offer. You may need to make your graphics smaller, but that's okay. Smaller graphics mean a quicker download time.
Be sure to check your pages at all the various screen resolutions. Although only a small percentage of users have their monitors set at 640x480, you will want to make sure your site looks good at that resolution. I design my Web pagesat 800x600, which is the average resolution. However, more and more users have their computer monitors set at higher resolutions, such as 1024x728. You will see that your pages will look radically different depending on the resolution. I personally have been horrified at how ugly my "beautiful" pages look on different computer screens.
Browsers are another very important consideration. Netscape and Internet Explorer both perform the same function -- display Web pages -- but the way they do so is strikingly different.

Your code needs to be very clean and pretty much flawlessto display correctly on Netscape. If you miss even one table tag (e.g., you forget to close a tag), you will be mighty surprised when you get nothing but a blank page on Netscape.

Internet Explorer is much more forgiving. It "assumes" what you meant to do. Netscape, on the other hand, is unassuming. If it doesn't understand your code, it simply will not display it.

NOTE: An excellent site to check your HTML code for browser compatibility, as well as screen size, is Anybrowser.com at http://www.anybrowser.com/
You will no doubt want to employ JavaScript and DHTML on your site because it's both functional and cool. However, those technologies work better on Internet Explorer than they do on Netscape. Many of the scripts that you can grab for free at sites like Dynamic Drive DHTML (http://www.dynamicdrive.com/) and Website Abstraction (http://www.wsabstract.com/) are written exclusively for Internet Explorer, so you will need to be very careful when deciding what to use on your Web site.

For example, on one of my sites I use a JavaScript to display the date and time. This script is supposed to work on both Internet Explorer and Netscape; however, a couple of days ago I noticed that the year on Netscape was 100 versus 2000. A 1,900 year variance is a pretty significant difference!
The titles on all of your Web pages need to be consistent -- not only in font style, size and color but also alignment. Make sure the spacing between the title and the first paragraph is consistent throughout your site. Make sure your spacing is uniform on all pages.
If your navigation is dependent on graphics (e.g., image maps, icons, buttons, Java, JavaScript), some of your visitors will have a problem getting around your site if their browser doesn't display graphics, or if they've chosen to turn graphics off on their browser settings for faster surfing. It is extremely important to provide text links in addition to graphic links. All of your users will see your text links, plus text loads faster than graphics.
It is an excellent idea to make your logo a clickable link back to your home page from all of the pages of your Web site. Many visitors expect to be able to use the logo to go back home. Don't forget to also include a text link to your home page.

These are only a few considerations in designing your Web pages, but they are very important. Don't let your beautiful pages look ugly on your visitor's computer screen.

Effectively Organizing Your Navigation

2006-02-02T13:09:00.000+05:00

Not all links are created equal.
While all of your links may be important, prioritize to come up with an effective navigation scheme.you must sort and Here's what you should keep in mind:

1. Sort your links
Your links should be organized according to their relationship to each other. Any time you can find a way to divide your links into two or more categories, do so.

If you have more than 5 or 6 links, categorizing becomes very important. Try to find some natural groups. For example, suppose you sell widgets, and your site has this set of links:

Mini widgets
Multi-colored widgets
Discounted widgets
Contact us
About the company
News

Your major categories are:
- Products
- Company info

When you separate the two sets of links according to those major categories, it becomes much easier to sort the available information. The simple reason is that a choice between two items is less complex than a choice between 6 items. It's the principle of dividing and conquering.

Take a look at the following site:

www.adobe.com
Notice the four main categories--Products, Resources, Support and Purchase. These four categories help visitors narrow down at a glance which area they need to look in to find the info they want.

Imagine if all of those links were lumped into one long list. How much harder would it be to figure out where to go?

Often, you might not have clear-cut categories. For example, you may have three links that all go together in one category (such as "Products"), plus several more miscellaneous links. Even if the miscellaneous links don't fit conveniently under one category name, you can still group your links. Put the three product links together, then all the miscellaneous links in a separate place.

2. Prioritize your links
Hopefully, you have some idea of what you want visitors to do on your site. Your site should be designed to drive a specific action--in other words, get visitors to do a specific thing.

Once you've decided what your primary goal is, your navigation should reflect it. The links that pertain most closely to your main goals should be emphasized the most. You need to guide the visitor in the direction you want him or her to go.

Prioritize. Ask yourself the question, "What is most important?" What do you really want to accomplish? (I'll give you a hint: "About the company" should not be a top priority link.)

Here are several examples of sites that prioritize well:

www.fleet.com
On the home page, you'll see three main links. These links are geared at attracting the company's major types of customers. All other links on the page are much smaller.

www.atomz.com
On this page, it's clear that the company wants visitors to click on one of their three product links: Publish, Search or Promote. The site does a good job of getting attention and guiding the visitor in a specific direction.

By carefully prioritizing, these sites are able to narrow down the choices and make it more likely that visitors will head in the direction they want them to go.

Choosing the Right Website Designer

2006-02-01T18:44:00.000+05:00

You've made up your mind. You want to have a website to represent your business. The next decision to be made . . . who should you hire to develop your site?

There are many people capable of building their own personal sites. They can put cute little comments and pictures of their pets or kids up for you to enjoy. But, when it comes to having a website that will be a form of marketing for your business, you want someone with experience. Someone who has an understanding of the Internet and what is the best way to boost the exposure of a website.

They must have a clear knowledge of a variety of contributing factors to your sites' success. Such factors include how best to market your site, the options and limitations of graphics, how to create a site that is effective within search engines, knowledge of the drawbacks of different browsers, and the understanding of the coding required for your site.

It is crucial that your designer understands you, your company and what you want to accomplish with your website. To determine this, you need to answer a few questions first.

What do you want on your website? What is the desired outcome of your site? Is your designer open to your ideas and provides input and suggestions for improvement? Have you checked out your competition or other websites to get ideas of what is the 'norm' for a successful site? The more information you have prior to starting a website, the more accurately you can communicate with your designer and get the desired outcome that produces the best results.

Creating a website can be an overwhelming experience. You need to ensure that your designer is easy to talk to and keeps you updated on your sites' progress. If you have questions . . . ask! After all this is your site and you have a right to know how it is coming along and in terms that you can understand.

You also need to check out websites that your designer has made in the past. Check to see that the graphics load quickly, that it is easy to navigate between the pages, and that overall you like their style.

Finally, the cost! This is a very important factor for small business owners when deciding on a website designer. Larger companies will charge more and can probably make your site very elaborate. If you need a site filled with all the bells and whistles, you will be paying for it. If you simply need a site that is a background of your company and the products or services that you provide, the cost will be considerably lower and you can use a smaller company or independent designer.

Your website is going to be a 24-hour advertisement for your company. Skimping on any of the above listed factors will have an effect on the final result of your website and the outcome that you want from it. Do your research and you can join other successful businesses who are using the Internet to boost their exposure and their revenue.