Web Building

      Help To Build Web Site                                   Top Ten Web Building Tips

BUILD WEBSITE

What does a Web developer have to know? What will the future bring?

Dear Friends, 

This introduction will try to answer that, and help you become a professional Web developer, prepared for the future. Even if you are a skilled Web developer already, you should read this chapter carefully. You might find our point of view a little different from your existing experience!

If you are a newcomer to Web Building, this chapter will give you an overview of what Web Building is all about and help you to quickly become a professional!

As per your important needs I want to provide some useful instructions, Tips and favorable links for you. You can get the valuable information from How to start a web site from free Domain name registration, 

Web designing, Guest books, FreeCounters, etc. etc.  

What a Web Developer has to know

One important thing to know is that the functionality of Web Sites will change very drastically. We will see a huge shift from sites displaying "static content" to data driven sites delivering "dynamic content".

We will also see a lot of new browsers, like the browsers found in mobile devices, and we will see a lot more use of XML to communicate data between servers, and between servers and browsers.

We think a Web developer should focus on:

• The HTML 4.01 Standard
• The use of CSS (style sheets)
• The new XHTML
• XML and XSL
• Client side scripting
• Server side scripting
• Managing data with SQL

Space

This is really one of the most important things. Musicians often say "it's not what you play, but what you leave out that's important". What they're saying is that the space that you leave in your playing gives the music room to breathe and allows it to groove. The same principle applies to web design (and design in general).

What you're aiming for is to draw attention to the important bits - the message, the navigation system or whatever is the main thrust of the page.

People often make the mistake of making these things very big. They don't have to be. The eye needs to be drawn to them, and this is best (and most professionally) achieved by the use of space. Don't clutter your homepage with unnecessary text and images around the main areas, since they detract from the important bits.

Don't make the mistake of thinking that if there's a big white gap in your page that you should fill it with something. Just have the bits that are necessary. The other stuff should probably have its own page if it's that important!

As a rule, maybe only 75% of your page should be covered with images and text.

Consistency

You should aim to keep the look of a site consistent throughout.

This means a standard use of fonts, colours, image styles, layout styles, navigation style etc. Don't just plonk an animated gif somewhere that you got off another site, since it'll probably clash hideously with yours, for example.

Your background colours should remain the same throughout, and you should pay attention to the little things like keeping the fonts in the text defined in html (see tip opposite). Don't mix fonts too much, however much there's the temptation to do so!

Header images for sections ought to have the same style as each other, which should in turn be related to the main look of the logo (colours, fonts etc).

Colours. Don't pick colours that clash appallingly - think about what your living room would look like in the colours you choose, then wonder if you'd like to spend a lot of time there! Define your link colours in the body tag to match your colour scheme as well.

Backgrounds

One of the main culprits for a bad-looking site are these multicoloured background image tiles. They also tend to have a definite pattern to them, which can make text really hard to read.

Try to go for a flat colour background, or for a large image (min 800x600 pixels) which is faded so that you can easily read the text on top of it. (Watch out for the file sizes on these though!) Big fadey text always looks cool, as do black and white photos that have been faded out. Another trick is to blur these backgrounds, since this makes the sharp text on top much easier to read - and it looks really cool too!

Scrolling Text

If you have a page of scrolling text, try to split it up into sections on different pages, and add a navigation system for it. It's just a bit nicer, and keeps the user from getting hideously lost on the page. Avoid those dead ends though! This page is very texty we admit, but these tips are done so you can print them out easily and refer to them!

Images

You so often see sites that have jagged images on them. There's no need for this, and you don't need really expensive software to get around it.

We use Adobe Photoshop, which is a bit of an industry standard, but there is now the excellent Paint Shop Pro for PC, which is shareware. This thing is great, and imports layered Photoshop files quite happily.

