Independent Digital

Creating and managing dynamic websites using Php, MySql, HTML and Wordpress with a bit of PEAR on the side

Entries Comments



Email This Post    Print This Post   

Category: Website layout

WordPress or Joomla?

26 April, 2009 (14:08) | Blogging, Joomla, Website design, Website layout, Wordpress, cms | By: clive

Setting up a new website but not sure which open source software to use? Well I suppose it very much depends on what you want to do with the website. On the top of the pile of free, open source software options that you can use for a website are Joomla and Wordpress. Both are tried and tested with millions of users worldwide. Both have excellent support forums. So which one is right for you?

If you want a blogging site then I would suggest that you use WordPress. It is first and foremost a blogging software package. If you want a CMS (content management system) then go for Joomla, the major open source CMS software package. What if your site is a blog with an online store? Well then you need software that can manage your content as well as your blog. Both Joomla and WordPress can do that. Both have extensive add ons (plugins) that can extend the power of your website. So the choice can become quite difficult. Perhaps a good starting point would be to have a look at the available extensions. If you find one that suits your needs, check it out thoroughly, is it popular, what’s the support like, etc. If it passes your scrutiny then go for the software that it was created for, WordPress or Joomla.

Your email:

 

Customise your WordPress blog with free WordPress themes

23 December, 2007 (08:29) | Website design, Website layout, Wordpress | By: clive

You’ve downloaded the free WordPress software and started a blog but now the default theme seems a bit bland and you’d like to spruce it up a bit. Unfortunately you don’t have any cash. Not to worry. There are thousands of free WordPress themes just waiting for you to download. Some are mediocre, some are good while others are just mind blowingly beautiful. All are free. Just download them, unzip and copy into the theme directory of your WordPress installation. Login to your WordPress blog, select the presentation tag then select your new theme from available themes and you’re ready to go.

Some are widget ready which makes things very easy. In any event, you may need to do some tweaking to get the page to display exactly as you want it to. Don’t be alarmed as it is really very easy. You can check out the really good WordPress documentation for assistance. If you like, you can contact us and we will customise the theme to suite your needs.

Have a look at the tips for creating great WordPress Themes

Here are some links where you will find free WordPress themes that you can download:

http://www.briangardner.com/themes
http://www.wpthemesfree.com/view.php?theme_id=1746
http://www.freewordpressthemes.com/


Free website design!

23 December, 2007 (07:19) | CSS, Website design, Website layout | By: clive

You need a website but don’t have a budget to pay someone to design it for you. Did you know that there are literally thousands of professionally designed websites available for you to download for FREE? Yes, for free and you can even use them for commercial purposes. Usually all that you need to do in return for using the design is to include the authors details on your webpage. Oh, and you don’t need any programming knowledge at all. Just open the .html file in any text editor and substitute the sample text with your own.

These websites or CSS templates as they are known, consist of a cascading style sheet template and an html file. These templates are the code that creates the webpage, giving it it’s layout, choice of colour, fonts, graphics, etc and contain sample text. All that you have to do is to download the template, unzip it ? it will generally contain at least 2 files:

  • an index.html file which is in effect the home page, here you will substitute the sample text with your own;
  • the 2nd file will be called something like style.css ? it is the style sheet and contains the layout code for the index page. You do not need to change anything here.

So there it is, just download the template that you have chosen. Unzip it, open the .html file in a text editor such as notepad and substitute the sample text with your own and you have a professionally designed website, for free!

Here are a couple of links where you can get your free css template:

http://www.oswd.org/
http://www.solucija.com/home/css-templates/
http://www.freecsstemplates.org/
http://www.ex-designz.net/template/default.asp

Don’t forget that we can help you customise any webpage for you. We can even add a database to it. Use the contact form let us know what your needs are.

Why You Should Use CSS

18 December, 2007 (15:24) | CSS, Website design, Website layout | By: clive


Why You Should Use CSS
By Allan Burns

It seems more and more webmasters are using CSS for the design and layout of their sites rather than depending on tables and HTML mark up. As well as being more efficient in terms of page size and reusing CSS templates many webmasters believe that it also contributes towards search engine friendliness.

Jacob over at Blogging Pro has written an article based on his personal experiences and points out what he believes to make a better more search engine friendly site.

For a long time I have always loved using tables for site layout, but the general consensus is now that tables are bad for layout. I agree once you start nesting tables things start to get complicated and messy. All of this extra HTML in your page gets in the way of the real content that the search engines are after. If you separate design from content the search engines can just crawl the content and ignore the design.

