Главная » Статьи » Разработка сайтов » Адаптивные сайты

Android - путешествие по мобильным сайтам

Android - путешествие по сайтам

Разработка адаптивных сайтов Важность Интернета для смартфона неоспорима. Без доступа к Сети ни прогноз погоды не узнаешь, ни приложение не обновишь. Но это всё нужды, так сказать, системные, а ведь хочется и просто новости почитать, и над картинками забавными посмеяться, а то и интернет-ТВ посмотреть. Для этого на компьютере что используется? Правильно, браузер.

В Android это приложение называется скромно — Интернет. Обычно его значок сразу красуется на начальном экране системы. В крайнем случае придётся разыскать его в списке установленных приложений.

Как честный человек, должен сообщить, что для Android существует не один и даже не пять браузеров от разных разработчиков. Некоторые из них — например Opera — очень популярны и весьма неплохи. Однако я все-таки буду рассматривать стандартный браузер системы. Хотя бы потому, что он точно есть на каждом Android-смартфоне, его не придется скачивать из Интернета

При первом запуске браузера вы, скорее всего, увидите окно поискового сервера Google.

Разработка адаптивных сайтов

Оно и неудивительно, учитывая, что Android — детище Google.Здесь можно ввести поисковый запрос в поле посреди страницы и на-жать значок лупы. Появится список результатов — ссылок на сайты.

Разработка адаптивных сайтов

Можете щёлкать на любой ссылке и переходить на соответствующий сайт. Но что делать, если вы и так знаете адрес (URL) нужного сайта? Проматывайте окно вверх (то есть проводите пальцем сверху вниз), пока не появится адресная строка, куда и можно ввести URL.

Разработка адаптивных сайтов

Кстати, обратите внимание на значок справа от адресной строки (кружок из стрелок). Он нужен, чтобы обновить страницу. Во время её открытия значок превращается в "крестик" и позволяет остановить загрузку. При нажатии адресной строки открывается текстовый редактор, который несколько отличается от привычного редактора Android.

Разработка адаптивных сайтов

Во-первых, в строке подсказок вы увидите не варианты слов, а адреса.Точнее говоря, те адреса, которые вы посещаете чаще всего.

Во-вторых, есть даже специальная клавиша .com, которая часто облегчает набор. Но в остальном это старый добрый редактор текста. Давайте для примера зайдём на какой-нибудь новостной сайт. Да хотя бы на «Газета.Ru». Попасть туда можно двумя способами:

1. В поисковике в строке поиска наберите газета и нажмите клавишу ввода. Появится список ссылок, первая же из которых приведет на сайт «Газета.Ru». Кстати, пользуясь случаем, подскажу еще один способ быстрого поиска в Интернете. Находясь на одном из системных экранов Android, нажмите кнопку «Поиск» под экраном. Откроется окно поиска, которое является упрощенным вариантом сервера Google. Можете ввести слово "газета" — получите тот же результат. Нажмите ссылку, чтобы открыть новостной сайт.

Разработка адаптивных сайтов

2. В адресной строке впишите gazeta.ru и нажмите ввод. Вы сразу окажетесь на нужном сайте.

Второй способ, как видите, на один шаг короче, но для его применения нужно точно знать название ресурса, на который направляетесь. Если вы уже бывали на сайте «Газета.Ru», то сразу заметили отличие в интерфейсе.

Действительно, при загрузке сайт понял, что вы вошли в Интернет с мобильного устройства, и потому подсунул мобильную версию себя. Об этом честно написано в левом верхнем углу страницы, да и адрес, как видите, начинается с префикса m. — это обычное дело для «облегченных» версий сайта. Она реально удобнее, чем полные версии, «заточенные» под экран компьютера. Чтобы убедиться в этом, нажмите слова Полная версия в верхней части страницы.

Разработка адаптивных сайтов

Трудно что-то разобрать, правда? Немного помогает увеличение масштаба — прикоснитесь сведенными пальцами к экрану смартфона и,не отрывая их от экрана, разведите (движение «обратный щипок»). Всё стало крупнее, но теперь на экране помещается только малая часть страницы.

