Look at the layout of a web page. Most Web page layouts has header, columns, and footer. In the header is the logo and tagline, as well as some site navigation including a link to the search and sitemap pages. Then, there are columns where the links for the main content material rests. After that, its the footer with the usual copyright notice, a link to the top and a standard ad banner.

The first goal in making such a page is to focus on the major browsers like the recent versions of Netscape, Mozilla and Internet Explorer. To achieve that goal, the first step in converting a site from more conventional web design methods is to strip out the content out of the HTML tables, delete the spacers and start with a clean slate. By making a clean break from the past working methods, you cut out any potential problems that could throw a monkey wrench into the new CSS-based design.

This stripping down allows you to strategically plan the CSS layout styles. While it’s a good idea to plan ahead, most of the time that’s simply not possible. In order to meet deadlines, planning time gets cut, or a site simply evolves past its original design. The content of the site is then forced into a layout that goes against contemporary practices. Hopefully with this CSS revolution, web builders will be able to go back through their sites and actually rebuild and not just redesign their sites to manage any new modifications that have been made since their initial build.

After stripping the page down to its bare bones, you may want to divide the page into sections. There are some basic divisions already in a webpage: Header, columns, and footer. You will build off of these divisions, creating a structure that associates specific CSS rules to those sections. The actual divisions for creating such a page can be:

Header
Site

Navigation
Left Column
Right Column
Footer

So, the initial HTML markup will have these building blocks: Before stylizing the header, generate the HTML markup for it: Now, mark out the background and type colors with the simple CSS rule that follows. This rule creates the thin black line that separates it from the five top links, which you will get to later.

#header {
background-color: #000;
color: #000;
border-bottom: 1px solid

#000;
}

Now, bring in the logo and add the tagline. As you can see in the markup, were using text and not the graphic of the logo. The logo is actually brought in through the background of the H1 element like so:

#header h1 a {
background-image: url

(images/header.gif);
background-repeat: no-repeat;
display: block;
height:

85px;
font-size: 0!important;
text-align: right;
float: left;
width: 350px !important;
}

For H1, set the size of the font. It does not matter which unit you use. How browsers render this varies – some browsers may choose to disregard such an outlandish request and just present the text as being small or barely legible. On the other hand, browsers might actually not display the text at all”like you would hope. Either way, the text is also black and aligned to the right meaning that it will blend into the black background. No one should be the wiser that there iss actually text there. You can build a separate style sheet for each content section. Each style sheet would carry the color theme and appropriately colored graphics. So, the actual style of the images would not be hard coded as an image into the HTML file of each page. Rather, its in a purple.css or faq.css that is linked in the head of each section document. So, if there is ever a re-design that requires a new header image, its a simple matter of editing one line in a given section file rather than updating many HTML files. And if you align the text, it ends up exactly where it needs to be. Use a couple font styling rules and you are done:

#header .slogan {
margin: 0;
padding:

0;
text-align: right;
color: #fff;
font-size: 12px;
white-space: nowrap;
}

After styling headers, you reach navigation links. Putting the links into a list just makes sense: they are a set of unordered items. However, they also display vertically whereas the Web page layout maybe laid out horizontally. To get that effect, you can use the float property in the list item CSS rule: #navsite ul li { margin: 0 3% 0 0; font-size: 12px; width: 10%; float: left; } Raise the ColumnsNow, youll style the columns. Youll want to put the navigation links for the current issue to the right.The original layout uses 125 pixels for this column. However, for this contemporary method precise measurements arent always the best choice. So, Id use percentages. In this case, the width ofthe right-hand column is 15% of the browsers viewport width.#navish {background-color: #000;position: absolute;left: 85%;width: 15%;z-index: 3;color: #000;font-size: 12px;padding: 0;}You can now shrink the content portion of the page by 15%. Do this by manipulating the right sideof the margin to a width of 15%:#content {margin: 0 15% 0 0;padding: 0 0 5% 0;color: #000;background-color: #fff;}

