Know everything Web Designing and SEO

web designer here to share my knowledge with you.

Web Services.

12:11 PM

Benefits of CSS Tableless Designs

Posted by Jayadevan

Web Development Company

CSS is the short form of Cascading Style Sheets. In the year 1996, the World Wide Web Consortium introduced it with the purpose of separating presentation (layout, fonts, page structure, colors etc) from the web page content (images, multimedia, written copy). Apart from this, another important goal of CSS is to increase web accessibility. In the true sense, CSS is an important tool for modern web designing.

Since CSS is being contained in a separate file from an HTML web page, it is often called the external style sheets. When an HTML page loads like .php, .aspx, .cgi, the page is called the external CSS file. The CSS file usually tells the HTML page about how to style the the content of a website. In earlier times, HTML along with tables were used to construct web pages. However, with the technological advancement, the process has become more advanced and dynamic. In this era, a new concept is followed for designing web pages. This approach is known as CSS tableless design.

This tableless design is not possible without CSS. However, in the place of tables, a tableless designer can use “DIV”s (the short form of “division”). A DIV is basically a container, where web content is stored.

Reasons Behind the Superiority of CSS Tableless Design

Still now, there is a confusion regarding the superiority of CSS tableless design over the traditional table-based website design. However, some of the reasons for which CSS tableless design is more preferred for modern website designing are mentioned below:

  • CSS tableless design enables the designers to create more complex designs when developing a site. It also allows the website designers to express their creativity. However, the table based layouts make the site more rigid and inflexible and does not allow the designers to show their innovative style.
  • CSS tableless design helps in improving search engine rankings of your website by designing smaller web page file and by eliminating “junk”. As a result, the search engine spiders could easily crawl through the site and gets favorable ranking in the search engines.
  • In the CSS tabless layout, all pages are allowed to use the same CSS document. So, in this case, the change in the entire website can be easily done. In the true sense, the CSS style sheets maintain the visual consistency all through the site.
  • A CSS tableless site updating is less time consuming and easier. In this form, look of an entire site can be altered by changing the properties in the CSS file. In this case, the HTML code of the page is not needed to be touched.
  • Redesigning a site by using CSS tableless design is less costly and faster than redesigning a site by using table based design. This is because in a CSS tableless designs, the same file is being used for the content and the layout design. So, the web designers can quickly make changes in the whole site.
  • Since in CSS tableless design, DIVs are used, page structure can be easily changed. Usually, DIVs are easily re-sizable than a transparent image, which is being used in a table-based site design.
  • CSS tableless web design reduces the file size of a web page and thus makes the page loading faster.
  • CSS tableless website design makes the website more accessible to the readers by proper navigation of web site.
  • Another advantage of this design format is that CSS allows the designers to attach multiple style sheets for various media types.

There is no doubt in the fact that the CSS tableless design is an excellent way for the development of modern websites. It is observed that by using CSS tableless design, the website could be made more usable and accessible. Added to these, faster page downloading and more elegant design are also possible. For the website developer as well as the site owner, CSS tableless websites are less expensive and easier to redesign.

Web Development Company

Stumble
Delicious
Technorati
Twitter
Facebook
5:13 PM

Top 10 CSS best practices

Posted by Jayadevan

Finsofts Techno

CSS is an amazing web tool, but it can easily get messy or sloppy. To get the best out of it, you must stay organised. So no more sloppy code, or unrecorded hacks. Your education in organising your CSS code is about to begin.

Keep organized. Rather than dropping in classes and id’s at random, try and keep things structured. Declare generic items first, followed by the not so generic items, and keep to that pattern. That way other developers are going to be able to follow the code, which is one of the great advantages of using CSS.

Title, sign, date. Ensure that people know it was you that did the design. This is helpful if another designer needs to clarify something with your design. This is especially helpful with a template.

Template libraries are brilliant. Once you have a good layout, strip out everything that is not generic to the template and file it. It is pure madness to write every style sheet from scratch, so this will save you a lot of time for your designs.

Remember you can save variances on a theme by saving them in a certain way, two column layout, blog layout and so on and so fourth. There are some good editing tools which will help you to do this.

Naming conventions are useful. Good naming conventions can make a lot of difference when you come to modify the design. The key here is to use generic names rather than what the element is. So instead of .largefont, .title is far more a useful name.

This has far reaching scope when it comes to modifying designs, so think carefully about what you are calling them, and this will save you a lot of work in the future.