Separating content from design also means that pages are much easier to update, rather than having to rewrite every page all you need do is alter the stylesheet. This saves you no end of time and saves you no end of bandwidth, the browser only has to pull down the stylesheet once if you use it for all of your pages. Not only have you saved on bandwidth costs but you have speeded up page loading, this is good for both your visitors and the many bots that crawl your site.

I have started to use CSS in more of my sites and I am going to use CSS solely on my next site which means learning about how CSS is used for layout. One of the sites that I have found useful is the Web Design Group where they have a guide to cascading style sheets. The site also includes lots of links to other CSS resources.

If you are not using CSS it would be well worth your time learning the CSS tags and their properties. Think of it as a future investment, the time you spend now will pay for itself in better search engine ranking, saved bandwidth and you will cut down on your maintenance and development time for your new sites.

From the Blog of Allan Burns. Plenty of tips to keep you busy on yuor website.

Article Source: http://EzineArticles.com/?expert=Allan_Burns
http://EzineArticles.com/?Why-You-Should-Use-CSS&id=50508



The Well Designed Webpage

17 December, 2007 (09:55) | Website design, Website layout | By: clive


The Well Designed Webpage
By Gene DeFazzio

Balance, organization and focus

The well designed webpage has balance, organization and focus. If all the pages of your website follow that type of pattern they will have that clean, uniform appearance that most web designers shoot for. Cluttered and unorganized content turns people off . Don't underestimate the power of your webpage layout it can make or break a website.

Optically clean and user friendly graphic design and text are essential to the credibility of a website. A well thought out approach to webpage design will provide easy navigation, user friendly access, and present its content clearly for the visitor to digest. Balance is essential to this.

Balance

Balancing the content of your webpages is more that just producing an attractive layout. Providing a means for your visitors to easily scan your webpages is far more important. People coming to your website are looking for some specific information and/or product details and the sooner they find it the better your website's performance will be.

Producing a well balanced webpage layout entails presenting your visitor with a pleasant visual experience. Most top performing websites demonstrate this effect by clean and well focused layouts. The minute your eye perceives this type of webpage there is a sense of order and balance. The eye will grasp this type of layout as a pleasant pattern, uncluttered and organized.

Organization

The well designed webpage makes good use of white space to lead the eye around the content. It also emphasizes the main features of the page with a logical organization of both text and graphics. Be sure your webpage is properly balanced and organized into logical information zones. Avoid clutter that will cause a distraction.

If you ask why something works and you push back far enough, eventually everything seems to be based on contrast: the ability to distinguish one thing from another. Composition, sequencing, even legibility all rely on devices that affect the contrast between things.

Chris Pulman, The Education of a Graphic Designer

Information, presented on a webpage, follows its own rules of balance and organization is the key. The main focus of the page should be the most obvious thing a visitor sees. This would be in the title of the page and the header text. Next follows the content or body copy. Placed at the heart of the webpage your main content text will be naturally seen by the visitor as a natural progression of the title and they will read on.

Focus

Avoid placing navigation bars, ads and links in inappropriate places on your page. (e.g. most clicks on ads come from the ones that are embedded in the content of the page anyway) They should never detract from the main focus of your webpage. These should always be treated as supporting elements only, never as points of focus or allowing them to become distractions from your main content.

The focus of a webpage should always be its main message. Other elements, even necessary ones, should be seen as framing the content and must never be allowed to overpower it. Keep your supporting material unobtrusive and present your message as the focus of your webpage by careful framing and emphasis.

Gene DeFazzio is the webmaster and author of the Rocketface(R) Workshop http://www.rocketface.com/ - A informational website for novice webmasters and home of the comprehensive webmasters tutorial "How to Design a Website".

Article Source: http://EzineArticles.com/?expert=Gene_DeFazzio
http://EzineArticles.com/?The-Well-Designed-Webpage&id=316941



Easy Website Construction

17 December, 2007 (09:35) | Website design, Website layout | By: clive


Easy Website Construction
By Gene DeFazzio

Website construction

You have decided on the design of a new website and the time has come to assemble and construct it. But, before you do, you should organize your data in such a way as to make sure construction goes easily and organization is the key to making this happen.

Gather together all of the elements that make up your website design: web pages, scripts, graphics, forms, etc. and place them in a directory folder dedicated only to your site. This directory folder should be organized on your hard drive just as you intend it to be organized on the internet.

