It is totally full of joy to say that what we are living is much more advanced than the previous living of human being. All or mainly most of the domain in the world are fascinated by the advancement in science, technology and invention of modern tools. I wanted to memorize all the development sources and invention, but I am able mention only one in the post.
As we all have the knowledge and experience of Mobile phone and its services as well as facilities. There is hardly any parts that are not getting its services. Except them all have some or enough knowledge about the mobile phone application, but I want to integrate the new service which might be common to you. I also don’t have the enough idea about this application, still wanted to give some from my knowledge of its overview in internet. It is related with creating mobile website.
I have separated them in 5 steps for easy understanding.
Step 1st:
It is the first step that is called the vision. You need to have the vision as per your want. Supportive version for mobile should be selected for getting reliable and popular websites. You can adopt Header (where you can input website name and other related links, Body (where you can input site information, as it is well known as self- explanatory part) and Footer (where the info of copyright and other stuffs are mentioned).
Step 2nd:
It is mainly regarded as a step for designing tools. Like as iPhone tester, Mobile Emulators and other more emulators of mobile. Different phones have different way of applications. So, the render of the page must be simple as it is possible. iPhones, BlackBerries, and Palm phones should be focused mainly for making audience as more as possible. Nokia and Samsung are also common. Other will be coming soon in the market for better service to ease the living. You have to realize some rules for it.
1: Your site will be better if you keep the width less then 400px.
2: Cross- browsing is not that much applicable in mobile phone.
3: 20kbs is the maximum limit for graphics.
4: Layout should be proper and maintained in basic.
Step 3rd:
It is separated for Coding. JAVASCRIPT have been common to us, but it is not much affective and reliable for mobile website because it doesn’t support many of the phones and use for gaming support only. Apply the suitable browser for coding. You can also use this:
| 1 | <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN""http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> |
It will help for knowing the meant of browser. Some rules should be kept in mind:
1st- Never use px/em sizes, apply in percentages.
2nd- All files must be simple as it is possible.
3rd- PNG graphics can use transparency sometimes. If it happens then convert them to JPGs.
4th- 400px width would be best for all graphics purposes.
5th- Use “ALT” for images, it is a standard mobile rule.
6th- Don’t try to use tables or javascript.
7th- External resources shouldn’t be used.
Step 4th:
This step is the testing of the site. Resources should be used as per in the emulator parts. Mobile should also be used for this purpose.
Step 5th:
This is the last step for creating mobile website which is called Implementation. The need here is the figure out that how are you exactly going to redirect your traffic to the mobile version. It may take some time:
1. Detecting Mobile Browsers.
2. Light Weight Device Detection.
3. Mobile Detect.
I want to mention the using method of the scripts.
- 1. First of all, you must decide whether you want separate site for your mobile version or not. (using sub-domains, remember that m.onlyaquote.com = onlyaquote.com/m )
- Place the whole thing in a loop without forgetting to create a backdoor, if you didn’t create a separate sub- domain.
- A separate file should be created for keeping all the messy stuff
- To put the script back into your index.php file include (script file).
If you are using Number 2, you need to do as follow:
| 1
2 3 4 5 |
include ('scriptfile.php');
|
Also, if you are using other different site:
| 1
2 3 4 5 6 7 |
include('scriptfile.php');
|
Apply this.
For number 3, again place the following loop before the <html> tag:
| 1
2 3 4 5 6 |
include("Mobile_Detect.php");
|
If you apply this few tricks then you will be able to make your own mobile site. I hope you enjoyed and collected some info from it.