by: Gally Reznor
Congratulation, you finely decided to upgrade your business with a website. This is really important step which can take your business to a new level structurally and financially.
1. Well built and properly advertised website can bring you hundreds of new customers who wouldn't have heard about your business otherwise.
2. Most of people do not search for services on yellow pages no more but open Google , Yahoo, MSN, etc. Therefore your presence on the net is a very important strategy to earn new clients.
3. Website is your face when it comes to clients who arrive to you via the net. If your website is well built, even if you are a small business owner, clients will be more willing to work with you.
Now that we understand the importance of a good, reliable website for a business, let's go over some basic steps to make sure your website will be a success story:
Determine your budget:
Website building can cost you nothing or cost you thousands of dollars. I think that the best site is the one which benefit will excel its cost. Therefore every business owner must determine his appropriate budget .
Some companies offer absolutely free websites. There are some advantages and some disadvantages in such a website. The first and the biggest advantage is the zero cost. If your website turns out useless , you don't lose any money. The main disadvantages of free websites are usually the limited storage space (which means you can't build a large website) and limited bandwidth (if many users enter your site at once, it might become slow or even unavailable).
If you have a large sum of money to put on your web site, you may go to a custom Web Design firm. They will usually offer you two or three unique design sketches which they embed in their Content Management System and a directions about how to enter your content into it. The problem about this option is it's high cost.
There is no second chance to create a first impression:
Design is naturally one of the most important aspects in website success. Website design must represent your business as a prosperous, impressive and trustworthy therefore there is no place to disregard it.
Quality content:
In order to be found in search engines and attract serious visitors you must fill your website with high quality content. We suggest you enter information about yourself , your business and products. Professional articles and further information from your field of interest might add more value to the website and present you as an expert in your field.
Keeping in touch:
Once you have earned clients you better keep in touch with them. There are number of fast and cost effective ways to do so:
1.By mail. Today spam mail is a felony, but once a customer signed up at your website and gave his agreement to receive your e-mails, you should keep in touch with him , informing him about new products, services and sales.
2. By SMS. If your business is very dynamic you might use the SMS technology to keep in touch with your clients at real time.
3. Keep in touch with your clients by blogs and forums where you can offer them technical support
Sabtu, 23 Agustus 2008
Create Your Own Website: A How To Guide
by: Tem Balanco
Nothing is as invaluable as a website when it comes to airing your ideas, authoring opinion pieces, distributing photos, or marketing your business products. Having your very own website can be a boon to you, but there are a few things you should know first before setting out to create your own website (http://www.buildyoursite.com/).
Decide why you want to create your own website. Do you want to let others know of your political leanings, do you want to write fiction, or are you looking for an online store? Each of these will lead to a different kind of website, and each will have a different audience.
Next step is to determine how comfortable you are with web page creation. If you are not proficient in computers, try to hire a professional. If, on the other hand, you enjoy learning how to do new things on the Internet, then using a free or inexpensive do-it-yourself type of hosting should be enjoyable.
You need to determine what level of control you desire. Utilizing the free hosting will provide you with a few different background colors and styles. If you have further needs or wants, you may have to pay additional fees, or even use the services of a professional.
Another thing to consider when you create your own website is to choose a template. Many free hosting vendors have a variety of templates that you can choose from. You can decide which colors and style will be most attractive to your future audience. You will probably be able to alter the template in minor ways, but the overall style will remain the same.
You will want to think about obtaining a domain name. There are many companies that sell domain names. If you want to make a website, you will need software. This software will help you design your website, and it is important if you want to control a lot of different areas of your site. It is possible that you will need some knowledge if you want to make a webpage from software.
If you don't know what to do first, choose one of the free step-by-step instructional guides found on the Internet outlining how to create a website. For other ways to learn about how to create a website (http://www.buildyoursite.com/), many e-books are offered that incorporate free HTML tutorials, website software, information of registering domain names, guides to website design, and more.
Nothing is as invaluable as a website when it comes to airing your ideas, authoring opinion pieces, distributing photos, or marketing your business products. Having your very own website can be a boon to you, but there are a few things you should know first before setting out to create your own website (http://www.buildyoursite.com/).
Decide why you want to create your own website. Do you want to let others know of your political leanings, do you want to write fiction, or are you looking for an online store? Each of these will lead to a different kind of website, and each will have a different audience.
Next step is to determine how comfortable you are with web page creation. If you are not proficient in computers, try to hire a professional. If, on the other hand, you enjoy learning how to do new things on the Internet, then using a free or inexpensive do-it-yourself type of hosting should be enjoyable.
You need to determine what level of control you desire. Utilizing the free hosting will provide you with a few different background colors and styles. If you have further needs or wants, you may have to pay additional fees, or even use the services of a professional.
Another thing to consider when you create your own website is to choose a template. Many free hosting vendors have a variety of templates that you can choose from. You can decide which colors and style will be most attractive to your future audience. You will probably be able to alter the template in minor ways, but the overall style will remain the same.
You will want to think about obtaining a domain name. There are many companies that sell domain names. If you want to make a website, you will need software. This software will help you design your website, and it is important if you want to control a lot of different areas of your site. It is possible that you will need some knowledge if you want to make a webpage from software.
If you don't know what to do first, choose one of the free step-by-step instructional guides found on the Internet outlining how to create a website. For other ways to learn about how to create a website (http://www.buildyoursite.com/), many e-books are offered that incorporate free HTML tutorials, website software, information of registering domain names, guides to website design, and more.
Make Your Own Website: Achieve Success With Your Site
by: Tem Balanco
There are many reasons for you to make your own website. You may want to sell a product or service, or you may want to share your thoughts and dreams with the world. No matter what you want to do online, you can design a website (http://www.buildyoursite.com/) to do it. When you are thinking of making a site on your own, there are a few things to think about.
The first thing you will want to decide before you make your own website is what you want to accomplish by doing so. This is the most important thing you can do when you are ready to make a website (http://www.buildyoursite.com/). Knowing the purpose will allow you to make any other decisions more clearly.
After you have completed these stages, you need to locate the company that will be your web host. This company will provide several important pieces for you. At a minimum, they will be responsible for registering your name and associating it with an appropriate web address. In general, you will be running your service from their space, so the host takes over administrative and physical security responsibilities. If you choose to use their equipment, you must sign an agreement concerning additional charges should you need more bandwidth or disk space than the minimums.
Dedicated web space is space that you paid for. There are no advertisements on dedicated web space unless you want there to be. Unlike free hosts, paid hosts will not insert ads onto your site. If you make your own website (http://www.buildyoursite.com/) and pay for the hosting, therefore, you have more control. Choosing your own domain name allows you to personalize the site even further.
There is a ton of information about website building online. Some companies offer website building tools, while others only use HTML code. You will be able to find lots of HTML tutorials online if you are interested in learning. Doing a quick search in your favorite search engine will find hundreds of links to websites that offer these tutorials.
The sky is the limit from here. You will be able to create a personalized and snazzy site. How it ends up is up to you. You can put as much time into the project as you want. Either way, when you make your own website, you will end up with something that is entirely your own. This is almost a form of art.
There are many reasons for you to make your own website. You may want to sell a product or service, or you may want to share your thoughts and dreams with the world. No matter what you want to do online, you can design a website (http://www.buildyoursite.com/) to do it. When you are thinking of making a site on your own, there are a few things to think about.
The first thing you will want to decide before you make your own website is what you want to accomplish by doing so. This is the most important thing you can do when you are ready to make a website (http://www.buildyoursite.com/). Knowing the purpose will allow you to make any other decisions more clearly.
After you have completed these stages, you need to locate the company that will be your web host. This company will provide several important pieces for you. At a minimum, they will be responsible for registering your name and associating it with an appropriate web address. In general, you will be running your service from their space, so the host takes over administrative and physical security responsibilities. If you choose to use their equipment, you must sign an agreement concerning additional charges should you need more bandwidth or disk space than the minimums.
Dedicated web space is space that you paid for. There are no advertisements on dedicated web space unless you want there to be. Unlike free hosts, paid hosts will not insert ads onto your site. If you make your own website (http://www.buildyoursite.com/) and pay for the hosting, therefore, you have more control. Choosing your own domain name allows you to personalize the site even further.
There is a ton of information about website building online. Some companies offer website building tools, while others only use HTML code. You will be able to find lots of HTML tutorials online if you are interested in learning. Doing a quick search in your favorite search engine will find hundreds of links to websites that offer these tutorials.
The sky is the limit from here. You will be able to create a personalized and snazzy site. How it ends up is up to you. You can put as much time into the project as you want. Either way, when you make your own website, you will end up with something that is entirely your own. This is almost a form of art.
Design Your Own Website- It Is Simple
by: Tem Balanco
Before you embark upon the process involved when you design your own website, you must select and register a domain name. That is your site's brand name and contact name. In order to be given a domain name of your very own, you must make a yearly payment to the appropriate registering entity to obtain the exclusive right to it.
Obtaining a domain name doesn't mean you have a web site or anything close. All you have is a name. It is similar to getting yourself set up with a name for your business is the "real" world - just obtaining exclusive rights to a name doesn't mean you are totally in business. You just have a name.
A web host commonly implements numerous computers that are all linked to the Internet to allow a very large number of web pages to be broadcast all over the world. The first step in making your new web page visible is to use a reputable web host that will give your personalized website a virtual home.
Thinking of a domain name is very much like thinking of a name for your company in the physical world. Similarly, a web hosting account is the equivalent of renting an office for your company. After you have come up with a domain name and signed on with a web host, you will then need to design your own website (http://www.buildyoursite.com/) to attract visitors.
As a beginning web designer, you first need to design your own website in a attractive, and appealing manner. After you have got your basic web page posted you will be able to make any adjustments that you feel are needed. There are free web editors and commercial versions that are widely available.
When you choose to use free software, you can also learn more from a complete tutorial on the web. The step-by-step tutorial will guide you in the process of making your own web page, site map, and comment forms. It will also give you tips on the basic aspects of the software so you can continue to update and improve the site in the future.
A crucial aspect of web development is optimizing your site for search engines. This should be undertaken from the very start of the design process. In addition, there are a number of other concerns involved in developing web pages.
Before you embark upon the process involved when you design your own website, you must select and register a domain name. That is your site's brand name and contact name. In order to be given a domain name of your very own, you must make a yearly payment to the appropriate registering entity to obtain the exclusive right to it.
Obtaining a domain name doesn't mean you have a web site or anything close. All you have is a name. It is similar to getting yourself set up with a name for your business is the "real" world - just obtaining exclusive rights to a name doesn't mean you are totally in business. You just have a name.
A web host commonly implements numerous computers that are all linked to the Internet to allow a very large number of web pages to be broadcast all over the world. The first step in making your new web page visible is to use a reputable web host that will give your personalized website a virtual home.
Thinking of a domain name is very much like thinking of a name for your company in the physical world. Similarly, a web hosting account is the equivalent of renting an office for your company. After you have come up with a domain name and signed on with a web host, you will then need to design your own website (http://www.buildyoursite.com/) to attract visitors.
As a beginning web designer, you first need to design your own website in a attractive, and appealing manner. After you have got your basic web page posted you will be able to make any adjustments that you feel are needed. There are free web editors and commercial versions that are widely available.
When you choose to use free software, you can also learn more from a complete tutorial on the web. The step-by-step tutorial will guide you in the process of making your own web page, site map, and comment forms. It will also give you tips on the basic aspects of the software so you can continue to update and improve the site in the future.
A crucial aspect of web development is optimizing your site for search engines. This should be undertaken from the very start of the design process. In addition, there are a number of other concerns involved in developing web pages.
Build Web Page Which Is Effective
by: Tem Balanco
There are a few critical places in building a web page (http://www.buildyoursite.com/) where you must make the right decision, or you'll have to repeat this task again and again until you get it right. The better you grasp these essential points, the better your web page will work and the happier camper you'll be.
As a website builder, make sure you know what the project can do for you. If you are the owner of a business, you want to maximize your business opportunities. But if you are an employee who just has to get the job done, you may want to stick to something basic that will please the boss and not cause any headaches. And if your a volunteer, you may want to use this as a chance to increase your skills and do a good deed.
Make sure the needs of the business or organization are met when you build web page (http://www.buildyoursite.com/). Develop a brand identity and help potential clients and customers to find out who you are and what you do. An online brochure is a good way to start.
You're trying to enhance your brand or organization image. But this is very legitimate for some kinds of companies, especially local businesses or organizations that aren't trying to conduct national or international commerce. You want people to know who you are, what you do, where to find you, and how to contact you.
A good strategy is to provide product information that will improve local sales of your goods and services. Car sites are a good example. Car companies don't often sell their cars through the internet, but they guide people to local dealers. You can also sell advertising, but right now, there is more space than ads to fill it.
Though the industry is improving, internet advertising is rather under-priced. Sites that are portals for many other sites may be able to sell some advertising space, but this should not be a counted on form of revenue. Instead, view the revenue from advertisement space sales as a bonus.
Construct a web page and become an Internet direct seller of products or services. You want to engage in e-commerce and sell to a domestic or worldwide market. You will have a system for ordering one or more products, or maybe you will feature an in-depth online catalog. Your online service may offer delivery over the Internet, or it may be initiated online.
Build web page (http://www.buildyoursite.com/) and earn affiliate commissions for sales and leads generated through links on your web page. Savvy marketers are building micro sites designed to generate search engine traffic for a particular hot product or service. When a visitor clicks on one of their links, he is referred to an e-commerce site, and, if a sale results, the affiliate gets a commission. Perhaps a form on your site generates leads or subscriptions for another company.
There are a few critical places in building a web page (http://www.buildyoursite.com/) where you must make the right decision, or you'll have to repeat this task again and again until you get it right. The better you grasp these essential points, the better your web page will work and the happier camper you'll be.
As a website builder, make sure you know what the project can do for you. If you are the owner of a business, you want to maximize your business opportunities. But if you are an employee who just has to get the job done, you may want to stick to something basic that will please the boss and not cause any headaches. And if your a volunteer, you may want to use this as a chance to increase your skills and do a good deed.
Make sure the needs of the business or organization are met when you build web page (http://www.buildyoursite.com/). Develop a brand identity and help potential clients and customers to find out who you are and what you do. An online brochure is a good way to start.
You're trying to enhance your brand or organization image. But this is very legitimate for some kinds of companies, especially local businesses or organizations that aren't trying to conduct national or international commerce. You want people to know who you are, what you do, where to find you, and how to contact you.
A good strategy is to provide product information that will improve local sales of your goods and services. Car sites are a good example. Car companies don't often sell their cars through the internet, but they guide people to local dealers. You can also sell advertising, but right now, there is more space than ads to fill it.
Though the industry is improving, internet advertising is rather under-priced. Sites that are portals for many other sites may be able to sell some advertising space, but this should not be a counted on form of revenue. Instead, view the revenue from advertisement space sales as a bonus.
Construct a web page and become an Internet direct seller of products or services. You want to engage in e-commerce and sell to a domestic or worldwide market. You will have a system for ordering one or more products, or maybe you will feature an in-depth online catalog. Your online service may offer delivery over the Internet, or it may be initiated online.
Build web page (http://www.buildyoursite.com/) and earn affiliate commissions for sales and leads generated through links on your web page. Savvy marketers are building micro sites designed to generate search engine traffic for a particular hot product or service. When a visitor clicks on one of their links, he is referred to an e-commerce site, and, if a sale results, the affiliate gets a commission. Perhaps a form on your site generates leads or subscriptions for another company.
Build A Website : The Costs And Benefits
by: Tem Balanco
These days in a world ruled by technology, virtually anyone can build a website, but few have the skills to build a website that functions. Even though there are plenty of low cost tools and services out there, far too many web sites are virtually useless, gathering virtual dust on their virtual shelves.
You can design and build your website with a lot of effort. But that alone does not guarantee that your website will be a success. You have to give importance to factors that will encourage people to visit your website. You can market your website in many ways, to increase traffic to your website. However, online marketing is quite expensive.
When you are operating on a small budget it is essential that you build a website that is optimize for search engines. You will save a lot of advertising dollars by ensuring that all your web pages have quality keywords. Keywords are words or phrases that the world uses to find what they are looking for in the web.
If you want to make your web page appear live for the world to view, you simply need to research a hosting company with experience, register your domain name, create your account, build your personal site, and then publish it. It is a very simple process! The important part is finding a hosting company that provides you with a domain name (your personal website name) registration, site builder tools, and hosting.
Some site builder tools require you to be proficient in HTML (Hyper Tex Mark up Language). Otherwise look for site builder tool that does not require you to learn the language. To build a website (http://www.buildyoursite.com/) that works require upfront planning. After deciding on what niche you want to pursue, you will need to come up with a name for your website, build a keyword list, register your website name, sign up with a hosting company, and submit your website to the search engines. All this can end up costing you quite a bit.
In summary, building a Website that works is going to cost you. But, you have control over how much it costs you financial and emotionally. All you have to do is to figure out exactly what you want the website to do, identify the resources that you will need, establish a budget, then go build your site. It is that simple.
These days in a world ruled by technology, virtually anyone can build a website, but few have the skills to build a website that functions. Even though there are plenty of low cost tools and services out there, far too many web sites are virtually useless, gathering virtual dust on their virtual shelves.
You can design and build your website with a lot of effort. But that alone does not guarantee that your website will be a success. You have to give importance to factors that will encourage people to visit your website. You can market your website in many ways, to increase traffic to your website. However, online marketing is quite expensive.
When you are operating on a small budget it is essential that you build a website that is optimize for search engines. You will save a lot of advertising dollars by ensuring that all your web pages have quality keywords. Keywords are words or phrases that the world uses to find what they are looking for in the web.
If you want to make your web page appear live for the world to view, you simply need to research a hosting company with experience, register your domain name, create your account, build your personal site, and then publish it. It is a very simple process! The important part is finding a hosting company that provides you with a domain name (your personal website name) registration, site builder tools, and hosting.
Some site builder tools require you to be proficient in HTML (Hyper Tex Mark up Language). Otherwise look for site builder tool that does not require you to learn the language. To build a website (http://www.buildyoursite.com/) that works require upfront planning. After deciding on what niche you want to pursue, you will need to come up with a name for your website, build a keyword list, register your website name, sign up with a hosting company, and submit your website to the search engines. All this can end up costing you quite a bit.
In summary, building a Website that works is going to cost you. But, you have control over how much it costs you financial and emotionally. All you have to do is to figure out exactly what you want the website to do, identify the resources that you will need, establish a budget, then go build your site. It is that simple.
Sales Pages With Style - Create Quality Sales Pages With CSS
by: Elizabeth Adams
Sales pages, to be effective, must immediately catch the attention of even a casual web surfer. The sales message contained in the sales page needs to be both easy to read and understand. If the content-display styling is well-crafted, the sales message can be absorbed with just a rapid page scan. An interested reader will re-read the page for the details.
Sales copy provides the content which entices the reader to move deeper into the page towards the "Order Now" button.
The job of a Cascading Style Sheet (CSS), is to
* facilitate page navigation,
* improve readability, and
* call attention to important content.
There are lots of articles and ebooks available on the Web about "writing" profitable sales copy. You can easily find them with a quick search. This article focuses on "styling" the sales page and its content with CSS.
There are several advantages to using CSS for display styling. One of the best reasons is that it frees the copywriter from initial concerns about page formatting. Using very basic HTML code, such as that allowed for submissions to ezinearticles, the page content can be written with any basic text editor without concern for special content formatting.
Before any CSS styling has been applied, the sales page would not convert any prospects. At this stage, the HTML document contains all of the "content" that will be used. Text and images will typically be positioned on the page in roughly the order these elements will be used in the final sales page. CSS will make everything "pop" and "sizzle" when it is applied to the page.
After the sales copy is written, important page elements (identified through HTML tags) and content (information between HTML tags) can be identified and linked to the appropriate CSS formatting code, contained in separate CSS text file, for browser display. A previous article of mine, published at ezinearticles, explains how the HTML content gets linked to the CSS file. Briefly, the HTML-CSS link is done through the HTML "link" meta tag and content is identified through class and id tag attributes and through the use of the HTML span tag.
Content-specific styling includes special text formatting, such as highlighting and quotations, and the placement of items such as images and forms within the page.
I like to display the content in roughly the middle half of the monitor display and use a line length of about 60 characters. I also like to use a large enough font size to make blocks of text easy to read.
Because the page layout is so important, I use a fixed table design for the content: the content is placed in the center of the display and is framed in by wide right and left margins and narrow top and bottom margins. If the width of the browser page is narrowed by the reader, the right and left margins will narrow equally but the content area will remain the same width, and thus the content layout remains the way it was designed (i.e., not "liquid").
Essentially, my basic page layout consists of 4 nested "boxes:"
* HTML Box -- demarcated by html tags and contains all other boxes.
* BODY Box -- demarcated by body tags and contains the table and main-content boxes.
* Table Box -- demarcated by table tags and contains the main-content box.
* Main-Content Box -- demarcated by div tags and contains the sales-page content.
The HTML box includes the entire HTML document (except for the document-type declaration). The Body box contains everything visible to the reader. The Table box contains the sales page. The Main-Content box, as the name implies, includes all of the visible content of the sales page.
A sales page requires both global and content-specific CSS styling. Global styling includes such considerations as the page background, default font and line attributes, and page margins. Here is the global code I include in my CSS text file for sales pages:
body
{
font-size : 62.5%;
font-family : Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
color : black;
line-height : normal;
background-image : Specify the image URL here;
}
#main_content
{
font-size : 1.6em; /* this sets the default font size for the sales page and will display at 16px */
margin : 5%;
}
h1
{
font-size : 2.25em; /* will display at 36px */
}
h2
{
font-size : 1.5em; /* will display at 24px */
}
h3
{
font-size : 1.25em; /* will display at 20px */
}
h4
{
font-size : 1.125em; /* will display at 18px */
}
table.sales-letter
{
width : 60em;
margin-left : auto;
margin-right : auto;
table-layout : fixed;
background : #ffffff;
}
The body code above sets the default for the document's font size to 62.5% of 16px or 10px (px = pixels). This is too small for my sales page, and I adjust it in the #main_content section. The CSS body code also sets the font color to black, the line spacing to normal, the font family to sans-serif (with Verdana as the first choice), and specifies a blue background image used for the body background.
I use the #main_content code to set the actual base font size I use for the sales page text. All other font sizes in the sales page are sized relative to this base. Unless otherwise specified, all text in the sales page will be 1.6em or 16px. I use the margin attribute to provide content spacing between the content and borders around content.
The "Hn" tags set the basic header sizes and are calculated based on the font size I specified for the #main_content. As an example, since I will be using a default font size of 16px for the sales-page content, the H1 font size would be 2.25x16px or 36px. The "Hn" tags can later be modified with additional attributes, such as color and centering.
The CSS table attributes I use place the sales page in roughly the middle half of the full-size display page (1024 x 768 pixels). The width of the table, 600px, is just right for the line length I want to use. Since the table-layout attribute is "fixed," the table layout in the browser will be preserved at all times.
Since all of the font sizes are relative to the font size I set in the #main_content section, all sizes can be made larger or smaller by changing just the one value. For more information about the use of ems for sizing, I would suggest a visit to a blog post by Richard Rutter.
After the global formatting is applied page now has some nice-appearing structure.The content now lies between attractive borders and the content is contained on a "page" with adequate margins and on a background of choice.
Below are 12 additional tips, including the CSS code, you can use to stylize specific elements and text in your sales pages.
(1) I want my headline to be big, bold, red, and centered. Here is the CSS code I use:
h1.headline
{
line-height : 1.5;
color : #cc0000;
text-align : center;
}
(2) I use a smaller, blue, bold, and centered sub-headline.
h2.subheadline
{
line-height : 1.5;
color : #1b356e;
text-align : center;
}
(3) I use a small font size for the spider text and copyright. I position the spider text at the top of the page for the benefit of search engines.
#spidertext, #copyright
{
font-size : 1.2em;
}
(4) I use CSS code to position my photo so that it "floats" to the right and any text to the left flows around the photo.
.photo
{
float : right;
display : inline;
}
(5) If you want to center section headings and color the text red or blue, here is usable code:
h3.red
{
line-height : 1.5;
color : #cc0000;
text-align : center;
}
h4.blue
{
line-height : 1.5;
color : #1b356e;
text-align : center;
}
(6) I change the font type for quotations. Using Courier New sets the quotes apart from normal body text.
.quote
{
font-family : "Courier New", Courier, monospace;
}
(7) I use an unnumbered list for my benefits list. The list can be customized to use a custom bullet and extra space between list elements. The CSS code to accomplish my custom list formatting is as follows:
li
{
list-style-position: inside;
list-style-image: Specify the image URL here;
list-style-type: none;
margin-bottom: 1em
}
(8) You can highlight important text with a yellow background.
.highlight
{
background-color : yellow;
}
(9) You can emphasize text by making it bold.
.bold
{
font-weight : bold;
}
.boldred
{
font-weight : bold;
color : #cc0000;
}
.boldblue
{
font-weight : bold;
color : #0000ff;
}
(10) I like to make sales-page testimonials special by framing them and using a pastel background for the text.
.testimonial
{
display : block;
margin-left : auto;
margin-right : auto;
background : #fffacc;
padding : 1em;
border : double;
border-width : thick;
border-color : #999999;
}
(11) The purchase form is a very important component of the sales page. I use a red-dashed border for the form.
.purchase-form
{
padding : 1.5em;
border : dashed;
border-width :medium;
border-color : #FF0000 ;
background : #fffac6;
}
(12) If you use an image and associate a link with it, you will want to turn off the border or you will get a distracting blue border around the image.
a img
{
border : 0;
}
After all CSS styling has been applied, the sales page now has some "snap" and "pop". The colorful headline immediately catches the attention of even a casual web surfer. The sales message contained in the sales page is now easy to read and much easier to understand. The well-crafted content-display makes it possible for the sales message to be absorbed with just a rapid page scan. After a preliminary scan, an interested reader will more than likely re-read the page for the details.
To get a ZIP file of the HTML and CSS files mentioned in this article and that you can use for practice or for your own templates, please visit http://www.elizabethadamsdirect.com A full-color PDF of the article is also available for download.
Sample web pages showing the template sales page without CSS applied, with just global CSS applied, and with all CSS applied can be seen at http://www.elizabethadamsdirect.com/template/exhibits.html
To look at a "real" sales page that used the CSS techniques discussed in this article, you can visit http://www.elizabethadamsdirect.com/greatheadlines
Sales pages, to be effective, must immediately catch the attention of even a casual web surfer. The sales message contained in the sales page needs to be both easy to read and understand. If the content-display styling is well-crafted, the sales message can be absorbed with just a rapid page scan. An interested reader will re-read the page for the details.
Sales copy provides the content which entices the reader to move deeper into the page towards the "Order Now" button.
The job of a Cascading Style Sheet (CSS), is to
* facilitate page navigation,
* improve readability, and
* call attention to important content.
There are lots of articles and ebooks available on the Web about "writing" profitable sales copy. You can easily find them with a quick search. This article focuses on "styling" the sales page and its content with CSS.
There are several advantages to using CSS for display styling. One of the best reasons is that it frees the copywriter from initial concerns about page formatting. Using very basic HTML code, such as that allowed for submissions to ezinearticles, the page content can be written with any basic text editor without concern for special content formatting.
Before any CSS styling has been applied, the sales page would not convert any prospects. At this stage, the HTML document contains all of the "content" that will be used. Text and images will typically be positioned on the page in roughly the order these elements will be used in the final sales page. CSS will make everything "pop" and "sizzle" when it is applied to the page.
After the sales copy is written, important page elements (identified through HTML tags) and content (information between HTML tags) can be identified and linked to the appropriate CSS formatting code, contained in separate CSS text file, for browser display. A previous article of mine, published at ezinearticles, explains how the HTML content gets linked to the CSS file. Briefly, the HTML-CSS link is done through the HTML "link" meta tag and content is identified through class and id tag attributes and through the use of the HTML span tag.
Content-specific styling includes special text formatting, such as highlighting and quotations, and the placement of items such as images and forms within the page.
I like to display the content in roughly the middle half of the monitor display and use a line length of about 60 characters. I also like to use a large enough font size to make blocks of text easy to read.
Because the page layout is so important, I use a fixed table design for the content: the content is placed in the center of the display and is framed in by wide right and left margins and narrow top and bottom margins. If the width of the browser page is narrowed by the reader, the right and left margins will narrow equally but the content area will remain the same width, and thus the content layout remains the way it was designed (i.e., not "liquid").
Essentially, my basic page layout consists of 4 nested "boxes:"
* HTML Box -- demarcated by html tags and contains all other boxes.
* BODY Box -- demarcated by body tags and contains the table and main-content boxes.
* Table Box -- demarcated by table tags and contains the main-content box.
* Main-Content Box -- demarcated by div tags and contains the sales-page content.
The HTML box includes the entire HTML document (except for the document-type declaration). The Body box contains everything visible to the reader. The Table box contains the sales page. The Main-Content box, as the name implies, includes all of the visible content of the sales page.
A sales page requires both global and content-specific CSS styling. Global styling includes such considerations as the page background, default font and line attributes, and page margins. Here is the global code I include in my CSS text file for sales pages:
body
{
font-size : 62.5%;
font-family : Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
color : black;
line-height : normal;
background-image : Specify the image URL here;
}
#main_content
{
font-size : 1.6em; /* this sets the default font size for the sales page and will display at 16px */
margin : 5%;
}
h1
{
font-size : 2.25em; /* will display at 36px */
}
h2
{
font-size : 1.5em; /* will display at 24px */
}
h3
{
font-size : 1.25em; /* will display at 20px */
}
h4
{
font-size : 1.125em; /* will display at 18px */
}
table.sales-letter
{
width : 60em;
margin-left : auto;
margin-right : auto;
table-layout : fixed;
background : #ffffff;
}
The body code above sets the default for the document's font size to 62.5% of 16px or 10px (px = pixels). This is too small for my sales page, and I adjust it in the #main_content section. The CSS body code also sets the font color to black, the line spacing to normal, the font family to sans-serif (with Verdana as the first choice), and specifies a blue background image used for the body background.
I use the #main_content code to set the actual base font size I use for the sales page text. All other font sizes in the sales page are sized relative to this base. Unless otherwise specified, all text in the sales page will be 1.6em or 16px. I use the margin attribute to provide content spacing between the content and borders around content.
The "Hn" tags set the basic header sizes and are calculated based on the font size I specified for the #main_content. As an example, since I will be using a default font size of 16px for the sales-page content, the H1 font size would be 2.25x16px or 36px. The "Hn" tags can later be modified with additional attributes, such as color and centering.
The CSS table attributes I use place the sales page in roughly the middle half of the full-size display page (1024 x 768 pixels). The width of the table, 600px, is just right for the line length I want to use. Since the table-layout attribute is "fixed," the table layout in the browser will be preserved at all times.
Since all of the font sizes are relative to the font size I set in the #main_content section, all sizes can be made larger or smaller by changing just the one value. For more information about the use of ems for sizing, I would suggest a visit to a blog post by Richard Rutter.
After the global formatting is applied page now has some nice-appearing structure.The content now lies between attractive borders and the content is contained on a "page" with adequate margins and on a background of choice.
Below are 12 additional tips, including the CSS code, you can use to stylize specific elements and text in your sales pages.
(1) I want my headline to be big, bold, red, and centered. Here is the CSS code I use:
h1.headline
{
line-height : 1.5;
color : #cc0000;
text-align : center;
}
(2) I use a smaller, blue, bold, and centered sub-headline.
h2.subheadline
{
line-height : 1.5;
color : #1b356e;
text-align : center;
}
(3) I use a small font size for the spider text and copyright. I position the spider text at the top of the page for the benefit of search engines.
#spidertext, #copyright
{
font-size : 1.2em;
}
(4) I use CSS code to position my photo so that it "floats" to the right and any text to the left flows around the photo.
.photo
{
float : right;
display : inline;
}
(5) If you want to center section headings and color the text red or blue, here is usable code:
h3.red
{
line-height : 1.5;
color : #cc0000;
text-align : center;
}
h4.blue
{
line-height : 1.5;
color : #1b356e;
text-align : center;
}
(6) I change the font type for quotations. Using Courier New sets the quotes apart from normal body text.
.quote
{
font-family : "Courier New", Courier, monospace;
}
(7) I use an unnumbered list for my benefits list. The list can be customized to use a custom bullet and extra space between list elements. The CSS code to accomplish my custom list formatting is as follows:
li
{
list-style-position: inside;
list-style-image: Specify the image URL here;
list-style-type: none;
margin-bottom: 1em
}
(8) You can highlight important text with a yellow background.
.highlight
{
background-color : yellow;
}
(9) You can emphasize text by making it bold.
.bold
{
font-weight : bold;
}
.boldred
{
font-weight : bold;
color : #cc0000;
}
.boldblue
{
font-weight : bold;
color : #0000ff;
}
(10) I like to make sales-page testimonials special by framing them and using a pastel background for the text.
.testimonial
{
display : block;
margin-left : auto;
margin-right : auto;
background : #fffacc;
padding : 1em;
border : double;
border-width : thick;
border-color : #999999;
}
(11) The purchase form is a very important component of the sales page. I use a red-dashed border for the form.
.purchase-form
{
padding : 1.5em;
border : dashed;
border-width :medium;
border-color : #FF0000 ;
background : #fffac6;
}
(12) If you use an image and associate a link with it, you will want to turn off the border or you will get a distracting blue border around the image.
a img
{
border : 0;
}
After all CSS styling has been applied, the sales page now has some "snap" and "pop". The colorful headline immediately catches the attention of even a casual web surfer. The sales message contained in the sales page is now easy to read and much easier to understand. The well-crafted content-display makes it possible for the sales message to be absorbed with just a rapid page scan. After a preliminary scan, an interested reader will more than likely re-read the page for the details.
To get a ZIP file of the HTML and CSS files mentioned in this article and that you can use for practice or for your own templates, please visit http://www.elizabethadamsdirect.com A full-color PDF of the article is also available for download.
Sample web pages showing the template sales page without CSS applied, with just global CSS applied, and with all CSS applied can be seen at http://www.elizabethadamsdirect.com/template/exhibits.html
To look at a "real" sales page that used the CSS techniques discussed in this article, you can visit http://www.elizabethadamsdirect.com/greatheadlines
Langganan:
Postingan (Atom)
