The process of developing mobile website and the software applied to it
Source: Shangpin China |
Type: Development |
Time: April 14, 2015
Process of developing mobile website
At present, the speed of mobile Internet access is getting faster and faster, the functions of mobile phones are becoming more and more powerful, and the development of mobile websites is becoming more and more prosperous. How to do a good job in the development of mobile website construction?
A. First, we need to understand the characteristics of mobile Internet access
A mobile phone with a screen of more than 240 * 320 is called a large screen mobile phone. Because the receiving CPU frequency is low, you can't browse as fast as a computer. When doing mobile websites, such as JS, we should use less. The Internet access speed of mobile phones is slow, and the 3G network of Unicom is OK, but I like to support the 3G Internet access technology developed by China Mobile. There are many browsers and poor compatibility. It can't be displayed if you are not careful.
After understanding the function points on mobile phones, we can determine the principles for making mobile websites.
1. The website should be simple, and the functions that can be omitted should be deleted. 2. Pictures should be used less and Chinese characters should be used as much as possible. Some users will ban the display of pictures in the high network charges. To reduce traffic. 3. The website should be as small as possible. If the page is too long, it is not suitable for browsing. The user experience is poor. If the phone is too wide, the display is not complete or neat. 4. The large screen and small screen of mobile phones now need to be considered when designing. 5. Due to the small screen size of mobile websites, users should try to find the information they need as quickly as possible when browsing, because small users of mobile screens are hard to find. Long time search will greatly reduce the score of your website.
B. To understand the characteristics of mobile websites, it is necessary to start writing website construction plans, that is, website development processes.
Mobile website production is the same as WEB website production, which needs to be done from the aspects of planning, sketch, production, etc. Customers should write the mobile website production demand sheet, confirm the design style of the home page sample, plan the content of mobile website production, and plan the business process according to the overall situation of the wap website. The mobile website production process can be done from the following points:
1. Analyze the purpose of building a wap website (requirements for building a wap website), establish a wap website architecture, and prepare a specific wap website construction plan if time permits; 2. Complete the first draft design according to the architecture (or Website Construction Scheme): wap homepage style homepage style of each channel wap website architecture diagram: list the columns, sub pages, etc. This is the foreground design of the website, belonging to the category of art; The foreground page of the database should also be designed and produced at the same time! 3. After reviewing and confirming the front desk design, the overall wap website database will be developed; 4. Front and rear platform links; 5. Upload to space, test database!
After getting the customer's demand statement, we don't start to make it directly, but need to carry out the overall design of the project and design a website construction scheme in detail for the customer. The overall design is a very critical step. It mainly determines: what functions the website needs to achieve; What software is used for website development and in what hardware environment; How many people and time are needed; What are the rules and standards to follow. At the same time, it is necessary to write a general planning specification, including: columns and sections of the website; Functions and corresponding procedures of the website; Link structure of the website; If there is a database, carry out the conceptual design of the database; Interactive and user-friendly design of the website.
After the overall design, it is generally necessary to give the customer a website construction plan. Many web production companies are asked by customers to provide solutions when they engage in business
C. There are also some precautions
1. A few mobile phones do not support CSS at all; This part of the test of Java Tech. Mobile Mode is relatively less crazy, or it simply doesn't support it. If it does, it supports basic dom operations, events, and so on. But we haven't tested very complex scripts. Among the mobile phones we have tested, the proportion of mobile phones that support (including those that do not fully support) Java technology and technology mode is about half. Of course, the most important thing for us is not this proportion, but how to do an elegant downgrade of Java technology and technology mode. 2. Some mobile phones do not support png8 and png24, so try to use jpg and gif pictures. 3. In addition, for fine picture details such as smooth gradients, the color support of some mobile phones cannot meet the requirements, so be careful to use bar design with smooth gradients. 4. Some mobile phones do not zoom or display horizontal and downward scroll bars for super large pictures. 5 When a few mobile phones open a test page that exceeds 20k, they will display insufficient memory. 6. Problems you need to pay attention to in development
What specifications should be followed for mobile web page coding?
Follow the XHTML Mobile Profile specification, referred to as XHTML MP, which is commonly known as WAP2.0 specification. XHTMLMP is designed for clients that do not support all the features of XHTML and have limited resources. It is based on XHTML Basic, adding some elements and attributes from XHTML 1.0. These include some other elements and support for internal style sheets. Like XHTML Basic, XHTML MP is a strict subset of XHTML 1.0. Is the extension recommended for web documents?
It is recommended to name it as xhtml. It is also possible to write html/htm according to WAP2.0 standards. However, a few mobile phones do not support html well.
Why are most websites limited to 14 Chinese characters per line today?
Due to the particularity of handheld devices, the actual text size in their pages may not be the text size we set in CSS, especially in third-party browsers.
The process of mobile website development is basically like this. Finally, the application of mobile domain name will not be introduced here!
Below and Shangpin China Website construction Let's talk about the software we need to develop mobile websites?
In fact, the software used to develop mobile phones is the same as the software used to develop PC terminals, but there are many frameworks used. What are the commonly used mobile phone frameworks?
1. LungoJS
This is considered the best HTML5 development framework for developing mobile websites, using HTML5/CSS3 and JavaScript technology. It can help create applications based on iOS, Android, Blackberry and WebOS platforms. The framework can take advantage of the advanced features of current mobile devices, and can capture events including sliding, touch screen, long press, etc. There is no need to use pictures, and all use vector claims.
Lungo. JS does not need server support, and can help implement HTML5 features, including WebSQL, Geolocation, History, Device orientation, and so on. This is a completely customizable framework, which can be used to create applications, games and other programs.
2.Kendo UI
Kendo UI is an HTML5 platform that allows developers to develop novel and interactive mobile applications and websites. The framework provides a large number of animations, rich drag and drop functions, template functions, and nearly 10 commonly used data binding widgets for clients, such as charts, combo boxes, and commonly used tables.
3.Jo
The framework can create local applications and is compatible with any operating system, whether Blackberry, iOS or Android. It also provides many HTML5 widgets. It can be used to solve any problem in animation design.
4.Sencha Touch
Sencha Touch is the first mobile application framework based on HTML5. It uses JavaScript, HTML5 and CSS3 to build mobile applications. The framework uses local agents to store offline data, and HTML5 is specifically used to render video and audio components.
It can make your web app look like a local application. Beautiful user interface components and rich data management, all based on the latest HTML5 and CSS3 Web standards, fully compatible with Android and Apple iOS devices.
5. Framework
The Framework has 16 column grid templates. The framework comes from the new "Selection", shadow, round corner and effective HTML5 tag in CSS3 style. The framework also provides some special scripts and styles for IE6.
6.LimeJS
LimeJS is a JavaScript game development framework, which is used to quickly build games running on touch screen devices and desktop browsers. It allows developers to create HTML5 based games and supports mainstream browsers including iOS.
7. G5 Framework
If you want to quickly implement Web development and reuse ant themes or applications or website projects, the G5 framework is your best choice, because it is designed to improve development efficiency and reduce code. The framework adopts the characteristic PHP activation class and SEO optimization technology. In addition to these features, G5 also integrates many other functions, such as Orbit Slider, CSS3 PIE, Reveal Modals, CSS3 Buttons, and Tips Tooltips.
8.jQuery Mobile
JQuery Mobile (jQuery Mobile) is the version of jQuery on mobile phones and tablet devices. JQuery Mobile will not only bring jQuery core libraries to mainstream mobile platforms, but also release a complete and unified jQuery mobile UI framework. Support global mainstream mobile platforms. The jQuery Mobile development team said: We are very excited to develop this project. Mobile Web needs a cross browser framework so that developers can develop real mobile Web sites. We will try our best to meet such needs.
9.Phone Gap
PhoneGap is an open source development framework that uses HTML, CSS and JavaScript to build cross platform mobile applications. It enables developers to take advantage of the core functions of iPhone, Android, Palm, Symbian, Blackberry, Windows Phone and Beda smartphones - including geolocation, accelerator, contacts, sound and vibration.
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