Use Easy Web Site Builder Tools if do not want to learn HTML.

Related Web Marketing Articles:

• SEO Resources, Tools and Partners
• Google SEO Service Providers Bangalore
• SEO SMO PPC Company in Mumbai
• Gurgaon SEO – Search Engine Optimizers
• SEO Services in Hyderabad

Related Web Marketing Articles:

• Google Grabs AdMob To Push Further Into Mobile Advertising
• How to Promote a Website yourself – Free SEO/SEM?
• Text Link Directory Submissions for SEO
• Publisher Website Qualification Criteria
• Right Keywords for Best Search Engine Optimization

* Increase the number of backward links pointing to your website slowly
* Obtain backward links from within the same industry/market as your own
* Build up the number of one-way links your website has pointing to it
* Write articles and submit them to article directories
* Add your website domain on all of your adverts, documentation and e-mails
* Offer the visitors to your site the chance to sign up to a monthly newsletter
* Offer the visitors to your site a free e-book
* Write press releases

I tried to answer FAQs on how to Bring right Traffic describing the best ways to design your website and increase your website traffic and also make money with your website. I hope you have found this article interesting to read and beneficial to you. Good luck with your website promotion campaign.

Related Web Marketing Articles:

• SEO Resources, Tools and Partners
• Contextual Link Building – Most Effective Inbound Links
• How To Increase Site Traffic?
• What makes SEO work? – Tips and Checklist
• Text Link Directory Submissions for SEO

In Web 2.0, a vision of the Web in which information is broken up into microcontent units that can be distributed over dozens of domains. The Web of documents has morphed into a Web of data. We are no longer just looking to the same old sources for information. Now we’re looking to a new set of tools to aggregate and remix microcontent in new and useful ways. These tools, the interfaces of Web 2.0, will become the frontier of design innovation. The evidence is already here with RSS aggregators, search engines, portals, APIs (application programming interfaces, which provide hooks to data) and Web services (where data can be accessed via XML-RPC, SOAP and other technologies). Google Maps (in beta) provides the same functionality as similar competing services but features a far superior interface.

Flickr’s interface is one of the most intuitive and beloved around. Del.icio.us offers personal and social functionality, and reaches far beyond its own site. Interfaces like these are changing the way we store, access, and share information. It matters very little what domain content comes from.

Web 2.0 has often been described as the Web as platform, and if we think about the Web as a platform for interacting with content, we begin to see how it impacts design. Imagine a bunch of stores of content provided by different parties companies, individuals, governments upon which we could build interfaces that combine the information in ways no single domain ever could. For example, Amazon.com makes its database of content accessible to the outside world. Anyone can design an interface to replace Amazon’s that better suits specific needs (see Amazon Light). The power of this is that content can be personalized or remixed with other data to create much more useful tools.

There are six trends that characterize Web 2.0 for designers. In this introductory article we’ll summarize each of those trends and give brief examples. In upcoming articles we’ll explore each trend in more detail.

Writing Semantic Markup: Transition to XML One of the biggest steps in realizing Web 2.0 is the transition to semantic markup, or markup that accurately describes the content it’s applied to. The most popular markup languages, HTML and XHTML, are used primarily for display purposes, with tags to which designers can apply styles via CSS. These markup languages are not semantically dead, however. Designers can describe content, but only to the extent that it fits within the (X)HTML tag set. For example, designers can mark up content as headers, paragraphs, list items, citations, and definition lists using the tags, respectively. For some simple documents, these tags are adequate to describe content effectively. For most documents, however, there is no way to accurately describe the content with the (X)HTML tags we have available. In Web 2.0, this description is not only possible, but also critical.

