Category: Design

Choosing Web Safe Fonts

Posted by – 02/03/2010

choosing fontsWhen you are fairly new to the world of web design, it can actually be quite tricky to choose which fonts to use. But once you understand what “web safe fonts” really are, everything suddenly becomes crystal clear. Web safe fonts are basically the most popular fonts used by web designers to make the content of their websites appealing to visitors. They are also the most commonly available fonts on computers around the world.

If you download a really cool but rare font from your favorite free website and decide to use it for all your main headings for example, you should be aware that unfortunately not everybody will be able to view your masterpiece the way you created it.

In others words, if people who visit your website do not have the fonts you used to design it on their computers, they will not be able to see those particular fonts on their screens. Instead, their browsers will replace them with some other fonts that are already installed on their computers.

That’s why it is highly recommended that you stick to the most popular fonts so that your website can be viewed exactly the way it is by almost everybody.

There are many web safe fonts that you can use to create your websites, all it takes is a little creativity to make them look more attractive and use them to your advantage. There are basically two types of fonts you need to know about:

* Serif fonts
* Sans Serif fonts (Sans is French for without)

Serif Fonts are fonts that have fine cross lines at the end of the letters and Sans Serif Fonts are fonts that do not have anything at the end of the letters. The most common Serif Font is Times New Roman which is also coincidentally the default font for most windows-based browsers.

There are also Monospaced Fonts which are basically fonts that have the same amount of space between each letter. Here’s a list of the 23 most commonly used fonts – I personally use Georgia, Times New Roman, Tahoma for the texts and Impact for Headings which I think look really good on a web page:

Most Common Serif Fonts:

  • Bookman Old Style
  • Cambria
  • Constantia
  • Garamond
  • Georgia
  • Palatino Linotype
  • Times New Roman

Most Common Sans Serif Fonts:

  • Arial
  • Arial Black
  • Calibri
  • Candara
  • Century Gothic
  • Corbel
  • Helvetica
  • Impact
  • MS Sans Serif
  • Tahoma
  • Trebuchet MS
  • Verdana

Most Common Monospaced Fonts:

  • Consolas
  • Courier New
  • Courier

Final thoughts:

To make you life easier, I recommend that you stick to the most common fonts listed above for the body text of your websites. This will ensure that everyone visiting your website can see it exactly the way you want it to be seen.

However you can use whatever font you choose for your logos, navigation and other website design elements just as long as you use them as part of an image. For example on a clickable logo or banner designed on Photoshop or PaintNet which you then insert on your webpage. Well I really hope this has helped you understand what web safe fonts are and how to use them.

SEO Web Design Secrets: Search Engine Optimization Tips For Beginners – Web Design Tips – Web Development

Posted by – 28/02/2010

web design SEO Web Design Secrets: Search Engine Optimization Tips For Beginners

SEO web design is a skill that can be learned, though most search engine optimization for beginners courses dwell too much on linking strategy as opposed to web site design per se. There are many ways for most normal people to get an improved search engine ranking, and secure a high search engine listing, and while linking is important, good on-site SEO is also necessary.

Although it might not seem like it, getting a good listing on Google or any of the other search engines is not as difficult as many like to claim. There are rules to follow, and if you play the game properly then the outcome should be in your favour. The tips provided in this article are not really secrets as such; although many people offer to divulge marvelous secrets to you, all they are giving you is stuff that people have been using for years.

So you won't get any secrets here. I have nothing hidden away that I don't want anybody to know, and if I had I wouldn't tell you about it! Would you? If you had some secrets that were so valuable that they were making you money, would you give them away free in an article like this one? Of course you wouldn't!

So here are my not-so-secret tips on getting a good listing in Google and improving your search engine ranking. You likely know a fair bit about meta tags, and have been informed that most are not used by search engines. Well let me tell you something. If you Google' Article Services you will finds my website right at the top in the #1 position for that keyword. Check the description that Google provides right under the title: that is exactly as it is in the Description' tag that I have on the site. So don't let anybody tell you that Google don't use the Description tag, because they do. So do Ask and MSN (now Live Search), and Yahoo also uses it, but not the whole thing exactly as written.

The Keyword tag is another matter. Google aren't interested in what you tell them the keywords are: they decide the relevance of the page themselves from the text and Alt tags on the page. Google no longer need keyword repetition to understand what you are writing about: they have the LSI algorithm now, that will determine the meaning of your page from the character strings it contains. The algorithm is programmed to calculate a relevance factor from the vocabulary you use in relation to the rest of the vocabulary on the page. However, back to SEO web design, and some search engine optimization tips for beginners.

