Tryangled Solutions web designing tips tricks

Interior designers design rooms with grids. City planners design metropolitan areas on grids. And print designers design print layouts on grids. If you use a grid to design your Web page layout, you’ll create designs that look right and feel comfortable to most people.

<news.google.com>: Allows you to search 4,500 constantly updated news Web sites at once. Saves you the trip to various new sites to find out what’s going on. The new personizable version (see upper right on the page) allows you to layout the page as you like it, including personalized news searches. eg, I have it set up so that news I am interested in - India, New York Yankees, New York Jets, golf, etc - are displayed when I go to the site.

A redesigned page rendering and layout engine means you see Web pages faster—and in the way they were meant to be seen.

After designing a layout for a web site, we obviously start converting it into HTML during this session as a web designer we mainly concentrate on cross browser compatibility but we also need to concentrate on some basic seo things like…

1. Using Correct Doctype.

2. Using Meta Content and Meta Keywords.

3. Using Alt tags for Images.

4. Using Valid HTML and CSS code.

5. Make your web site load fast.

1. Why to Use Doctype and what does correct doctype means?

Document type defination(DTD) is also know as Doctype, doctype informs the browser how to interpret the content of the page. If the the doctype is not declared, the browser assumes you don’t know how to code, and goes into quirks mode. If you know what you are doing and include a correct HTML doctype, your page will be rendered in standards mode.

Some Recommended DTDs to use in your Web document.

Use correct doctype, for example your using strict doctype and you use used align in in div tag or in p tag then doctype you used is not correct because align attribute is deprecated in strict doctype.

2. Using Meta Content and Meta Keywords.

Use proper keywords and content relate to your web site, that helps search engine to crawl your web site.

3. Using Alt tags for Images.

Specify alt tag for image and that alt tag should be a keyword related to web site, because images you have placed on site can be seen by visitors but not by search engines, so alt tag help search engines to read, with the help of alt tags search engines display the image results.

4. Using Valid HTML and CSS code.

Validate your html and css code and make your code w3c standard.

validate your html code here

http://validator.w3.org

validate your css code here

http://jigsaw.w3.org/css-validator

5. Make your web site load fast.

Don’t mess up your site with heavy images that makes your site heavy and slow, try to optimize images that reduces weight and helps to load fast.

1 — Fast Loading Pages

Pages should load fast. Most people will leave your site if it’s not done loading in ten or 15 seconds. And even if you have a fast internet connection, not everyone does and 56k modems still exist.

2 — Easy to Read Text

Text should be easy to read. The text size should be big enough, and the background should not obscure your text. If you want to be safe, use black text on a white background. If you want more color, choose very carefully to make sure it’s still easy to read.

3 — Intuitive and Easy to Navigate

Your website should be easy to navigate. Each link should be clearly identified as such and graphic navigation elements like buttons and tabs should be easy to read and use. You do not want people leaving because they could not figure out how your Flash menu works.

4 — Consistent Layout

Your layout and design should be consistent. If you switch between styles too much, you will confuse your visitors. If the design is too different, people will believe that they are now on a different website since the layout changed.

5 — Less is More - Sometimes…

Avoid music and sounds. Very few people like to have music forced on them while they navigate, especially if they are already listening to music or surfing at their job! If you really cannot do without music, turn it off by default and ask visitors to start it themselves.

6 — Pay Attention to Browser Compatability

Design for browser compatibility. Many people do not use Internet Explorer on Windows. Make sure your site is at least viewable in Mozilla Firefox and Opera (if possible, you could even try testing on a Mac). Sites that target markets like technology should be more careful, since readers are more likely to use the newest browsers and gadgets like PDAs.

7 — Screen Resolution - Still Matters

Design for all screen resolutions. You may like to surf in 1240×1080 with your new screen, but some people still use 800×600, or even 640×768! A site that looks perfect in high resolution may turn out to be impossible to view correctly in 800×600.

This is just a begining to what I hope will be a growing list of web design tips (please submit tips through comments) and one that evolves into more advanced design tips. Please provide some feedback and tips of your own so I can get a better sense of the level of our readership.

I hate AdSense on blogs. Usually, I ignore it, but I also cast a sharp eye towards the quality of the posts and professionalism of the content when I see AdSense. That’s not to say that contextual advertising can’t work well in some blogs, but it needs to be well integrated into the design and layout to help defer criticism. Don’t get me wrong - it’s unfair to judge a blog by its cover (or, in this case, its ads), but spend a lot of time surfing blogs and you’ll have the same impression - low quality blogs run AdSense and many high quality ones don’t. I always recommend that whether personal or professional, you wait until your blog has achieved a level of success before you start advertising. Ads, whether they’re sponsorships, banners, contextual or other, tend to have a direct, negative impact on the number of readers who subscribe, add to favorites and link - you definitely don’t want that limitation while you’re still trying to get established.