Though HTML and XHTML give us only a glimpse of what it means, there is one technology demonstrating clearly the power of semantic markup. RSS is an XML format for syndicating content. It is an easy way for sites to tell people when there is new content available. So, instead of browsing to your favorite site over and over again to see if something is new, you can simply subscribe to its RSS feed by typing the RSS URI into a feed aggregator. The aggregator will periodically poll the site, notify you if something is new, and deliver that content. It’s a real timesaver.

Providing Web Services: Moving Away From Place During the early years of the Web, before content had semantic meaning, sites were developed as a collection of “pages.” Sites in the 1990s were usually either brochure-ware (static HTML pages with insipid content) or they were interactive in a flashy, animated, JavaScript kind of way. In that era, a common method of promoting sites was to market them as “places”—the Web as a virtual world complete with online shopping malls and portals.

In the late 90s and especially the first few years of the 21st century, the advent of XML technologies and Web services began to change how sites were designed. XML technologies enabled content to be shareable and transformable between different systems, and Web services provided hooks into the innards of sites. Instead of visual design being the interface to content, Web services have become programmatic interfaces to that same content. This is truly powerful. Anyone can build an interface to content on any domain if the developers there provide a Web services API.

Two great examples of the shift away from place to services on the Web are Amazon.com and eBay, both of which provide an immense amount of commercial data in the form of Web services, accessible to any developer who wants it. An interesting interface built using eBay’s Web services is Andale, a site that tracks sales and prices to give auction sellers a better idea of what items are hot and how much they’ve been selling for.

Remixing Content: About When and What, not Who or Why – Associated Press CEO Tom Curley made an important and far-reaching keynote speech to the Online News Association Conference on Nov. 12, 2004. In it he said;, “… content will be more important than its container in this next phase [of the Web]… Killer apps, such as search, RSS and video-capture software such as TiVo—to name just a few—have begun to unlock content from any vessel we try to put it in.”

Curley was specifically addressing journalists and the media industry, but this insight applies equally to the design profession. Web design during Web 1.0 was all about building compelling places (or sites) on the Web. But content can no longer be contained in a single place—at least not without going against the nature of the social Web and locking up your content in a secure site.

Web design in Web 2.0 is about building event-driven experiences, rather than sites. And it’s no coincidence that RSS is one of the key building blocks. RSS feeds enable people to subscribe to your content and read it in an aggregator any time, sans extraneous design. Searches can also be mixed with RSS to let people subscribe to content via topic and tag RSS feeds (from PubSub or Feedster, for example). These so-called “future searches” not only let people mix content from various sources, but end up being yet another way for users to bypass a site’s visual design.

Because content flows across the Web in RSS feeds and can be remixed along the way, Web designers must now think beyond sites and figure out how to brand the content itself.

Emergent Navigation and Relevance: Users are in Control – As a result of the remixing aspects of Web 2.0, most content will be first encountered away from the domain in which it lies. Thus, much of the navigation that is used to reach a specific item might be far removed from the navigation specifically designed for it. This distributed navigation might come in the form of a feed reader, a link on a blog, a search engine, or some other content aggregator.

One of the side effects of this is that the sources of and pathways to useful information will continually change, and users won’t necessarily know where to go to find it. Fortunately, content aggregators have a built-in answer for this—they can track what people are doing. By recording what pieces of microcontent are most often visited, aggregators can use past user behavior to predict what users will find most relevant in the future. This is very apparent in Daypop, Del.icio.us, and Blogdex feeds. What people have found relevant in the past is likely to be useful in the future.

With relevance decided within these third-party interfaces, users might even be able to read content without ever visiting the domain it comes from. Navigation schemes, as we know them, will be used less. The most traveled navigation paths will emerge from user behavior instead of being designed specifically for it.

Adding Metadata Over Time: Communities Building Social Information – One feature of Web 1.0 that seemed to change everything about publishing was the ability to make changes to the primary publication at any time. There are no editions or printings on the Web like there are in the print world. There is simply the site and its current state. We are used to this paradigm now, and an optimist can hope that Web content will only get better with time: metadata will be added, descriptions will get deeper, topics more clear, and references more comprehensive.