Avoid using underscores. As backward compatibility is an issue with CSS that use underscores, try and form the habit of using hyphens instead. If you do, you will save yourself a lot of modification work later on, trying to figure out why your code is not compatible with older versions of IE or Firefox.

Repeating yourself is to be avoided. Always look to group elements where possible. This saves time coding and compiling, and try to utilise the opportunities for short cuts too.

Optimize. On the same theme try and cut down code wherever possible. So group and employ shortcuts as above. The fewer lines of code, the faster the page loads, it is as simple as that. Loose what is unneeded, and remember that zero can just be stated without a unit.

Write for Gecko. If you write your CSS design for Gecko browsers, tweaking for Webkit and IE will be easier than the other way round. So make sure Gecko browsers work first before you do anything.

Use a validator. If your CSS design is stuck, use a validator to find errors. W3C has a free validator, and this will be a big help in getting your design back on track.

Keeping it clean
. By keeping browser specific CSS style sheets individual, and just use java script, server side code, or conditional comments when needed, will help you keep things clean and tidy.

These CSS tips for keeping your code well organised will not only help you write better code, but better templates too. Your colleagues will also benefit from a tidier coding from you, and you will be better thought of as a designer.

You will find that projects are easier to work on with a little organisation, and you will be able to find the information you need faster for subsequent modifications.

Thanks Do Come back

Finsofts

Stumble
Delicious
Technorati
Twitter
Facebook
6:25 PM

Why do I need Joomla?

Posted by Jayadevan

Joomla LogoAlmost everyone who wants to publish a web site can benefit from using Joomla! to do it. Take a look at a few of the many good reasons to consider into using Joomla. Don't forget that it's FREE, so you can give it a try without risking anything but a little time.

Joomla and CMS Designing Visit Here

Joomla! is a FREE web application that can likely handle all of your web site needs. Known as a content management system or CMS, Joomla specializes in managing web content with a simple What-You-See-Is-What-You-Get interface so even a non-technical person can post articles and images. Installation is as easy as uploading the Joomla files to a web server that can run PHP and has access to MySQL database (most web providers meet both requirements). After a straightforward 6-step installation process, your site is up and running!

Here are a few good reasons to look into using Joomla:

Joomla Advantage If you want to create a professional looking web site and you don't have any HTML programming experience or design skills... Joomla! is for you.

Joomla Advantage If you have a static web site or a blog and you want more control over how the content is displayed... Joomla! is for you.

Joomla Advantage If you're an intermediate web designer but you don't have the skills to take your web site to the next level... Joomla! is for you.

Joomla Advantage If you run a company that wants an advanced Web 2.0 site but you don't have a large budget to spend on a custom site... Joomla! is for you.

Joomla Advantage If you want advanced interactive features including forums, chat rooms, shopping cart/eCommerce functionality, interactive maps, and more available through the 1800 add-ons... Joomla! is for you.

Joomla has been embraced for every type of web site need from professional commercial online shopping eCommerce stores to blog pages to Internet magazines.


Joomla Article EditorJoomla! is free, open source, and easy to use

To add content, simply click the Add Article button in the Administrator interface. You will be able to edit an article in much the same way as you do in a word processor (the editor even has a spell checker). When you click Save, the article will be instantly posted to the web for millions of visitors to read.

Content can be organized by filing individual articles into user-defined categories and sections. If you later want to change the location of an article, you need only select a different location from a drop-down menu and the next visitor to your site will see it in the new location. That's because Joomla! is completely dynamic -- changes made to any setting or preference are instantly reflected in the web site presentation.

Joomla and CMS Designing Visit Here

Joomla Lets You Change the Look of Your Site Instantly

Joomla uses a template system that defines the fonts, color scheme, images, and general presentation of the site. To change the look-and-feel of your entire web site, download one of the hundreds of templates that are either free or very inexpensive. In moments, you can change your site from one style (see below left) to another (below right) with literally the click of a single button.

Changing Templates - BeforeForwardChanging Templates - After

Take Advantage of Nearly 2000 Add-ons

