More Tips To Save Time With Web Designing
In a previous article ’10 Tips to Save Time with Web Designing,’ I told you about 10 tricks that professional website designers use to save time and achieve results faster.
In a previous article ’10 Tips to Save Time with Web Designing,’ I told you about 10 tricks that professional website designers use to save time and achieve results faster.Here are some more points to add to the list.Format fundamentalsFormat your images such that it reduces in size and increases the chances to rank well in search engine results. Use .gif for logos and pictures and use .jpeg for photographs. There is also available PNG format that comes in 2 types: 8-bit version and 24-bit version that allows for variable transparency. But unfortunately,
IE doesn’t support PNG channels. But an 8-bit PNG compresses much smaller than .gif thus making it a best choice in most situations.Title and Alt attributesAll the images and pictures on the website should use title and alt tags in order to make it possible for screen readers to parse the web page efficiently.Correct format for elementsThe pseudo classes should be the right order for good rollover effects. If the order is not right, it wouldn’t work correctly. The right order is:• Link: blue color• Visited link: purple color• Hovering link: purple color• Active link: red colorUse semantic mark-upSemantic mark up separates the content of your website from the appearance factors. The one advantage of this will be that almost all browsers will be in sync with content therein. FaviconsFavicons are the small icons that appear in the title bars of websites and in your favorite lists. They can be added easily and quickly. You just need to save the graphic in .ico format and include it in the root folder of your website. Change capitalization using CSSIf you want any part of your web page to be written in capital letters, like the headline or important keywords, you can simply instruct in the CSS instead of rewriting copies. Wrapping text around imagesUsing the image’s aligning attribute to shift it towards the right and left. But a better way of wrapping the text around images is by jumping below it so that the text flows along the edge. Use the following code to do this:Universal character setsIn spite of its importance of character sets, web developers most often do not understand them. Character sets inform the browser about the method being used to encode the characters. But as the number of character sets increase, there problem levels go up as well because certain sets available in a particular operating system might not work in others. Use a single universal character set that complies with most of the things.