Бесплатная книга по HTML 4, самая полная версия для начинающих и опытных пользователей.
Как сделать мобильную версию сайта. В наш современный век стали очень бурно развиваться мобильные устройства. Большинство этих мобильных устройств позволяют выходить в Интернет. И сейчас доля "мобильных пользователей" продолжает расти, поэтому есть большой смысл сделать мобильную версию сайта. В этой статье я расскажу, как сделать мобильную версию своего портала. Первым делом, Вы должны понять, что мобильный Интернет уступает по скорости стационарному во много раз, плюс из-за небольшого экрана просмотр страниц так же не удобен. Я уже молчу про тех, кто пытается выйти в Интернет через GPRS.
Мне это удалось прочувствовать однажды, когда я был далеко в Краснодарском крае, в какой-то глубинке, где телефон по непонятным причинам более-менее ( 40-50% ) ловил только на кладбище. С такой связью можно звонить, но вот Интернет был совершенно некудышным. Поэтому когда мне пришлось там загружать страницы размеров 200-300 КБ. из которых 90% - это ненужная графика, я проклинал создателей этого сайта. Поэтому в первую очередь мобильная версия сайта должна быть с минимальным набором графики. максимум - это какая-нибудь "лёгкая" шапка, не более того.
Вывод отсюда простой: Вам придётся делать абсолютно другую вёрстку для мобильных устройств. где не будет никаких красот, а будет лишь только самое необходимое. Плюс позиционирование элементов надо сделать по-другому. Например, если меню слева, то лучше будет его сделать сверху, чтобы основную часть можно было растянуть на всю ширину экрана.
Это как пример. Что касается ширины страницы, то рекомендую поставить max-width: 620px; у самого верхнего контейнера. Сильнее растягивать не требуется. Мобильную версию сайта лучше сделать на отдельном поддомене, например, на m. mysite.
Последний компонент HTML и предпоследний урок из книги Шэя Хоу Даже освоение HTML /CSS, несмотря на огромное количество учебников и. Учебник по Delphi для начинающих. Учебник по технологии программирования. Учебник по Macromedia Dreamweaver MX. Учебник по HTML 4. Учебник HTML для начинающих. Основы HTML в примерах. Обучение по созданию сайтов. В настоящий момент для создания WAP-страниц (аналог HTML -страниц для мобильных устройств) используется либо язык разметки WML (Wireless.
ru. Когда Ваш отдельный сайт для мобильных устройств будет готов, надо подумать, как перенаправлять пользователей с мобильными устройствами с сайта mysite. ru на m. mysite. ru.
Код для определения браузера можно скачать здесь:. Скачиваете, например, для PHP. Далее вставляете в index-файл этот код и заменяете там адрес в header() на адрес Вашей мобильной версии сайта. Таким образом, все посетители Вашего основного сайта будут проверены на то, мобильный у них браузер или нет.
Если мобильный, то будут перенаправлены на мобильную версию сайта, иначе у них будет спокойно открываться стандартная версия. Создайте отдельный поддомен Вашего сайта для мобильной версии. Сделайте новую вёрстку для мобильной версии. Скопируйте все системные библиотеки с Вашего основного сайта на поддомен, а база данных, безусловно, должна быть общей, если не хотите, добавляя новый контент, делать это дважды. В index-файл основного сайта добавьте проверку на браузер пользователя. И если это мобильный браузер, то делайте редирект на мобильную версию сайта. Это всё, что требуется сделать для того, чтобы была мобильная версия Вашего сайта.
Создано 01. 02.
2013 10:59:23.