In addition to the Description meta tag, the HTML tags you should use are:

1. The Keywords meta tag. Although little used it only takes a second to put in, and does no harm. There is evidence that some search engines might use it. The rest of the meta tags are pointless.

2. The TITLE tag. This is the title of your web page, and should contain the primary keyword for the page. Each page should be written round one primary keyword that relates to the subject of your website or niche.

For example, if your niche is costume jewelry, the primary keyword for your home page would be costume jewelry'. You could then have a number of 'silos' with a main page title each. The title of one main silo page could be 'simulated diamonds' and the first page title of that silo could be garnets'. All of these are the primary keywords for their respective pages. Another silo could be colored gem stones', with that as the primary keyword for the main silo page, and that for your first sub-page in that silo could be citrine'. And so on.

Each page must have one primary keyword, and it should be included in the Title tag for that page. The Title tag does not appear in the body of the article, but in the HTML between the two HEAD tags in your html.

3. The H tag. These are heading tags, with H1 being the most important. The heading for each main section in your page should be contained within H1 tags, and many pages have only the one set of such tags. Subheadings, containing secondary keywords, should be contained within H2 tags, and so on. Thus, in the example above, the heading or your garnets silo could be could be Garnets in Costume Jewelry' in H1 tags.

After an introduction to garnets, you could then have an H2 heading containing The Source of Garnets: Where Garnets Come From', then another passage of text headed How Garnets are Cut for Costume Jewelry', again held in H2 tags.
4. The ALT attribute. Use Alt = within the Img tags of your images and graphics. This lets the search engines know what the graphic is about: search engines do not read graphics, and the Alt attribute offers you the chance to use your graphics meaningfully with respect to SEO web design.

TEXT FORMATTING

That's all you have to worry about regarding the HTML tags. You text formatting can be used to emphasize to search engines what the important text on your page is. Thus, if you use bold text, underscoring or italics, they indicate the important words and phrases. Thus, use the STRONG and U html tags in your heading.

WRITE NATURALLY

Don't worry too much about your keyword density (KD), other than having to much. Too high a KD could harm you if Google thinks you are making unnecessary use of them. Write naturally for human readers, and not robots. If your text reads well and makes it clear what the subject of the passage is about, then you will be fine. In my writing I ignore the concept of KD altogether. I use my keywords as indicated above, and also in the first and last 100 characters on the page (or at least in the last paragraph somewhere).

Good SEO web design is not keyword fixated, but contains good contextually related vocabulary that the LSI algorithm can use to target the relevance of the page to the search term being used by somebody using the search engine to find information. That's all a keyword is: a term used by somebody looking for information. If you cannot work without a target KD, then I would go for a max of 1% with plenty associated vocabulary, synonyms. Related terms, etc.

Thus, if you are writing a 400 word article on the keyword losing weight', use these words four times, not twelve (1% not 3%)

None of these are web design secrets, and I doubt if there are any such secrets left any more. I suppose the only thing even approaching a secret here is that my description meta tag is copied exactly by Google in the listing for my #1 placed website. That allows you to determine how Google users see the description of your site in the listing.

I have several more SEO web design tips to offer, but these will be the subject of another article. In the meantime if you implement these search engine optimization tips for beginners, then you should soon see an improvement in your website's search engine ranking.

If you want more SEO web design tips, you will find Part 2 of this article with more search engine optimization tips for beginners on Seocious Tips 2 along with a free gift for everybody from me, Pete Nisbet of SEOcious.

Ubuntu Image Converter

Posted by – 14/12/2009

From time to time you need to edit images on mass. This may be as simple as converting from one image format to another or as complecated as performing many different actions on multiple files. If you are looking to a Linux Image Converter take a look at Phatch

Phatch is a simple to use cross-platform GUI Photo Batch Processor which handles all popular image formats and can duplicate (sub)folder hierarchies. Phatch can batch resize, rotate, apply perspective, shadows, rounded corners, … and more in minutes instead of hours or days if you do it manually. Phatch allows you to use EXIF and IPTC tags for renaming and data stamping. Phatch also supports a console version to batch photos on webservers.

http://photobatch.stani.be/

Choosing a Static Or Dynamic Web Design

