There are plenty of mobile site builders available in the web offering wide range of features. Your regular desktop site can be converted into a mobile version in minutes without any technical knowledge.
From the site owner’s perspective it is important to understand what happens during the conversion of a desktop site to a mobile optimized site. Here is an article explaining detailed steps involved when a mobile site builder tool converts your desktop site to a mobile site.
Steps in Mobile Site Conversion
Following are the steps when a desktop site is being converted to a mobile site by any mobile site builders:
- Inspection of your desktop site elements
- Identifying compatible HTML/CSS elements
- Importing compatible elements to a mobile site
- Importing the content of your desktop site
Each step is explained in detail in the below sections.
Step1 – Inspection of Your Desktop Website
The conversion process starts with the mobile site builder tools inspecting your regular website. In this step each elements available in your website like paragraph, picture, videos, etc are examined and the compatible mobile elements are filtered.
The older but widely used mobile standard is WML and the other standard includes XHTML Basic, XHTML MP and cHTML.
Step2 – Identifying Compatible HTML/CSS Elements
Once your website elements are analyzed then the next step is to identify HTML and CSS for those elements and validate them.
Due to different standards used for desktop and mobile sites, all the elements in your desktop site may not be supported in mobile optimized site.
Step3 – Mobile Site Creation
The final validated HTML and CSS codes are then imported to the mobile site builder and your mobile site is being built with those elements.
Since the same set of codes are imported from your desktop to your mobile site, later any changes to your desktop site will be automatically synced with your mobile site.
Step4 – Importing Content from Regular Site
The final step is to import the content from your regular site to your mobile site for those validated and compatible elements.
Elements which are not compatible are ignored and your mobile site will be ready for local editing after this final step.
1 Comment
Leave your reply.