|
|
| Web Design Information |
|
|
|
|
CSS - Maximum BenefitsZoran Makrevski What is CSS CSS is a simple file which controls the visual appearance of a Web page without compromising its structure. Using CSS we can control our font size, font color, link color and many other attributes on our web page. This will make our HTML code much more readable and the page size will be reduced. Why to use it and how to use it properly If you dont use CSS on your web pages and you have many tables and content on them, chances are that your HTML file size will be quite big. Fact is that we live in a busy world, and people are not will to wait more than 5 seconds web page to load. From the other side some web developers implement the CSS on wrong way. They write their CSS in HTML code of the page, like this:
<html>
<head>
<title>My Page</title>
<style>
A
{
font-family: Verdana;
font-size:8pt;
color:black;
text-decoration:none
}
</style>
…..
What is wrong with this technique Well, imagine that you have site with more than 50 pages. One day, you decide that you want to change font color and colors of the links on your site. You will have to edit ALL the pages on your site, and do to that you will need time, because you place your CSS in your web page. Better way is to save your visual attributes in separate, external CSS file, and to link that file with your page like this: <html> <head> <title>My Page</title> <link href="myStyle.css" rel="stylesheet" type="text/css"> …. Using this technique, you can change the look of your site within minutes, regardless of the number of pages, because your visual attributes are saved in ONE external CSS file. Edit that file, and you are done. Benefits Which are the benefits of using CSS List is quite long and I will list here only the most important.
Avoiding standard HTML commands like: <font color="#0000ff"><font size=2>Product</font></font></font> will help us to reduce file size, but that is not the only benefit. Using CSS word product in this example will be moved more close on the top of the document. Search engine will pick up more content and less code. Imagine that you have 3 columns table on your page. When you see the code, you will notice that first come code for your table, and after that it come your content. Positioning your 3 columns using CSS instead of standard inline elements:
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="381" height="150" valign="top" bgcolor="FFEDD4">
My Product
</td>
<td height="150" valign="top" bgcolor="FFEDD4">
…..
When CSS is used, your code might look like this: <div id="leftcontent"> My Product </div> Again your code is much more clear, and your content is moved on the top of your document, making your HTML page search engine friendly, and reducing your file size. Content is one of the most important factors in Search Engine Optimization, and you will benefit with removing the unnecessary code in your HTML and create search engine friendly web page. Validate it Browser war is far behind us. Reality is that most of the people today use Internet Explorer, but you should try to be on safe side and ensure that your CSS code is valid. Not all browsers interpret the CSS on same way. You can validate your CSS here: http://jigsaw.w3.org/css-validator/
| | | | RELATED ARTICLES Color Psychology in Marketing On the internet we dont deal with face to face selling. The internet is a visual and psychological medium. The words, or sales copy, on your website have by far the greatest psychological impact on your visitors and thus becomes your most important communication and sales tool. Web Templates: Replacing Designers I’ve seen articles and websites that suggest you can buy a website template and skip the expense of hiring a professional website designer. Recently, I read several testimonials from the very satisfied customers of a website template vendor that mentioned how quickly they were able to get their sites done. The template vendor commented that he/she had known people to complete their websites in around two hours. The Next Marketing Tool: Deisgn Design sells.It’s something that all of us know, but few of us consciously acknowledge.There is an age old adage that warns people not to “judge books by their cover.”In other words, we shouldn’t judge people or products by their appearance.But this isn’t true in America.We do judge books by their cover – in fact we spend billions of dollars on products that have prettier “covers.” Why Stock Photography is a Great Resource for Web Business A picture is worth a thousand words. Adding Sound to your Web Site - The Good, The Bad And The Ugly Many webmasters like the idea of adding background music to their web sites but most shy away from doing it worrying about slow loading pages and large file sizes. There are many different ways to add background music to your site and some of them dont require large files to achieve professional results. Lets examine all the different ways to add background music to your site and rate them to find the best solution for you. eCommerce, How much does it cost Making profits with your existing website design or creating a new online store can be exciting, affordable and most of all; rewarding. Mmmm . . . thats what the last sales guy told me. Dotcom Business Plans Archive project One of the most important initiatives in the domain of business documentation is that of professor David Kirsch from the University of Maryland, who thought of a dotcom Business Plan Archive - , a project that consists of collecting business plans for posterity. The project was started in 2002, through the Web portal businessplanarchive.org. The site was built by Webmergers.com and the University of Marylands Robert H. Smith School of Business, in collaboration with the Center for History and New Media at George Mason University.The project received financial support from the Alfred P. Sloan Foundation. Linking out is good Many websites I come across dont have a single link to another website. Ask the webmaster why not, and the answer you get is simple enough: "If I link to other websites people might leave my site." At this point I break the news that site visitors will leave your site. And theres nothing you can do about this. ASP Web Hosting ASP web hosting refers to web hosting companies who provide support for ASP Active Server Page.If you want a dynamic data-driven web site you may wish to embed ASP code into your web site’s HTML Pages.When a user is viewing a web site that is developed using ASP, the pages can change depending on the actions of the user. ASP code allows you to link your web pages to a database, where users can interact with the web page by logging in and using their own personal settings or they can interactively place orders on your web site. The ‘Website’ CHECKLIST : Domains, Hosting, Web Design This article is meant to all who already have a website or who propose to buy it. Website – the term comprises three things : Domain, Hosting Web space & Web Design iKobo Review - Part 2 Attempt 1 Conclusion The Smartass Series #1 -- Guide to Building the Perfect Website: a Narrative How-to on Five Top Web Advisors You Should Use instead of this Know-it-all who Knows Little ~A man [woman] is a success if he [she] gets up in the morning and gets to bed at night, and in between he [she] does what he [she] wants to do.Bob Dylan~ Are Web Templates Worth It First off, I am a designer. Now youre thinking, heres this guy trying to convince me to hire a designer costing a few hundred to a few thousand dollars instead of buying a pre-made web template for about $60. Well, these days most companies dont have the money to invest in a costly web site and there are thousands of hungry web designers out there, plus now there are web template resources. These resources can equal great value and effectiveness for the customer as well as increased business for the web designer. Content is king Introduction I’m Gettin’ Really Torqued! For those of you who have been living in a cave for most of your lives, you can translate the “torqued” in the heading of this article to “mad” or “angry”. For today’s discussion of anger, let’s quantify the intensity of our focus with the words “downright, PO’d!” I think that’s quite clear. Let’s proceed. Using "Title Tags" With Your Web Links & Images Using "Title Tags" for your web links & images is an arsenal manycompanies fail to utilize when planning out their web site optimization. Is Reciprocal Linking Dead Is reciprocal Linking dead Dont Get Fooled by the Web Hosting Wolves in Sheeps Clothing! When looking for a good web hosting provider to look after your website, it is easy to get confused. There are thousands of companies around, and they compete fiercely for your attention. Some are good, some are wolves ... How Does Your Website Measure Up Does your website make a good first impression Is the navigation intuitive Is the content appropriate for your audience Youve had your website up and running for a while now but youve always had a nagging suspicion that your website is lacking effectiveness and you just cant put your finger on it. Youve dabbled with colors, added/removed images re-written the text but it still feels as if everything just isnt working together. Wouldnt it be nice if you had a way to sort things out Well now you do! Autoresponder Tips An autoresponder is useful for, well, responding to people who send you inquiries through email. They are actually more than just merely useful - they are an essential tool in any webmasters toolbox. Used properly, they can enhance your visitors experience and virtually guarantee that they will come back time after time. Used improperly, they annoy people and push them away from ever coming back. |
| home | site map |
| © 2005 |