Posted by – 24/11/2009

How Do You Know If Your Website is Right For Your Business?

The most relevant means to know if you are getting the right website for your business is simple: How much traffic does it attract? Website design can be static or dynamic according to the needs of your business. But, without the element of effectiveness, website business loses potential traffic.

Static Or Dynamic?

Should your website be static or dynamic? That depends on the type of online business, presentation and service or product to be promoted. If the service is one with a “captured audience”, for example, a dynamic website becomes less important than the longevity and freshness the content of the website offers. Opt for a static website design when the product or service has entrenched trade name or recognition. Choose a dynamic website design for new businesses introducing a product or service with little or no branding. Often, however, website design can be static as well as dynamic, combining the two best possible worlds for maximum results. A website design for a known product or service can reflect a classic understated appeal and in its simplicity and elegance, lead the pack in terms of dynamic presentation.

Getting A Website that Attracts Volume Online Traffic

Choose only the most professional website designers whose web designs have a strong track record of success. Web design is at the heart of getting the right website for your business. Look for web design that speaks most prominently for your product or service. But, don’t forget that web design is intended to draw from the largest pool of online target markets. Web design, whether static or dynamic, should attract online impulse shoppers. This is key to selling your product or service.

Getting The “Right” Website for Your Business

With good design planning, professional website design assistance and focused marketing and sales techniques to promote your business, the end result will be the right website for your business. Go static for business that can withstand competition effectively and dynamic for business that needs to quickly cast a wider net in the fast-paced online environment.

Anna_Lammens

Posted by Web Design Doncaster

Web Content Management System – 7 Benefits

Posted by – 08/11/2009

If you just need a small web site with few interactive features and don’t need to make regular updates then a static html web site may be sufficient. If you intend to build a large web site with lots on content that needs to be changed constantly then consider a web content management system (CMS).

CMS Benefits

There are many different types of CMS so your decision will depend on what you want to achieve with your web site. Here are some features to consider when looking for the most suitable CMS for your business.

1. Update Content

A CMS has an admin panel that you access with a user name and password. Within the admin panel you can update and add content automatically across all web pages.

2. Create Online Surveys and Polls

This is built in to the CMS so you can easily collect, store and publish the results.

3. Templates

Templates allow you to separate the design from the content. If you wish to change the design you just use a different template. The new design will change the whole look of your site without altering the content.

4. Author Access

You may want other people beside yourself add content to the web site. You can set up different permissions for each person i.e. one person can just add content; another can have the ability to change the template.

5. Runs on your computer

A CMS contains the files for the front end of the site which is stored on your computer and a database that stores the information. The database runs on a hosted server. Many web hosts already have a number of CMS systems to choose from. You simply install it from the admin panel manager of your web host. Check your web hosting service first before you decide to use them as not all have this feature.

Running the web content management system on your own computer enables you to have more control over your files. You can alter and upload them to your server as needed.

6. RSS Feeds

Really simple syndication or RSS is allows your content to automatically be published to RSS directories. Also visitors can access your content with their feed readers. This will attract lots search engine traffic.

7. Accessibility

A CMS allows you to update the content from anywhere in the world as long as you have internet access. Even if your authors are located in different countries they can all still contribute to your site.

If you have a large site that needs frequent updating by different authors, consider building a web content management system.

author : http://www.iSiteBuild.com.

Web Design Doncaster

Planning Your Website Before Talking To Your Web Designer

Posted by – 30/03/2009

Website Planning
When you think about getting a website a lot of people under estimate the planning involved in creating a good website. As the old saying goes “fail to plan – plan to fail” and never is this more true , then with web design.

Building a website is not just about putting something on-line , its about thinking your way through the process. Knowing that it will work and knowing what you want it to do.

I have put together a few pointers to get you started with what you need to do before you actually get  anything onto the net.
The websites goal

You need to know, what you want your site to do,  i.e. is it selling a tangible product , an Idea , service, capturing names for a mailing list to name a few. Without knowing this your designer will be aiming without a target , defining your goal will make it easier to design something that will meet your needs.

Your target market
Who are you selling to and how are you planning on reaching them. Marketing options for a website are Search Engine Optimisation, Pay Per Click Marketing, Social Media and of course traditional advertising. Knowing your demographic will help the web designer to design appropriately, if your selling to teenagers you need a design that ties in with there values.