When you have organized your website directory folder in this manner you will have at your disposal all of the building blocks that make up your site. This will provide for easy maintenance and manipulation of your website in the future.

Steps to constructing your website

Now that your data is organized use the following checklist to be sure that you construct your website correctly. The main steps are as follows;

The first (index/homepage) page should fit, on screen, in an area 640 - 740 pixels wide by 460 - 520 pixels high. - This ensures that nearly every visitor to your introductory page will see its important information. Short text lines in all links - Be as descriptive as possible in your text links but keep them short. (i.e. 40-60 characters). Short paragraphs - Visitors scan web pages and only read the information that they are looking for. Long paragraphs are difficult to read on a computer screen. Keep them brief. (i.e. 4-8 Lines).

"Alt" labels on all graphics - Search engines and web surfers who are without graphics capabilities cannot see images. The "alt" tag is a way to describe the missing image.

Index or site map for large website - All web sites should have a site map. It is the backbone of your navigation system and provides access to all of the pages in your site at a glance.

Color coordination - Use only two or three basic colors for your website and stick to that color scheme throughout your site. This provides continuity. Also, be sure to reflect this in your text link colors.

Quick download time - People do not like to wait while a web page is being downloaded. Optimize your index/homepage to download in less than 30 seconds, the quicker the better.

Use of browser-safe color palette - If you want your graphics and text to display uniformly for all of your visitors use browser-safe colors only.

All pages, other than your index/homepage, should be designed for a width of 640 - 740 pixels; the length can be whatever is appropriate for the content.

Clear, easy to follow navigation - Website navigation is the single most important factor in providing a pleasant experience for your visitor. Simple is better when designing your navigation system.

Consistency from page to page - visitors will know they are still on the same website regardless of which page they are viewing. Use common headers and footers throughout your website.

Organization of the information and of the website - Simplicity and order must be the rule when you set-up your website. This is as important to you as it is to your visitors, now and in the future, as your site begins to grow.

White space or negative space - This is how to direct your visitors eye around a web page. Make good use of borders, line breaks and spaces.

Contrast of text and background for easy reading - Remember, reading on a computer screen is hard on the eyes. By providing high contrast and low key backgrounds on your web pages eye fatigue will be reduced.

Good object/text alignment - A balanced web page layout is imperative for a professional appearance. Pick an alignment style and stick with it. This also helps your visitors comprehension when they read the content of your website.

Note: Always try to keeps things 740 pixels wide or less, simply because you want to design for the lowest common denominator or screen resolutions which by most standards is 800x600. Some people have less, going as low as 640x480, but to design for that just doesn't leave enough space to accomplish anything worth doing. Organization is the key to easy website construction I can't say enough about the importance of organization in website design. When you know where everything is you free yourself up to do other things. And, one of the most important things is to have the time to exercise your creative talents. Its easy to get caught up in the day to day mechanics of designing and maintaining a website and poor organization just makes the job harder. Too much of this type of busy work will stifle your creativity and you can grow stale.

Gene DeFazzio is the webmaster and author of the Rocketface(R) Workshop http://www.rocketface.com/ - A informational website for novice webmasters and home of the comprehensive webmasters tutorial "How to Design a Website".

Article Source: http://EzineArticles.com/?expert=Gene_DeFazzio
http://EzineArticles.com/?Easy-Website-Construction&id=324737



Writing for the Web

17 December, 2007 (09:28) | Article publishing, Blogging, Website layout | By: clive


Writing for the Web
By Gene DeFazzio

Writing for the Web

Writing for the Web is a matter of common sense and adjusting your writing style. The way website visitors read copy is unique and is nothing like when they read a book. If anything reading on the Web resembles the way we read a newspaper. The eye jumps around, on a webpage, looking at headings, titles and boldface text only then settling on those areas of copy that piques an interest or satisfies a need.

Even when the visitor decides to read a particular block of text they will tend to skim through it gleaning only those bits of information that interest them. As a result if you want to make your content sticky it must be brief, ripe with ideas and focused only on relevant content. Filling your webpages with needless content will only increase its bulk and do nothing to retain visitors.

No successful website wastes any space on filler copy. Filler copy is copy which is written to take up space or feed keywords to the search engines and imparts little knowledge to the people reading it. Even if the search engines take the bait and index your website based on these keywords your visitors will be few and they won't stay long.

Importance of Good Content

