Expert HTML

Making your Web Pages Download Fast is the Most Effective way of Keeping Visitors Browsing your Website.

 

With the Web being the all encompassing, slightly anarchic, global phenomenon that it is, there are no set standards about how to design Web pages. But there is one overriding principle that every Web designer should chant like a mantra as soon as they awake in the morning. ‘Speed is everything’.

 

Getting your website’s information on to the browsers of your visitors as quickly as possible is still the number one skill to learn when it comes to building web pages, but it often gets overlooked because it doesn’t seem as much fun as fooling around with Java applets or animated GIFs. But don’t be swayed by such fripperies – master the art of building sites that download super-fast and you’ll get people coming back again and again.

 

With the arrival of broadband, it’s tempting to think that designing web pages to download fast won’t be a concern.

People will multitask on the Net as they do with their computers, pushing their internet access connections to the extreme and cursing your Web page if it doesn’t appear instantly. The need for speed is here to stay, so knowing how to optimize your HTML code and graphics will never go out of fashion.

 

Here are some Tips to help make your Web pages Thunder down the Information Highway

 

Grease your Graphics

 

While understanding how to make your HTML super-sleek is vital to streamlining your Web pages, graphics are the single biggest culprit for slow loading websites. The hard and fast rule has to be, if you don’t need a graphic, don’t use it.

For example, using graphics for text is a no-no – HTML text looks great if you use a bit of color and judgment.

 

Try to rescue the graphics you do need on your site throughout your pages. That way, the image gets cached in the user’s web browser and the image isn’t downloaded again. Don’t be afraid of repetition – for example, if you have a groovy logo to use on your site then put it in the same place on every page. It reassures the visitor that they are still on your site.

 

You should ensure that the full size of the graphics you use are as small as possible. Imaging editing programs will deal with this for you to an extent, but you can’t beat running an image through an online graphic compression tool to get the lowest possible image size.

 

Keep it Simple

 

When it comes down to HTML code, the first thing to do is design a look and feel for your site that isn’t massively complex. Simple layout equals slimline code. Ask yourself if you really need that scrolling ticker or Java applet – chances are you don’t.

 

Frames are also a bad idea for fast pages. Every frame within a frameset is effectively adding another page to load simultaneously when the user arrives at your site, rather than just one page. Coupled with the navigation, search engine and bookmarking nightmares that frames can cause, they’re best avoided.

 

Nested tables – that is, putting one table inside another – are the main way diligent designers achieve a good layout to their Web page, but be wary of overdoing it. As long as the tables are simple, with only three or four cells, nesting is fine. If you find yourself nesting the equivalent of a chessboard, it might be wiser to start again. Tables take a while to load in Web browsers, and the more complex the code, the longer your visitors will be staring at a blank screen.

 

Remember that just because your Web page might look simple doesn’t mean that it was simple to put together. Simplicity is not only good for speed but also ease of use which has to be the other design concern.

 

WYSIWYG Weirdness

 

WYSIWYG editors are great for quickly assembling Web pages without the chore of typing HTML code by hand. However, these editors often add lots of extraneous code which is not actually needed to make the page display correctly. This is why it’s important to have at least a basic grasp of HTML even if you do use a WYSIWYG editor. Knowing what’s going on under the bonnet means you can spot a multitude of sins and streamline your code so it runs faster.

 

Tag it and Bag it

 

Times New Roman is the Web’s default font, but Verdana and Arial have become extremely popular too. If you like these fonts enough to want to use them throughout your site, a nifty way on cutting down on coding every paragraph is to use the tag. This changes the default font of your pages.

 

For example, will make all the text on your page appear as size 2 Verdana, unless you specify otherwise using the usual tags that doesn’t have a closing tag, so you don’t need to insert a tag anywhere. Best of all, you can avoid the hassle of having to format the majority of your text in one fell swoop, saving coding time and keeping your HTML streamlined.

 

A Space Odyssey

 

This is possibly the easiest way of improving an existing site’s download time. Every space in your HTML code isn’t empty spaces to a browser – it’s another bit of info it needs to interpret and process. Many WYSIWYG editors generate indented code with line breaks. Removing all those indents and line breaks will shave several K off the size of your page so it loads much quicker.

 

It’s here that a half decent Web page editor comes into its own. Using the search and replace function, you should be able to do a sitewide search for spaces. Type several spaces into the Find box, make sure the replace box is empty and it’ll whiz through the whole site eliminating any spaces it finds.

HTML Programming – A Waste of Time

Can HTML Programming be useful for the average web designer?

As more and more people access the Internet and want to set up websites so the plethora of programs and freebies increases to help the user to quickly set up a Web Page, so is there any real reason for users to learn how to program using HTML?

In this article we are going to look at three of the reasons given as to why learning HTML is a waste of time.

1. There are hundreds of Free Templates available on the internet so that one off websites can be produced quickly and easily.

2. The cost of Web Design Software is exorbitant, running into hundreds of pounds.

3. The learning curve is so steep it takes too long too learn enough to be able to produce a web page.

Let us look at these objections individually.

1. Whilst it is true to say that there are literally hundreds of free templates this is their disadvantage.

The fact that there are so many means that most of the websites will look identical and thereby reduce their uniqueness. Search engines will not look favorably on too many sites that look similar.

To be able to use basic HTML programming techniques to change the layout of the page and update colors and images will make your site stand out from all the others using the same template.

A very basic knowledge of HTML will allow you to quickly and easily put your own brand on your pages.

2. It is true that the more professional web design tools are expensive and that if the user is a full time web designer it would make sense to own the more expensive software but for the occasional user there are some very good FREE packages that are quite capable of producing a well designed web page.

One of the better free WYSIWYG editors is Kompozer which also has FTP built in, making it easier and quicker to edit web pages and upload them to your website.

3. If we are only going to make minor changes to our websites the learning curve is markedly reduced in time and effort. It will also have the added benefit that if you take to HTML Programming you will have a good basic introduction.

So we see that having a basic knowledge of HTML will help you to brand your websites as your own. From here it would be an easy step to gain a basic knowledge of PHP, CSS and MySQL.. There are several websites where you can obtain free tutorials in all aspects of computer programming.