Jeff Smith is the managing director of Karma Technologies, a company that specialises in building quality websites, ecommerce sites, desktop applications and company Intranets. Jeff feels strongly about implementing ways to be green into their business practices, to a point they are almost a paper-free company. At Karma they feel strongly about green issues.
Posts Tagged ‘Website’
Designing Using Css, Cascading Style Sheet Website Designs
Many website development companies, in earlier times used simple HTML to design websites. However, when certain design needed to be changed, it became very tedious to carry out those changes across all the pages of the website. Cascading Style Sheets, also popularly known as CSS, solved this tiresome task of making changes to every web page or the HTML document
Website development companies started using CSS to make their work easy of formatting the HTML document. Before CSS was introduced HTML tags were used to characterize fonts, tables, headers, paragraphs, and so on. The browser would then read these tags and present a formatted HTML page to the user. Tags for various formatting structures were embedded within the HTML and the content of the website. With more HTML tags getting introduced it became a little difficult for the website development company to manage the content and the presentation of the website. Introduction of cascading style sheets made it possible to separate content from the style of the website. One of the significant advantages of CSS was that it allowed the developers to organize the formatting and content of more than one page at one time

CSS has been evolving for quite some time now and web development companies have been adapting to the latest versions. After scaling out CSS1 and CSS2 versions, CSS3 is currently being developed and is being modularized. There are various ways in which the CSS can be sourced for the HTML page in the browser.
The web page designer/developer can define style sheets that can be referenced from an external file or embedded into the HTML page itself.
The user can have styles defined for the browser that will override the styles applied to the webpage. Such a CSS file is stored on the local computer of the user.

Though CSS has simplified things for designers and website development companies, there are still some limitations that must be certainly considered when using cascading style sheets.
The browser support for CSS is not standardized yet and older versions of some browser cannot decipher the style tags. Thus the desired layout of a webpage is not completely obtained.
Designers at times need to compromise on the visual effect of the webpage, as it is not possible to have different backgrounds for every graphic element.
CSS does not support any shapes other than a perfect rectangle thus putting a limitation on use of aesthetics for various shapes.
CSS does not allow full control on the vertical placement of the layout as much as it does for the horizontal placing of elements on the webpage.

There are few other drawbacks that might limit the use of CSS. However, these are being worked on in current version CSS3 and certainly with the advantages and the ease that CSS offer, it is unlikely that website development companies stop using CSS.
More HTML Tips and Tricks:
Best Cms To Use T Update 3 To 4 Lines Of Text In A Html Table On A Website Via Admin Area?
I want to be able to update several different fields of text, up to 30 fields, in an html table on a web page. Each field would be about 3 to 4 lines of text and i just need an admin area where someone could login and easily update this text from the back end without much knowledge of html.
More HTML Tips and Tricks:
Four Tips To Increase Traffic To Your Website
There is no silver bullet or magic formula to increase traffic to your website! Rather, the best way to increase traffic is to start from the beginning with well-designed, search engine friendly web pages. Here are some search engine ranking tips that will help you to increase traffic by building clear, easy to read web pages.
1. Keep it simple: Your web page should be clear and easy to read. It should be easily read by the people who will be viewing it, and if you are interested in search engine rankings, it should be simple from the stand point of search engines. This tip is particularly important, and often overlooked by many web designers.
A page may look simple if you just view it in your browser, but you have to look at the html code to see if it is really simple. Look at your page in a text program like notepad or the html view of popular editors such as Front Page or Dreamweaver. On what line does your first line of actual text begin? If you have a complicated table structure or long strings of java script, then your first line of actual text may be pushed far down the page. It might even be on line 100 of your html code. Clean up the code by putting java script in external files, take out spaces, and see if you can take out tables that are not necessary. If you can’t do this by yourself, get professional help. It is very important.
2. Don’t try any “smart” tricks: It is counterproductive to attempt to trick or fool the search engines. Don’t put your keywords in invisible text (the same color as the background) or otherwise stuff your pages with keywords in hopes of getting a higher ranking. If you get a queasy feeling, a feeling that what you are doing is not right, stop right away. Once again, if you are not sure, then take the advice of someone who has experience in this field
3. Each web page should be clearly focused and reflect only a few main points: If you want to optimize your pages for a particular keyword then this particular search engine ranking tip is most important. A well focused page will help you with the search engines, by clearly showing the main keywords, and it will also help you communicate your message to the humans who are actually viewing your web pages.
4. Once you have established the focus of each page, take steps to place your keywords in the strategic places of all of your pages. The keywords should appear in the title tag, in the headlines (using header tags such as h1, h2, h3, h4 etc.), in the first paragraph or two of text and in text links on the page. Rather than try to do this after the page has been written. It is better to keep this in mind as you write the copy and prepare the web page, and do it as part of the process. However, if your pages are already online, you can modify them keeping this and other tips in mind.
If you implement these tips you have a better chance of improving your performance in search engines. This should result in increased traffic and in achieving your overall goals.
Donald Nelson is a search engine optimization specialist and website content provider. You can read more of his articles at http://www.a1-optimization.com
More HTML Tips and Tricks:
How Do I Translate Home Videos To Html Script To Embed In My Website?
I have alot of home videos I want to put on my website, and it seems that the easiest way to do it would be to embed it onto my website using HTML script. Problem is, I have no clue how to convert in into HTML script. Could someone please tell me how?
More HTML Tips and Tricks:
25 Website Speed Tips
Speed kills. In the case of website usability, the lack of speed kills. Many

