How to Build a Mobile Website
An increasing number of web savvy users are connecting to websites via their mobile phones; therefore the need to increase mobile accessibility to those sites has increased at a rapid rate. Luckily for website owners, creating a mobile version of an existing website or even a mobile-only site is a fairly simple process thanks to the rather "simplistic" architecture of such sites.
Other People Are Reading
Instructions
-
-
1
Start by creating a subdomain for the mobile site. Typically these subdomains are found at mobile.website.com where "website" is the main domain for the site. Depending on your hosting company, the method for adding subdomains will differ; typically, however there is an option to simply "add subdomains."
-
2
Create your site using .CSS files. These files allow for a "Table Free" design, which is easier to read on mobile devices than tabled options.
-
-
3
Use a PHP script that will detect mobile browser settings and act accordingly, Blogstorm offers some excellent code that can be used to create your mobile browsing experience. Its script can even detect screen resolution sizes, which vary greatly among many different types of mobile devices.
-
4
Create a "text heavy" version of your site without the images and other tables included for users of rudimentary mobile web browsers. This would be the part of the site to include at the mobile.website.com address.
-
5
Program your site using valid XHTML. Most mobile browsers these days support XHTML and even image files and java programmed along with a properly marked up language.
-
1
Tips & Warnings
There isn't necessarily one "best mobile web design" option. Playing around with valid programming code and constant testing is the best way to find a solution that will work for your site's needs.