Разработка адаптивных сайтов

Правда, на правильно сделанной веб-странице текст быстренько переформатируется — так, чтобы помещаться в узкий экран, но всё равно читать не очень удобно. Кроме того, в полной версии слишком много картинок, а, как известно, «графика жрет трафик».

Между прочим, далеко не каждый сайт автоматически открывает свою мобильную версию, когда входишь на него со смартфона.

Иногда нужно на главной странице найти специальную ссылку, обычно она располагается слева вверху. Ссылка не обязательно называется "Мобильная версия". На моем любимом портале TUT.BY она носит имя "С телефона", а в других местах вы можете увидеть аббревиатуру "PDA".

Разработка адаптивных сайтов

А на многих сайтах вообще нет мобильной версии. Например, на моем персональном, созданном одновременно с книгой «Создание и продвижение сайтов без напряга». Это ведь не так просто — сделать альтернативную версию веб-ресурса. Поэтому наличие мобильной версии сайта можно считать признаком респектабельности и продвинутости его хозяина.

Жвалевский Андрей Валентинович
Смартфоны Android без напряга.
Руководство пользователя

Категория: Адаптивные сайты | (27.10.2014) |
Просмотров: 792 | Рейтинг: 0.0/0
Всего комментариев: 0

Услуги веб-студии

  1. Современные сайты Европейского уровня под ключ
  2. Благодаря таким технологиям как HTML5, CSS3, jQuery и Parallax Ваш сайт буквально будет живым
  3. Благодаря адаптивному дизайну ваш сайт будет удобен для просмотра на экранах любых размеров
  4. Мы делаем сайты оптимизированные под Google и Яндекс

Заказать сайт
  • Услуги хостинга. Помощь в регистрации домена
  • Маркетинговый анализ перед созданием — выявление необходимого функционала для сайта
  • Разработка дизайна или настройка шаблона
  • Кроссбраузерная и адаптированая верстка для всех устройств (ПК, планшеты, смартфоны)
  • Наполнение сайта
  • Предоставление электронной почты вида имя@ваш-сайт.ru
  • Регисрация сайта в поисковых системах Яндекс, Google, Mail, Rambler
  • Подключение Яндекс веб-аналитики (вы будете знать всё о посетителях вашего сайта)
  • Поддержка и администрирование сайта
  • Раскрутка и продвижение сайта
  • Обучение работе с сайтом. Быстро. Качественно. Онлайн
  • Вам передаются исключительные (полные) права на разработанный сайт
Читать далее
Разработка корпаративных сайтов & Landing Page от 8 000 руб.
Сайт визитка от 5 000 руб. Читать далее
Практика показывает, что Интернет является огромной площадкой для развития бизнеса, а сайты — очень сильным маркетинговым инструментом. Чтобы извлечь максимальную выгоду из сайта, им нужно заниматься, его нужно развивать. Потенциальным клиентам будет проще найти вас, если сайт будет на первых строчках в результатах поиска. Читать далее
Любая могучая идея абсолютно восхитительна и в высшей степени бесполезна, пока ты не решишься заставить её работать. Читать далее

4 правила успешного бизнеса

Если вы хотите достичь успеха в бизнесе и жизни, нужно стремиться излучать позитивную энергию. Вот несколько советов, которые позволят этого добиться.

Подробнее

5 секретов эффективной рекламы

Сотни листовок, буклетов, визиток, брошюр и других рекламных материалов обычно сразу отправляются в мусорные корзины.

Подробнее

Рекламодатель уходит в интернет

за исключением контекстной рекламы в интернете, все остальные сегменты продемонстрировали отрицательную динамику.

Подробнее

Mobile-friendly или ну полная оптимизация

Вот и все, Google нашел способ припереть к стенке тех, у кого все ещё нет мобильных сайтов. На днях стало известно о том, что мегакорпорация меняет алгоритм поисковой выдачи. Касается это прежде всего мобильных устройств.

Подробнее

Адаптивные сайты

Как адаптивный дизайн поможет увеличить посещаемость сайта?

Подробнее