Good content is crucial to visitor retention. Having your website visitors stay awhile and brouse through the deeper areas of your site will increase the chances that your message will be understood and acted upon. This is the key to selling your product or advancing your ideas.

Don't make the mistake of believing that raw content filled with keywords is all that is necessary for developing a winning website. A few well developed paragraphs are better than pages of wordy explanations. Time spent distilling your content into its basic tenants will always be time well spent.

Web Writing Tips

There are several factors which when properly applied will improve your writing skills and add to visitor satisfaction. They are not difficult to learn and the results will surprise you. They are;

Content

Make titles clear and catchy - Brief titles that say volumes are the best. Distill the subject into a 3 - 7 word phrase for best results.

Avoid wordy introductions - People are bored easily and are turned off by wordy introductions. Get to the point quickly in every paragraph that you write.

Make the subject of the content clear at the start - Begin each text block with an explanation of the content that will follow.

Be clear and to the point - Never be too wordy but use as few words as possible to make your point. Brief sentences and paragraphs make reading easier.

Logical structure - Move from title to subject to conclusion in each block of text. Disjointed and illogical copy will damage any ideas that you are attempting to present.

Stick to the presentation of solid information - Every line should provide information about the subject at hand. Facts beat fiction when information is at stake.

Optimize your word count - 600 to 800 words is an optimum size for articles and subject topics. This is a good rule of thumb for any webpage.

Layout

Present a clean copy layout without frills - When viewing a webpage the visitor should not be presented with a sloppy or disjointed layout.

Use a sans serif font - Frivolous type fonts make web copy difficult to read and tend to turn visitors off. Clean and simple text fonts work best.

Make copy easy to scan - Webpage text should flow from idea to idea and not ramble. When presenting a subject develop it in obvious steps.

Use bullets and subtitles - Using bullets and subtitles will make ideas and points of interest pop out of the page.

Lists are effective for the visitor - Lists are the best way to show the logical progression of any subject matter or argument.

Presentation

Spelling must be correct - Poor spelling conveys an impression of ignorance. Most visitors will see this as a sign of poor credibility.

Use proper grammar - Poor grammar has the same effect as poor spelling. Know how to communicate your subject matter properly and always proof read your copy.

Strive for clear and brief text blocks - Avoid wordiness in your web copy. Keep your sentences and paragraphs tight and poignant.

Whitespace is better than graphics - The eye follows borders and blank spaces when viewing a webpage. Use these wisely.

Graphics should be an extension of the text content - When using graphics always be sure that they expand on or emphasize the content that they support.

Gene DeFazzio is the webmaster and author of the Rocketface(R) Workshop http://www.rocketface.com/ - A informational website for novice webmasters and home of the comprehensive webmasters tutorial "How to Design a Website".

Article Source: http://EzineArticles.com/?expert=Gene_DeFazzio
http://EzineArticles.com/?Writing-for-the-Web&id=497239



Effective Communication for Webmasters

17 December, 2007 (09:19) | Website layout | By: clive


By Gene DeFazzio

Your website should serve as a means to an end rather than as an end in itself. Lack of clarity of purpose, poor spelling, or sloppy layout will mar its effectiveness. On the other hand a website full of gaudy graphics, animations and rambling text may attract too much attention to itself, thereby interfering with the message that you are attempting to communicate.

The primary purpose of any website is communicating ideas and emotions that lead the visitor toward a specific goal or action. Your website will be appraised, by your visitor, on its ability to present your ideas concisely, clearly and effectively.

Communication Techniques

Your ideas may be conveyed not only by the context in which they are presented but by the type of graphics employed, (i.e. or not) colors used, and the layout of the web page through which you are expressing them. All of these things will have an emotional interpretation by your visitor and ultimately decide whether or not you reach them with your ideas. Emotional response depends heavily on presentation.

Effective presentation on the web depends upon three things.

1)Graphics

Keep your graphics under control! Unless you are presenting your graphics for sale use them only for emphasis. Use your graphics to clarify or to give visual clues for the message you are trying to convey. Never allow them to overpower your page but, let them help to tell a story, present an idea, or support a theme.

2) Colors

Color is very important if you wish to evoke an emotional response from your visitor. Pick colors that you respond to emotionally and then test them on your audience to see their response. Never use more than three(3) basic colors in your color scheme. This provides a continuity in the appearance of your website.

3) Webpage Layout

