Ние правим mobilnub версия на сайта

Предишен ◈ Следващото

Сергей Syroezhkin копирайтър

Създаване на мобилна версия на сайта си по един от следните три начина:

  • Направете отделен сайт за мобилни устройства в поддомейна;
  • Създаване на мобилни приложения за популярната мобилна операционна система (IOS, Android, Windows Phone);
  • Използвайте адаптивно оформление на сайта.

Вторият параграф от всичко е ясно: ако знаете как да се програмира за мобилни платформи, не е трудно, но ако не - ще трябва да плати пари за професионалисти.







Mobile оформление

Основни принципи на мобилен сайт:

  • Мобилна версия е на отделен поддомейн (например, m.vk.com);
  • Създаване на версия на сайта, напълно адаптирани за мобилни екрани (обикновено до ширината на екрана е по-малко от 620px);
  • На главната страница на сайта натоварването открити от браузъра на потребителя, ширината на екрана, както и въз основа на това решение се отнася потребителското пренасочени към мобилната версия.






Ако говорим за адаптивността на мобилната версия за мобилни устройства, е необходимо да се има предвид, че елементи на екрана трябва да са достатъчно големи размери, разположени на разстояние един от друг. Ако оформлението, което искате да използвате екрана "гума" (което означава, че размерите на елементите трябва да се сменят в зависимост от размера на екрана). Тези принципи трябва да се спазват при проектирането на мобилната версия.

Javascript и ширина на екрана на потребителя в основния сайт може да бъде, например, с помощта на PHP-скрипт. Пример за такъв сценарий може да се намери на detectmobilebrowsers.com.

адаптивно оформление

Основни приложения на Adaptive оформление:

  1. Използването на CSS3 Media Queries (в стила право включва всички необходими данни за броя на разделителната способност на екрана). например:
  2. На сайта има откриването на разделителната способност на екрана на потребителя и да зарежда някои CSS-файл с подходящия стил в зависимост от него:

Тук опция екран се отнася за обикновените компютри и преносими - за мобилни устройства.

  • Друг вариант:

    Тук nubexMobile.css файл зарежда за устройства с ширина на екрана е по-малка от 480 пиксела.

    Така, че е възможно да се избере най-подходящият вид подкрепа мобилно устройство, в зависимост от вида на вашия сайт. Когато оформлението на мобилната версия може да бъде полезна услуга от Google: PageSpeed ​​Insights. който ще посочи грешките и пропуските в проекта.







    • Предишен ◈ Следващото