What we see happening in Web 2.0 is a step beyond this, to where users are adding their own metadata. On Flickr and Del.icio.us, any user can attach tags to digital media items (files, bookmarks, images). The tagging aspect of these services isn’t the most interesting part of them, though. What is most interesting are the trends we see when we put together everyone’s tags.

Let’s say, for example, that we tag a bookmark “Web2.0″ in Del.icio.us. We can then access del.icio.us/tag/Web2.0 to see what items others have tagged similarly, and discover valuable content that we may not have known existed. A search engine searches metadata applied by designers, but Del.icio.us leverages metadata applied by folks who don’t necessarily fit that mold.

Shift to Programming: Separation of Structure and Style – In Web 1.0, there were two stages to visual Web design. In the early years, designers used tricks like animated GIFs and table hacks in clever, interesting and horrible ways. In the last few years, CSS came into fashion to help separate style from structure, with styling information defined in an external CSS file. Even so, the focus was still on visual design—it was the primary way to distinguish content and garner attention.

Enter the Web 2.0 world, which is not defined as much by place and is less about visual style. XML is the currency of choice in Web 2.0, so words and semantics are more important than presentation and layout. Content moves around and is accessible by programmatic means. In a very real sense, we’re now designing more for machines than for people. This may sound like we’re in the Matrix, but in the words of Amazon.com CEO Jeff Bezos, “Web 2.0… is about making the Internet useful for computers.”

What does this mean for Web designers? It means designers have to start thinking about how to brand content as well as sites. It means designers have to get comfortable with Web services and think beyond presentation of place to APIs and syndication. In short, it means designers need to become more like programmers. Web 2.0 is a world of thin front ends and powerful back ends, to paraphrase Bezos.

Summary: The effects of Web 2.0 are far-reaching. Like all paradigm shifts, it affects the people who use it socially, culturally, and even politically. One of the most affected groups is the designers and developers who will be building it—not just because their technical skills will change, but also because they’ll need to treat content as part of a unified whole, an ecosystem if you will, and not just an island.

To summarize, these are what we see as the six main themes covering design in the Web 2.0 world:
Writing semantic markup (transition to XML)
Providing Web services (moving away from place)
Remixing content (about when and what, not who or why)
Emergent navigation and relevance (users are in control)
Adding metadata over time (communities building social information)
Shift to programming (separation of structure and style)

Related Web Marketing Articles:

• Meta Tags and On Page Optimization
• Search Engine Ranking Position Guarantee is a SEO Gimmick, Beware!
• Organic SEO Consultation
• Directory Submissions
• What should you expect from a Professional SEO Service Provider

The SEO Challenges: Although the online version of their business was not very competitive but the website given to us was in a bad shape and had to be targeted globally for the theme. Link architecture was not in place and the website was all image driven. The Silo structure of the website was also not correct and did not support the website theme.

The SEO Solution: After careful analysis and study of the competition that existed, we prepared SEO Methodology and Plan of Action. Recreated the entire website and implemented a content integration solution and than opimized the website for search engines through link building and social media promotion.

The SEO Results: Their website currently achieve top ranks for all the industry keywords and is generating targeted use traffic and new leads on a daily basis.

Search Keywords/Keyphrases: Search for dental clinics in gurgaon, dental clinics in delhi, dentist in gurgaon, best dentists in gurgaon or any related keyword to see the result for yourself!

Client Comments: I am the owner of www.marwahadentalclinic.com. We have been in business for many years, and an important lesson we learned during this time is the need to work closely with a good web design and web marketing team and were referred to Solution Point by one of their old client Umkal Group. Since working with Solution Point we have enjoyed consistently high rankings in all the major search engines.
- O P Marwaha

Company: Marwaha Dental Clinic
Website: http://www.marwahadentalclinic.com
Target Market: Delhi NCR for dental service seekers
Business: Dental Services