have erroneously assumed the advent of high speed internet connections would

make website performance optimization irrelevant. On the contrary, it seems as

internet connection speeds increase, users simply become more impatient and

demand faster browsing. Below, I’ve gathered some simple (and advanced) ways to

speed up your site.
Image Optimizing Tips:
Compress .jpg and .gif images: If you use Photoshop, always use the “Save for Web” feature. If you don’t have access to PS, there’s a ton of free image compressing freeware out there.
Compress or eliminate unnecessary Flash elements: In my opinion, flash is over-rated, slow, and buggy. It has it’s benefits, but make sure you don’t rely on it for navigation or other necessary site elements.
Don’t Resize Images within HTML: Don’t use the width or height attribute in the IMG tag to resize larger options. For example, if you resize an image that was originally 300 x 300 to 100 x 100, the user still has to download the full size one. Instead, use thumbnails.
Specify Image Dimensions: Don’t leave the width or height attributes blank. By doing so, you’ll slow down the browser rendering of the page, since it doesn’t know how much space to give for each image.
Slice Your Images: Slicing doesn’t actually reduce image size (in fact, it increases the overall size). However, it does increase the apparent load time by making each slice appear one at a time rather than one big image popping up after it downloads.
Avoid Too Many Slices: Don’t use too much of a good thing. As mentioned above, each slice actually increases the total size. I would recommend using no more than 4 slices, unless you are dealing with a huge image.
Coding Tips
Use CSS instead of Images: Cascading style sheets can do more than you think. Many sites make effective use of CSS

formatting and eliminate the need for excessive images. Even effective brand logos can be created with CSS. CSS Zen Garden has some examples of creative use of CSS.
Convert from Table to CSS based layout: Tables are ok for displaying data in columns and rows, but is grossly inefficient for designing web page layouts. By using DIV tags with CSS, you can cleanup your code extensively, which will reduce page load time and also offer SEO benefits.
Use External Style Sheets: Rather than formatting through embedded inline styles in pages or html elements, reference an external css files that the entire site can reference. The browser will cache this page on the first visit, so it won’t need to download it repeatedly.
Use External Javascript: Similar to above, put all of your JavaScript functions in an external file for caching benefits.
Remove Unnecessary White Space in HTML: Surprisingly,

white space hogs a lot of disk space.
Use Shorthand CSS: Instead of putting each CSS attribute on its own line, use shorthand CSS to prevent extra line breaks in your external CSS file.
Use CSS Images instead of IMG tag: An easy way to speed up the rendering of an image is to simply call as a background of a div tag.
Use Relative Links: Removing the ” http://yoururl ” from the beginning of every link will shed some weight. Just be careful not to allow people to jump back and forth between secure and insecure pages, which will generate one of those annoying “insecure items” errors in the

browser.
Specify the DocType: Pages that have the DocType specified tend to load faster than those that don’t.

Server & Database Tips

Reduce Http requests from other sites: Try to eliminate connecting to other servers to

retrieve images, audio, or video. Each http:// connection only slows things down.
Don’t Use Https://: Don’t use secure pages if you don’t have to. Connecting through secure http is about 3 times slower than regular http. Obviously, your checkout process needs to be secure, but your product pages most likely do not. In addition, make sure your navigation doesn’t use relative links which forces users to flip flop between secure and non-secure pages.
Upgrade your Web Server: Just like that old PC you bought 5 years ago, web servers can go down hill and become outdated.
Use Gzip Compression to Reduce HTML Size: Gzip is great for compressing html code, however it does nothing for images, flash, or other embedded files. Many open source programs such as Wordpress and Joomla already support it.
Upgrade Server Memory: A boost in memory resources on your server can reduce processing time and greatly increase performance.
Upgrade your Database Server Hard Drive: The faster your server’s hard drive is able to access data, the faster it can serve up files. A fast hard drive is especially important for your database server.
Separate Content and Database Servers: If you have a high traffic, database driven website, you can benefit by placing your content on one server and your database on another. In addition to the speed benefits, it is more secure.

Other Tips

Loading Progress Indicators: By letting users know that you are processing their request, you can assuage their impatient fears. This won’t necessarily speed things up, but it will update them on the progress.
Use AJAX instead of Page Refreshes: Interacting with a web page is far different than interacting with your computer OS. Imagine if Windows XP had to refresh the whole screen ever time you perform an action like websites do? In the next few years, we will probably see more adoption of AJAX technology, which will make page refreshing

