Каким вы видите сайт для КПК, какие цели преследуете делая сайт под карманный персональный компьютер? Ответы на все эти вопросы, мы изложили в этой статье. Все большее число пользователей выходит во всемирную сеть с помощью мобильных устройств, поэтому создателям сайтов нужно учитывать, как их творения будут открываться в различных КПК.
В CSS2 существует возможность делать аппаратно-зависимые стили, то есть конкретно определяются устройства, на которых будет отображаться загружаемая страница и в зависимости от типа устройства применяется набор правил. Так, запись пути к файлу стилей со словом screen означает, что стили будут задействованы только при выводе страницы сайта на монитор: <link rel=»stylesheet» href=»style.css» type=»text/css» media=»screen» /> Чтобы пользователям было удобно распечатать какую-нибудь страницу сайта, необходимо создать соответствующий файл CSS, чтобы в нем не было лишних картинок, кнопок и других элементов, не нуждающихся в печати. И важно для этого файла прописать путь, тогда принтер распечатает все как надо:
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
Аналогично и с карманными устройствами: можно загружать отдельный файл стилей для них, прописав путь. Выглядеть это будет так:
<link rel="stylesheet" href="handheld.css" type="text/css" media="handheld" />
На самом деле задать определенный путь не сложно, гораздо важнее определиться, что должно присутствовать, а чего быть не должно в стилях для PDA устройств. Ведь для них нужно тоже отобразить сайт с полным функционалом, но при этом на небольшом экране. При создании этого файла надо учесть следующие моменты:
- Даже если сайт состоит из трех или пяти колонок, все его наполнение выводится на экран карманных устройств только в одну. А значит использование свойства float бессмысленно.
- Расстояние от одного края экрана до другого на различных устройствах может отличаться не на одну сотню пикселов, поэтому не надо конкретно указывать ширину блоков, а просто задать 100 процентов.
- Для КПК в файле стилей нужно точно прописывать все без исключения настройки и правила. Если в случае с монитором, браузер сможет корректно отобразить фон и цвет текста без заданных правил, то для PDA-устройств такое может не произойти.
Может показаться, что все эти старания — лишние, ведь на большинстве современных мобильных устройств есть предустановленные браузеры, которые могут корректно отображать практически все просматриваемые пользователем сайты, хотя возможно и тратя время на их загрузку. Наверно, решая создавать или нет специальную версию сайта для PDA устройств, нужно брать во внимание о чем этот сайт и какова его структура. Для крупных порталов, например новостных, иметь версию для КПК просто необходимо. Но, например, портфолио-сайты, сайты с фотографиями и примерами дизайна конечно можно запихнуть в мобильную версию (кстати, заказать дизайн сайта можно у нашей команды), но смысл сайта потеряется — изображения будет плохо видно.
Над мобильной версией блога тоже стоит подумать — многие читатели просто пользуются rss-лентой.
Если все выше приведенные идеи о создании сайта, вам сложны, то вы можете заказать сайт под ключ у профессионал в области сайто-строения. Не теряйтесь, выход можно найти из любой ситуации главное желание и деньги.