Feb
12
6 Hot Tips for HTML Fonts
Filed Under Main Content | Leave a Comment
by Anand
We are consistently working towards improving the look of our web pages so that they look attractive and pleasant so that more and more surfers could stay on our pages. The improvements goes on and on and we are in constant search for new techniques to make the web pages more appealing. But lets not forget one important aspect of the web page layouts and that is the use of fonts.
It is a common understanding that the use of fancy or artistic fonts improves the look of the site as well as gets more public attention. So far this has proven to be a myth and use of such fonts have only worked in reverse. So what are the best methods to use the fonts in html pages. In this article we will discuss the html fonts and provide you with some essential tips on this
Tip#1
Most people go to the WebPages to access and read the information. This goal must be satisfied by the correct use of fonts. In cases where the information is crucial for the web pages user, then the web page should be designed using the most readable font like Verdana or Arial with the correct font size and color.
Tip#2
Fonts are made up of many properties but considering a web page the most important of these are size, type and color. Choosing these properties wisely adds visual appeal to your website.
Tip#3
The best font is the one which is easy to read. It is always better to use on your web pages fonts like Arial, Tahoma, Verdana or Times New Roman as they are very clear and easy to read. Compared to these fonts, the fancy fonts like the calligraphic ones are very difficult to read distracting the user from the page.
Tip#4
It is not at all forbidden to use the fancy fonts. It is necessary to use such fonts if your website demands or deals into such categories. For example: If you have a website dealing with flowers then definitely you would like to use some artistic fonts on it. But in such cases it is better to use the special fonts on the logo or title and not on the information. Use Fonts in such a way you can make the design good and the information readable.
Tip#5
The second important issue is about the size of the fonts. Not everyone who is visiting the page has got a correct vision. It is therefore recommended not to use very small fonts and ideally the font size between 12-14 points is readable and should be used for the content. A bit bigger font size can be used for the titles. Also make sure that you are not using too big fonts which make your user scroll too much which also distracts tem from the page.
Tip#6
The last but not the least factor is about the font color. Do use gentle colors ad use as much as black fonts as you can. The black fonts are easily readable and do not affect the color blinds as well. The last thing you want to do is put a light colored font on a light colored background, like pink on yellow.
Using such tips you are sure to benefit your users and make them stay on the page for a longer time.
Looking for more information on HTML Font Tips check out www.HTMLTAG.ORG your guide to HTML Font Tips
http://www.articlesbase.com/internet-articles/html-font-tips-137760.html
Feb
4
Expert HTML
Filed Under Main Content | Leave a Comment
by Sandra Prior
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.
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 (What You See Is What You Get) 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, it 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.
Article Source:
http://www.articlesbase.com/web-design-articles/expert-html-419529.html
Technorati Tags: Html, Web, Pages, Download, Fast, Speed, Website, Design, Browser, Java, Code, Graphics, Tables, Tags