unnecessary.
Reduce Size & Number of Cookies: Each time a browser makes a request, cookies must be transmitted. Keep an eye on the total number and size of the cookies your site uses.

Fore more

E-commerce optimization tips, please visit the
Palmer Website Usability blog.
Justin Palmer is the webmaster for Not of This World (NOTW) Clothing, which

sells Womens and Men’s Christian clothing.
More HTML Tips and Tricks:
How Do I Get A Css (cascading Style Sheet) Onto My Website?
I need to have a cascading style sheet on my website (capecodshellcreations) and do not know how to build it using my Yahoo Sitebuilder Program. Anyone know how to do this?
More HTML Tips and Tricks:
How Can I Find Some Quick (and Easy) Tips On Creating My Own Website? Writing Html Code?
I want my own home-based internet business. Any ideas would be appreciated. I don’t want any MLM or pyramid scams, nor do I want anything that requires me to “become a member”, etc. I want to create my website, sell a product/service, make money (legit money).
More HTML Tips and Tricks:
Website Designing – How to Design a Table Less Website
Website designing is that important part of building a website without which, we can not even expect to have the existence of a website. Every good or bad website has a design, and to a large extent whether a website is good or bad, depends on the kind of website designing.

Basically a website contains many elements like content and graphics. The content has to conform to HTML and XHTML. HTML is basically the structural language which implies that it should be used to provide a structure to the texts with the help of tags. A common mistake that many web designers make is by using the table tag in the layout of the website to divide the webpage into two columns or to present data vis-à-vis each other.

This is also known as tabled website. But having a HTML table in the website interferes in making the website better, more accessible, more flexible and more functional. Therefore, HTML tables have been abandoned and now they are replaced by the usage of other style sheet languages like CSS. CSS or Cascading Style Sheet helps you make your website table less yet it retains the tabled look that you want in your website.

CSS was introduced by World Wide Web Consortium (also known as W3C) to make the HTML codes semantic, while at the same time improve the web accessibility through website designing. With the help of CSS, it is now possible to have table less websites which gives us many benefits like – makes your website load quickly, reduces your hosting costs, makes the designs more professional and reduces costs, the visual consistency is maintained throughout the website and also it helps in making your site more available to your visitors and users.

Not just that, it also helps in making your site more search engine friendly. Having a table less website ensures that when the crawler comes, it reads the whole page completely and does not miss out on important content. When read properly, we can expect it to index the pages appropriately, which as a result would help you in your search engine rankings. Therefore, SERP ranking also depends on how well formatted is your website designing is. Without a well laid web design, you have high chances of efforts going futile.
Naman Jain is an expert in Internet marketing, presently working with Rupiz Media, one of the leading internet marketing company, offering online marketing services, SEO services, pay per click and search engine marketing over the globe.
More HTML Tips and Tricks:
Is it Easy to Create our Own Website? Html Tips
Most people tend to give up and pack their bags as soon as they hear the word “programming” and “technical”. They think it`s too much of a hassle to actually learn a whole computer “language”. HTML, the most basic computer language in building websites, is actually pretty simple to understand, as long as we have the interest in learning new things.
What is HTML?
HTML is the acronym for Hyper Text Markup Language. For learning purposes, just think of it as a language that the computer understands. For example, as humans, we were taught different languages; i.e. HTML as a language, is mostly and specifically used to create a website. The web browser, such as Microsoft Internet Explorer or Mozilla Firefox, will then decipher and interpret the code or rather, language(HTML), and display it in a way we can understand it, just like in a basic webpage.
Coding.
Coding the HTML language might be a bit tough for some people, so we can actually purchase programmes, such as Macromedia Dreamweaver, or even Microsoft Frontpage. These programmes are solely created to help individuals in designing professional webpages/websites.
Furthermore, one could also gain access to online web-builders, website builders that are inbuilt and can be directly controlled from the net. There are many different and specific builders online.
Books and magazines contain guides that can help in offering tutorials and ways to put up our own websites. Even online tutorials are credible, as in the modern world, information technology is the best and most cost efficient way in retaining knowledge, especially in this particular field.
So, you could start and build one right away. If you enjoy coding, it might even become a favourable past-time.
Sulamita is a freelance writer who writes on comunicati stampa, and collaborate on forniture and musica anni 80
More HTML Tips and Tricks:
Website Design Software Html Creator Create Web Webpage
Hey, check out these auctions:
HTML EDITOR EDIT / FTP UPLOADER / WEB PAGE CREATOR XP +
 |
US $7.49 End Date: Wednesday Nov-18-2009 10:00:53 PST Buy It Now for only: US $7.49 Buy it now | Add to watch list |
Website Design Software HTML Creator Create Web Webpage
 |
US $7.49 End Date: Wednesday Nov-18-2009 10:00:54 PST Buy It Now for only: US $7.49 Buy it now | Add to watch list |
Cool, arent they?