Joomla has free or inexpensive extensions available to add almost any functionality you might want to your web site. If you want to include a commenting system, an eCard interface, or countless other features, go to the Joomla! Extension Directory (http://extensions.joomla.org) where you can download add-ons for these features. Even better, over 80% of the add-ons are free!

A Robust Programming Framework for Developers

Instead of developing a custom PHP site, Joomla makes it easy to build applications either atop the Joomla Framework (the Joomla CMS is actually an application running on the framework) or within the CMS. Joomla features three different types of extensions (modules, components, and plug-ins) to allow custom programming code for everything from a simple display add-on to a plug-in that modifies input and output at the foundation level of Joomla. In addition to the advantages provided by the extensive framework, developers inherit the tried-and-tested security features that underpin the Joomla system.

Joomla and CMS Designing Visit Here

Finsofts.


Stumble
Delicious
Technorati
Twitter
Facebook
4:37 PM

Web designing trends 2009

Posted by Jayadevan

We Web designers are a fickle lot. We love to experiment with things. We love to observe how people interact with our work. And we love to try out unusual design approaches that might possibly go mainstream and become a classic approach. As a result, new design approaches come up, and as more and more designers notice them and make use of them, new trends emerge.

Finsofts Website



Web Design Trends For 2009

Let’s first take a closer look at the main trends we identified, discovered and observed over the last months. In this overview, you’ll find a review of each trend and more beautiful examples that can inspire you in your next project.

  1. Embossing Letterpress


  2. Rich user interfaces


  3. PNG transparency


  4. Big typography


  5. Font replacement (sIFR, etc.)


  6. Modal boxes


  7. Media blocks


  8. The magazine look


  9. Carousels (slideshows)


  10. Introduction blocks


Now let’s go into detail and take a closer look at each of the trends presented above.

1. Letterpress

One of the most unexpected trends we’ve observed over the last months was the emergence of letterpress (actually pressed letters) in Web design. Probably the most important reason for this trend is the simple fact that this technique has been rarely used until now. Letterpress is used in various styles and on various websites and for various topics; in particular, it is often used in product designs and on websites for online services.

2. Rich User Interfaces

Happily, user interfaces in modern websites and Web applications are becoming more beautiful and more usable. Over the last year, the user experience for these applications has dramatically improved, resulting in rich and responsive user interface that have tremendous similarities with classic desktop applications. AJAX and Flash are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions.

In particular, we’ve seen much more white space over the last year, much more padding and much more space for various design elements. We also observed that many modern user interfaces display intuitive visual clues to communicate the status of a user’s interaction with the system. For instance, upon being clicked, event buttons often change their appearance from a “normal” to a “pressed” look, confirming and providing immediate feedback on the user’s interaction with the system. Aside from this, more and more services are now able to be personalized by the user: for us, it’s a clear sign that adaptive user interfaces are coming in 2009.

Happy reading....

Finsofts Website

Stumble
Delicious
Technorati
Twitter
Facebook
6:25 PM

Top SEO for PR3 Ranking

Posted by Jayadevan

Search Engine Optimization is getting your content listed in all the
top positions in Google, Yahoo and MSN for your targeted keywords.
When someone does a keyword search in a search engine for your
particular subject or niche - you want your site or content to be at
the top of the list.

Here are 10 SEO tactics that have worked and are working for me at
this moment in time. I make this clarification because you must
understand search engines, especially Google, are constantly
redefining how they rank pages. Here are my favorite tactics and
strategies:

by: Finsofts and Designs

1. Quality Content is and always will be your number one factor for
getting high rankings and keeping them. You must understand search
engines are simply businesses who supply a product like any other
company. That product is information. They must offer quality results
to anyone using their service to solve a problem, answer a question or
to buy a product. The more relevant, the more targeted the search
solution they return, the higher the overall quality of their product
and the more popular their search engine will become. Providing
quality content is vital for SEO success.
by: Finsofts and Designs

2. Keywords are your number one tools for achieving high rankings. You
must understand keywords and how they work on the web. You must know
how many searches are made each day for your chosen keywords. Sites
like Wordtracker and Seobook will give you a rudimentary number of
searches. Design your pages around your targeted keywords and don't
forget to do some deep-linking to these pages on your site. Find and
build backlinks to these interior keyword pages and not just to your
home page or domain URL. Picking keywords with medium to low
competition has worked out well for me. So too has using the more
targeted and higher converting "long-tail" keywords been very
beneficial for me.
by: Finsofts and Designs

3. Onpage Factors and site design will play a major role in the
spidering and indexing of your site/content. Make sure all your pages
are SEO friendly, made sure all your pages can be reached from your
homepage and no pages should be no more than three levels away from it
- keeping a sitemap listing all your major pages makes the search
engines happy. Make sure you have all your meta tags such as title,
description, keywords... are all optimized. (Title = around 65
characters, Description = around 160 characters) Remember, your title
and description should not only be keyword targeted but these are the
first contact/impression anyone will see of your site - make sure you
use them to draw and entice interested visitors to your site and
content. Also make sure your title and URL are keyword matched for
maximum effect. Having your major keyword in your Domain Name also
helps, using a pike | to separate different elements of your title has
helped my rankings, so too does having your keyword in the first and
last 25 words on your pages.
by: Finsofts and Designs

4. Google will send you the most qualified traffic so concentrate the
majority of your SEO efforts on Google. Don't ignore Yahoo! or MSN but
Google is king of search so give it the respect it deserves. With its
new browser, Google's influence will only grow stronger so you must
optimize your pages for Google. Use Google's Webmaster Tools and
Google Analytics to fine-tune your pages/content for Google. I also
use Google Alerts to keep up on my niche keywords and for comment
link-building on the newly created pages Google is indexing.

5. Link Building is still the most effective way to boost your search
rankings. Make sure you get backlinks from relevant sites related to
your niche market and make sure the 'anchor text' is related to your
keywords but don't ignore the text and overall quality of the content
linking to you. The anchor text is the underlined/clickable portion of
a link. Don't forget linking is a two-way street, make sure you link
out to high quality, high ranked relevant sites in your niche.
by: Finsofts and Designs

6. Article Marketing
is a well established method of getting quality backlinks and it still
works. Writing short 500 - 700 word informative helpful articles with
your backlinks in the resource box is still very effective for getting
targeted traffic and backlinks. Longer articles have also worked for
me and I use an extensive network of distribution including
SubmitYourArticle, Isnare, Thephantomwriters... plus other major
online sites. Don't forget the whole element of blogging and RSS feeds
in your article distribution. And always remember you're also using
these articles to pre-sale your content or products. Don't forget to
leverage sites like Squidoo, Hubpages... to increase your rankings and
traffic.
by: Finsofts and Designs

7. Onsite Traffic Hubs have worked extremely well for me. These
traffic hubs are whole sections of your site devoted to one
sub-division of your major theme. For example, if you have a site on
Gifts, then wedding gifts could be a separate section. This would be
fully fleshed out with extensive pages covering everything dealing
with wedding gifts - a self-contained keyword rich portion of your
site on wedding gifts. Works similar as a sub-domain but I prefer
using a directory to divide it up, such as yourdomain/wedding_gifts.
(Most experts suggest always using a hyphen in your urls but
underscores have worked fine for me.) Search engines love these
keyword/content rich hubs but keep in mind you're creating content to
first satisfy your visitors.
by: Finsofts and Designs

8. WordPress blog software is extremely effective for SEO purposes.
WordPress software is easy to install on your site even if you have no
experience with installing server-side scripts. Besides search engines
love these highly SEO friendly blogs with their well structured
content and keyword tagging. I have at least one of these on all my
sites to draw in the search engines and get my content indexed and
ranked. I also use Blogger (owned by Google), Bloglines and other free
blogs to help distribute my content.
by: Finsofts and Designs

9. Social Bookmark/Media Sites are becoming very important on the web.
These include a whole range of social sites like MySpace, FaceBook,
Twitter... media news sites like Digg, SlashDot, Technorati... you
must get your content into this whole mix if you want to take full SEO
advantage of Web 2.0 sites. You should be joining these sites and
using them. It's time consuming but it will keep you in the swing of
things. One simple thing you must do is to put social bookmark buttons
on all your pages so that your visitors can easily bookmark your
content for you. You can use a WordPress plug-in or I like using a
simple free site/service from Addthis.com which gives me a simple
button to put on all my content.
by: Finsofts and Designs

10. Masterplan! Many webmasters and site owners forget to develop or
have an overall masterplan/strategy when it comes to SEO. You must
have an understanding of what SEO is and what it can do for you and
your site. More importantly, you just don't want SEO - you want
effective SEO. In order to achieve effective SEO you must have three
things: Relevance, Authority and Conversions.
by: Finsofts and Designs

First, your content/site must be relevant to the topic or niche area
you're pursuing - your content must fit in and be related to all the
other sites in your niche. That's why closely themed sites do so well
in the search engines, they give only relevant content to what's been
searched for or discussed.

Second, your content/site must be perceived as an authority site on
your subject or niche. Establish this authority position and the
search engines will love you and your content. One way is to develop
this authority, besides offering superior content, is to form
links/partnerships with other perceived authority sites in your field.
Always strive to make your site an authority site - tops in your niche
- the one site everyone has to check before drawing or forming a
conclusion.

Third, conversions should be your main goal of any SEO efforts because
you want to convert your targeted traffic into site members,
subscribers, buyers or just repeat visitors. If you're into online
marketing, conversions will be the most important element of the whole
SEO process because you want buyers, not just visitors coming to your
site.

Most of all, you must convince yourself Search Engine Optimization is
not difficult, nor is it the equivalent of the online bogeyman as many
would like you to believe. Used effectively, SEO can give you the
targeted traffic you're seeking, just follow some of the outlined
steps/tactics listed above and you will have SEO working for you and
your site in no time at all.

Thank You ... by: Finsofts and Designs

Stumble
Delicious
Technorati
Twitter
Facebook
7:26 PM

How to Design a Website for Beginners

Posted by Jayadevan

A few years ago, when I was first introduced to the world of Internet site design, I thought it would be impossible to learn everything there is to know about building a website from scratch.

It all seemed so overwhelming! I still haven't learned "all the facts" about Web design or the Internet, but I did make one important discovery on this journey - I didn't have to know everything about how to create my own website to build a very effective and intriguing Internet presence.

The Webmaster Course website is living online proof that, with minimum Internet knowledge, beginners can design an efficient Internet site in just a short period of time. Throughout these web pages, you'll find the resources and step by step instructions you will need to design your own complete business or personal Website.

Designing Your Own Website is the First Step Toward Reaching Your Goal

Whether you're thinking of starting an online business or just adding your "personal" touch to the World Wide Web, designing your own Website is the first step toward reaching your goal. You could hire some fancy designer to create your site for you, but that's no fun. Besides, you want your Website to reflect your personality, your decisions and hard work, and your unique design style, right?

Here are just a few ideas to get your wheels turning...

Below are ideas both for developing a personal or business Website. With these ideas, you'll be able to develop a basic outline for your new Website.

Check out my site at finsofts

Your Personal Website:

  • Share your family tree with others and find long, lost relatives.
  • Build a site around your favorite hobby. Let others in the world know your expertise and knowledge about how to do it better. You can include pictures, demonstrations, and detailed instructions.
  • Start a community for your family. Update family reunions (photos, minutes, dates, locations, and times), keep a database of birthdays and "new" births, have a "kids' only" section, and even start a family picture album for all the different members of your family - there's tons of unique ways to build your family community!
  • Offer a volunteer Website for your Church or your favorite organization - Learn how to design a web page for boy/girl scouts, charity events, cancer foundations, etc...

Your Internet Business Site:

  • Turn your favorite hobby into a part time or full time Internet business after taking these web design classes for beginners. If you're good at sewing, homeowner repairs, cooking, exercising, camping, traveling, crafts, music, writing, accounting, etc., you're the perfect candidate for an online business and this web design course. Did you know that your unique experience and knowledge can turn into profits on the Internet?
  • You may already own a business and would like to transfer it to the Web or add an extra value to your company. Either way, you can achieve your desired goal with the simple Web design resources provided here for you.
  • Perhaps you have a product or personal invention in mind that you would like to promote on the Internet? There are many very successful Websites that promote only one or two products.

Interesting fact: Sites with very specific and unique goals tend to be more successful than companies which "carry" everything from toothpaste to brakes for your car.

Just thought I'd add that in for a little encouragement. The Internet is not much different from the "brick and mortar" world when it comes to business. Offering the right product to the right market is still the most effective way to gain success online.

Other people just like you are creating web sites everyday and you can do it too!

Check out my site at finsofts

Two Important Points

There are just a couple of things to remember before you begin designing your very own Website.

1. The Internet is an ever changing market. To stay on top, you must stay informed. Within this site, you'll find many useful resources to help you keep informed about Internet changes and news.

2. Your Website's success depends on your willingness to add new updates, delete old news, find helpful resources for your visitors, deliver what you've promised, and provide a useful and informative contribution to the World Wide Web.

Okay, ready to learn web design?

Check out my site at finsofts

Stumble
Delicious
Technorati
Twitter
Facebook