GIFs (.gif - the main web image format) are indexed colour, but you should always create the image in RGB mode (don't worry about what these mean). This avoids the "jagging" that we all hate, and you end up with nice, non jagged GIFs on export. If you only have a GIF to start with, but need to resize and play with it generally, then change it to RGB mode first, or it will look gross!

JPEG format (.jpg) is used most often for photos, since this is where it excels. This is an RGB format anyway, so no worries there.

Watch the file size, but don't make them look horrible on export, or there's no point in them - find a happy compromise. You shouldn't really have an image file bigger then 30k anywhere - and that's for a REALLY big picture. Keep images so that they stay on even the smallest screen, i.e. around 400 pixels across max.

Layout

Users Are Scanners

If you think a typical user will read the entire content of your Web pages, you are wrong.

No matter how much useful information you put into a Web page, a visitor will only spend a few seconds scanning it before they decide whether to leave it or to stay.

If you want a visitor to read your text, be sure to make your point in the very first sentence of the page. After that you should try to keep them occupied with short paragraphs and interesting new headers all the way down the page.

Less Is More

Try to keep all sentences as short as possible. Try to keep your paragraphs as short as possible. Try to keep your chapters as short as possible. Try to keep your pages as short as possible.

Use a lot of space between your paragraphs and chapters. Pages overloaded with text will kill your audience.

Don't place too much content on a single page. If you have a lot to say, try to break your information into smaller chunks and place it on different pages. Don't expect any visitor to scroll all the way down to the bottom of a page with thousands of words. 

Navigation

Try to create a navigation structure that is common for all the pages in your Web.

Keep the use of hyperlinks inside your text paragraphs to a minimum. Don't use hyperlinks inside text paragraphs to send your visitors to every random page of your Web. That will destroy the feeling of a consistent navigation structure.

If you must use hyperlinks, add them to the bottom of a paragraph or to the navigation menus of your site

Download Speed

A common mistake made by many web designers is to develop a site on a local machine with direct access to the data, or to develop the site over a high-speed Internet connection. Sometimes developers are not aware of the fact that some of their pages take a long time to download.

Internet usability studies tell us that most visitors will leave a Web page that takes more than 7 seconds to download.

Before you publish any content heavy pages, make sure they are tested over a low-speed modem connection. If your pages take a long time to download, you might consider removing some of your graphic or multimedia content.

Let Your Audience Speak!

Feedback from your users is a very good thing. Your visitors are your "customers". Very often they will give you some valuable wisdom, or advise you, completely free of charge, about what you could have done better.

If you provide a simple way to reach you, you will get a lot of positive input from a lot of people with different skills and knowledge.

The Last Word

These are the basics of avoiding the pitfalls of website design. There are many more, but follow these guidelines and you'll be most of the way there.

Look around the web, and you'll find many examples of both bad and good sites. Bear in mind what you just read when you look at them, and try to see why the bad ones are so awful!

STEP 1 - Domain Name Registration

First of all you have to register your domain name over the net. Domain names are classified with 

some main extensions like .com, .org, .edu, .net. sa etc... 

I prefer you these following links  for free domain name registrations.

STEP 2 - Web Designing

You do not have the time or patience to create and design your own web backgrounds, buttons,

Animated GIF, clip arts. No problem, here you can find out as your wish.

Following sites provide you your needs without any credit.  

Web Designing  -  Hit Counters

You want to know that how many hits have your web page but you do not have

any programming

knowledge about that. No problem, here some of the web sites are waiting to give you the scripts

for free. Here I mention some of them..

Web Designing - Get Free Space

Do you want a free space to upload your web site. No problem, some web sites provide you that opportunity.

Here I  list some of the web sites able to give you the free space in their server. Choose yourself and utilize

their services.

Step 3 - Web Inspection

Getting your site listed in all the search engines is an important part of a Web site in

Online marketing strategy. If your site is listed in all the search engines that will

increase your web traffic.

Before of the search engine submission you will inspect your site have a proper links for all pages,

any dead links, proper Meta tags, browser supportive and any spelling mistakes.

Here we list out the site to inspect your page have any of the improper things.

• Top Ten Tips 4 Websites Building

1. GET  TO  THE  POINT

  The first page of your web site will leave a lasting impression on the user. Make sure that you tell visitors what your web site is about on the first page. Your web site should state clearly its title, purpose, and what a user can expect to find on the site. It also helps to have contact information, such as physical and e-mail addresses, the name of the web master or a person to contact, and other relevant information so that the user knows how to get in touch in case of problems. A user is usually looking for information, so try to make that information easy to access, read and digest.

2.PAY  ATTENTION  TO DESIGN & LAYOUT  BEFORE  STARTING  OUT

 Rather than just throwing information onto a page, you need to give a great deal of thought and time into planning a layout and design for the site. Your web site needs to be easy to navigate; it should be logical, well organized, and convenient. It should be split into logical sections, that all follow a consistent theme. You might also do well to consult a professional graphic designer to make sure that your web site looks attractive and appealing.

3.FOLLOW  HTML  STANDARDS

  You should follow all HTML standards as not everyone has the same browser as you do. Some common HTML omissions are: <HTML>and <HEAD> tags, HEIGHT and WIDTH attributes for <IMG> tags, ALT attributes with alternate text for <IMG> tags, ending tags for <HEAD>, <BODY>, <P> and <CENTER> tags. The extra work may seem unnecessary, but browser work more efficiently when proper HTML code is used.

4.MAKE  IT  FAST

  The best web site is one that is attractive, snappy...and quick to download. Users will get extremely impatient if they have to wait longer then one minute. The best way to cut down on download time, is to avoid a page that is graphics heavy. You should always give the users a choice of frames or no frames as frames take download time as well. And finally, always remember that straight HTML script is quicker to load than Java Scripting.

5.DON'T  OVERDO  THINGS

  Although it's tempting to add the latest features and capabilities to your web page, remember that not everyone will be able to see them. Some features that are a bit too advanced for the average web user as yet include java applets, ActiveX controls, Shock wave objects, tools that require plug ins, and specialized document formats. A good rule to stick by is to wait before the web surfing community generally and widely accepts the item.

6.KEEP  IT  FRESH

  One way to ensure that web site visitors come back is to present something new for them each time. A static page makes users bored. On the other hand, if users know the information will change on a regular basis, they'll come by to see what's up. You can also completely redesign your site, which has the dual benefit of giving users something new and also enabling you to incorporate better newer technology. Or, you can use dynamic content on your web site such as Java Script or CGI to create content using cookies to track previous content.

7.MAKE  SURE  THAT  THE  SITE  IS WELL  WRITTEN

  "Hi, welcome to my web site. My name iz Yasir and id just like to say that i think web sites R Kool!"
Nothing is more annoying than the web site contains spelling, grammar, or punctuation mistakes, or is just plain badly written. These are eyesores on personal web pages, but absolute no-no's on commercial or professional web sites.

8.USE  HIGH  QUALITY  GRAPHICS

  To make a site look good, graphics are the key. Some sites look better then others do, but that's because of subtle differences in the production and presentation of the graphics on the web page. To start with, use a high end graphics package, such as Adobe Photoshop, Corel Photo Paint or Microsoft image composer. Whichever package you choose, it should allow for anti-liaising of graphics, which smoothes out diagonal lines, and makes images smooth and professional.

9.TEST  YOUR  WEB SITE

  Try to test your web page to see how it looks with: a different size screen, a text only browser, a different color resolution, and  a different browser with a minimal feature set. Like we said before, this is because not everyone is going to have the same browser, the same capabilities or color resolution. Image maps, frames, Java Scripts, Java Applets will be affected by these parameters.

10.UPDATE  YOUR  SITE  REGULARLY

  Once your site is up and running, make sure that the information you provide is current and relevant to the site. There's nothing more annoying than going to a web site and finding that the information is completely out of date. It helps if you put a date at the bottom of the web site- something like "This site was last updated on December 1999". Of course, then you have to be faithful with your updates, or else you'll be caught out soon.

                                                          Main | Personal Info | Friends | The Way of Life

                                                         Best Links | Computer Sec | Free SMS | Poetry

                                                                    Fun Section | Guest Book

                             Site Design by Ch Yasir
                                  Please Contact: webmaster . For Feedback.