Above all else strive for simplicity in your webpage layout. The cleaner your layout the more likely it is that your message will be understood by your visitors. A simple and well organized webpage makes it easy for your audience to grasp your content and act on it. Its better to add extra pages to your website than to try and cram too much information onto one page.

Gene DeFazzio is the author and webmaster of the Rocketface? Workshop http://www.rocketface.com

Article Source: http://EzineArticles.com/?expert=Gene_DeFazzio
http://EzineArticles.com/?Effective-Communication-for-Webmasters&id=120753



Structuring Your Site Content Effectively

16 December, 2007 (18:42) | Website layout | By: clive


By David Pook

THE PROBLEM

Many websites are a mess, you know this already. How many times have you gone to a site knowing that somewhere on there is the information you require, but as hard as you try you cannot find it! The result normally is at best a customer frustrated with your site or more likely, no customer at all!

A bit of planning and organisation will help the visitor experience no end. This should be done at the initial stage of building a site if possible, planning a website is more than getting a fancy graphic design. These same steps can be taken as part of a site review to fix a site that doesn't work but as is always the case with computer based systems; the later a problem is fixed, the more it will cost to do so!

SITE STRUCTURE

The first issue that needs to be addressed is the site structure. A typical site should have a number of main categories of pages which form the top navigation items and a number of auxiliary pages such as a sitemap and T&C page.

Limit the main categories. Four to seven are good numbers to keep within. If you have more than seven, your site will be unwieldy for the user to navigate.

Name them well. Make them obvious, for example if you have a weekly bulletin sent from head office to be read by all staff, don't call it the 'HOB List' just because that's what admin staff in head office call it, call it 'Weekly Bulletins'. It is too easy to use nomenclature that may be known to you but not your target audience, never assume 'but everybody knows that'.

Limit page length. A visitor will not scroll through thousands of words to find what they are after, consider splitting the page, maybe another level of navigation is required? It is also worth noting that Google supposedly likes pages of around 300 words.

RELEVANCY

Of course it is too easy to clutter a site with content that never gets read or used so there are a few things to consider:

  • Is this page likely to have value to a visitor, if not why is it here?
  • How would the visitor classify this page, is this the best place for it to be?
  • Does this page get read? Use statistics. If it doesn't get read is it redundant, or is it just in the wrong place?

NAVIGATION

Users tend to fall into one of two camps when it comes to locating information, those that search and those that navigate. They need to be treated differently and both need to have careful attention paid to them. The navigator will drill down through the site using the navigation to land on their target information, whereas a searcher will tend to go straight for that search box and expect to see the results contain what they want.

Choose your navigation system carefully. A site with no consistent navigation will lose visitors quickly as they cannot find what to do next.

Be careful when splitting navigation Splitting elements of the navigation can work well if done with care, but often it leaves the visitor in the dark. Splitting the top level from the next levels is OK if the top level navigation is part of the header and the subsequent levels are together in a left or right-hand column and clearly identifiable as such.

Avoid 'slick' navigation A drop down navigation may look great but if a visitor finds they have to trace a precise path with the mouse in order to keep the menu open, they will find an alternative site that is easier to use very quickly. Thankfully drop down navigation is going out of fashion, mainly for this reason, but there are plenty of new contenders to take their place! Another reason to avoid this style of navigation is that it tends to rely on javascript and intricate techniques that can fail on older browsers or platforms that haven't been considered, and remember Google, if it can't use your navigation you will only have a few pages indexed!

You should always include a search mechanism. Search systems should be easy to use and rank relevancy well. Google provides a neat customisable and free way to integrate searches into your site, so there is no excuse for not having one!

Use a breadcrumb trail They tell you where you are within a site at a single glance. It's easy to know where you are when you can see "Home > Products > MP3 players" right above the title. If a visitor has arrived at a page from a search, especially an external one, it can be crucial!

THE RESULT?

The result should be a much more pleasant experience for the user. They should be happier, they will have located the information they came for without hassle and may stick around to browse for longer with increased repeat visits. This should result in more business your way which after all should be the main purpose of your site!

David Pook is a web developer with a speciality in large content managed sites. He has worked on both public facing and intranet sites in the public and commercial sectors including sites with over 50,000 fully managed pages.

He has recently formed Sqoo Media where he has developed a flexible and easy to use content management system with the aim of taking his experience to smaller organisations to free them from the prison that is static content.

Article Source: http://EzineArticles.com/?expert=David_Pook
http://EzineArticles.com/?Structuring-Your-Site-Content-Effectively&id=841198