Research
Before we do any project we query the search engines for how many searches a day are taking place for that service or product. If nobody’s looking, then the project would be a waste of money. We don’t take on projects that do not stand a good chance of making a return, nor should you. If you find there is no searches for your product, move on to a new venture because you will not make any money

E-commerce
With regard to an e-commerce site take a generic core term related to your industry to find out the size of the market.

Colour schemes
Do you have a particular corporate identity that you would like to stay with, or is this a totally self contained site giving more freedom to the look.

Copy
With regard to written text for the site you would need to provide your designer with the text in electronic form, it would be preferable in rich text format , or you can source a professional copywriter.

Next stage
After you have ascertained that there is a market for your product or service contact your web designer who would then produce a mock-up of the design. and send it to you via email for your approval, once you have a design that everyone is happy with, you can then move on to getting the  website built and implemented

Inkscape Exporting at 72 dpi

Posted by – 08/03/2009

As I design on open source software and one of my favorites is Inkscape but by default it operates at 90 dpi and not 72 dpi like the web.  I was having real problems exporting my web design mock ups at the correct sizes. I worked out a simple solution to this by dividing 90 by 72 giving 1.25.

the significance is that to export at 72 dpi with the correct proportions simply scale your design by 125 %

SEO College T Shirt competition

Posted by – 28/01/2009

Search Engine college is holding a T-shirt design competition and I’ve decided to enter I’ve come up with a design for the front and back of the T-shirt leave a (on topic) comment.

Search engine college T-shirt Comp Front

search-engine-college-t-shirt

Search Engine College T-shirt Back

search-engine-college-back

Adobe Photoshop and Fireworks Alternatives For Linux

Posted by – 21/11/2008

Although adobe has not in its infinite wisdom decided to port ether Photoshop or Fireworks over to Linux, there are alternatives that offer some most of the functionality of both Photoshop and Fireworks on the Linux system.

My predicament was that although I loved using the adobe suite for design I was finding the cost prohibitively expensive and had wanted to move lock stock and barrel over to Ubuntu as my main operating system, leaving windows in my dark and distant past , but the only thing stopping me was the lack of Adobe Photoshop or Fireworks on the Linux system. Now I must admit that I use Photoshop on rare occasions but have developed what can only be described as a love affair with Fireworks, I just love how it works and the pre-set styles that make designing websites a joy

Alternative Solutions

I trawled the internet looking for alternative and the most common suggestion were Gimp and Inkscape (both Free) The Gimp was OK but found the interface just a little hard to get used to and abandoned that direction quite quickly There are some people that swear to the power of the Gimp, I may revisit and try again when I have more time.

Inkscape was looking pretty basic when I first launched it. Over time I have developed a huge respect for this powerful tool, the basic look was just a misconception underneath this plain Jane exterior laid a seething powerhouse of graphic passion. Before long I was creating designs just like in Fireworks, granted It lacked some of the time saving effects but this made the transition more fun as I had to find workarounds to accomplish things that in Fireworks could be done at the push of a button, this I believe has made me a better designer.

Now for the cream of a Photoshop alternative

Linux alternative for Photoshop screenshot

Photoshop has developed what can only be called a cult following it is without doubt the top of the food chain when it comes to photo editing and graphic design. It has even injected itself into our language with terms like “the image has been photoshoped”

I believe I have stumbled across the best alternative to Photoshop on a Linux system, Pixel. Pixel has been written by one lone person Pavel Kanzelsberger the more I use this software the more impressed I am at this moment in time it is in beta 7 and although not free, represents great value for money at only $50 or 33 Euro’s this is not far off of the quality of Photoshop once it reaches version one the price will rise so for a great bargain go check it out

Date:21-02-2009

OK its now a few month later and I have had time to play around with Gimp

Now I see why people make such a fuss of gimp I am using 2.6 and am now getting along great with it, I’ve stopped using Pixel altogether (except when I need some tricky slicing done) and am very impressed by Gimp.  If I had continued using the previous version I dont think I would have become such a fan, the interface improvements have done a world ogf good for the program.

Overview of Photoshop and Fireworks alternatives

For vector graphics it has to be Inkscape, I now use this fantastic app for all my web design layout and for bitmap editing I use Gimp , In the future I intend to make a tutorial movie on how to design a web page using Inkscape, Gimp , Kompozer and Bluefish so stay tuned. The next article I will write will be about Adobe Dreamweaver alternaives on Linux


Powered by eShop v.4