Web Design Guide

Web Page Design Basics Section


Welcome to Web Design Guide

 

 

Web Page Design Basics Article

Here are Ten fascinating tips on web design.

The olden days of testing your website only computer is gone! Now your web design has to take care of the mobile aspect too.

Taking Your Website Mobile.

You might have tested your website on every computer browser you can find, but nowadays that’s just not enough. Nowadays the web is getting more and more mobile – it’s being used on mobile phones, PDAs, and all sorts of other small devices that can be used on-the-go. You need to allow for these visitors as well, but that’s easier said than done.

So What’s the Problem?

Well, unfortunately, there are dozens of manufacturers of mobile devices, and each one produces hundreds of different models. There has been little standardization among mobile web browsers: basically, the only real way to check whether your website will work on one or not is to test it. As you can imagine, with all the devices out there, that’s something that you could never really do – especially considering that new devices come out every few months or so.

All you can do, then, is make your site generally suitable for as many mobile browsers as possible, instead of trying to alter it to work perfectly with specific makes and models. When you do this, there are a few basic rules to remember in web design.

Make Things Work Without Images.

Keep your web design short and sweet. Most of these mobile browsers do not display pictures. So keep this factor when you do your web design.

Actually this article on web design pertaining to mobile services is incomplete. Such is the speed with which new mobile devices hit the market.

So we need to call upon extensive usage of Javascript to apply upon your web design meant for mobile devices. Again the glich is that some mobile devices do not support Javascript.

But that could be history soon. The new models coming out supports Javascript and it can used in your web design.

Many mobile browsers can’t display images, which means that you’re in trouble if your site uses images to display vital information or to make a form work. You need to test your site with images turned off to make sure everything still works. If you’re using images on a form, you might consider replacing them with Javascript to insert images – as most mobile devices don’t support Javascript, this approach won’t cause any problems for them.

Be Light on Bandwidth.

Most mobile devices are still accessing the web at sub-dialup speeds – that makes your page’s loading time very important to them. Sure, they’re not spending time downloading images, but they still have to download all of your page’s source code before you can display it. You should make sure that your source code is as compact as possible, not repeating itself or using long-winded methods of doing simple things.

This is one of those times when it’s good to know HTML and have written your code yourself, but if you’ve used a WYSIWYG editor then you should at least try running the code through HTML Tidy, to see if you can reduce its size at all that way.

Watch Out for Screen Width.

One important thing when planning your web design for small mobile devices is that they comes with a very small screen!

You’ve got to realize that mobile devices have a much smaller screen width than even the tiniest computer monitor. This makes it very important to make sure that your website (without images) will work on very small screens – the biggest problem here is tables, which never work well. Better compatibility with mobile devices is yet another reason to switch your site over to valid XHTML and CSS, instead of relying on old table hacks for layout.

The Rewards.

Initially its a pain to integrate the mobile aspect to your web design. But the accompanying rewards are very much worth it.

The base thing to realize here is that a mobile device is a personal one and if you can integreate this aspect into your web design process, you have loyal visitors your web site.

If you can take your website mobile successfully, then there’ll be all sorts of rewards. Mobile shopping is still quite new, and there are lots of people trying it out for the first time and starting to build loyalty – you can get a lot of long-term customers if you get into it now. People are also far more likely to pay for small pieces of information or downloads, since they can pay quickly and easily using their phone instead of a credit card.

Of course, even if you’re not selling anything, a mobile website can still be good promotion. Mobile users are especially likely to use your website to try to get your phone number, or directions to where you are – do you really want to let these people down? Anyone who’s taking the time, trouble and expense to look up your site on their phone is likely a loyal (or potentially loyal) customer, and you want to make things easy for them.

Did you find this article about web design useful? You will find many more articles on web design in this section of the website. Enjoy!
 

 


Web Page Design Basics Best products

 

 

 


Web Page Design Basics News

Online Technology Solutions Releases an Instant Online Website Error Check ... - PR Web (press release)


Online Technology Solutions Releases an Instant Online Website Error Check ...
PR Web (press release)
Online Technology Solutions a UK development company just released a brand new instant website error checking service that not only checks for spelling and grammatical errors in websites but also bad design. Websites with spelling errors look very ...

and more »

Read more...


WebsiteHowtoMake.com Offers Website Creation Video Tutorials for Webmasters ... - San Francisco Chronicle (press release)


WebsiteHowtoMake.com Offers Website Creation Video Tutorials for Webmasters ...
San Francisco Chronicle (press release)
The tutorials take webmasters through a step-by-step process of website creation and also provide a list of resources to those who want to delve deeper into the world of website design and development. WebsiteHowtoMake.com owner Stanislav Kaliyev ...

and more »

Read more...


Happy birthday, Charlie - Cranbrook Daily Townsman


Happy birthday, Charlie
Cranbrook Daily Townsman
According to the website, "the purpose of this weekend is to foster opportunities for serious discussion and reflection on the relationship between science and religion. It is to show that religion and science are not adversaries, but that they look at ...

and more »

Read more...


Circuit protection basics - Part 2: Case study - understanding and using ... - EDN.com


Circuit protection basics - Part 2: Case study - understanding and using ...
EDN.com
In part 1 of this series on circuit protection, I covered the basics, the issues and the component and design solutions that are available to resolve them. Now let's look at a more advanced and reliable circuit protection technique that can truly meet ...

Read more...


Nuclear Reactor Approved in US for First Time Since 1978 - Scientific American


Scientific American

Nuclear Reactor Approved in US for First Time Since 1978
Scientific American
Just google the title or see my website. No sponsors, no advertising. Reviews at the home page or Amazon have been generally postive. The reactor portrayed is similar in design to Fukushima, and the climactic event is as well. (While this design is not ...

and more »

Read more...


Workshop lays out benefits of Web design, skills - RU Daily Targum


Workshop lays out benefits of Web design, skills
RU Daily Targum
As part of an ongoing series of computer workshops, graduate students and professors learned the basics of web design and the importance of computer skills in the classroom and the job market Wednesday at the Center for Teaching Advancement and ...

Read more...