Дизайн для портативных устройств: ваш веб-сайт на маленьком экране
Если
эта таблица стилей применяется также и к другим типам устройств (а то и ко всем
сразу) - перечислите их в атрибуте media,
разделив названия запятыми. И не забудьте явно вписать туда ещё и handheld. Например:
Если
среди подключенных таблиц стилей найдётся хотя бы одна, имеющая атрибут handheld - Opera отключит внутренний режим SSR, и начнёт применять все таблицы
стилей, написанные для портативных устройств (включая таблицы без указания типа
устройства или таблицы с media="all"). Opera не загрузит внешние таблицы стилей,
содержащие директивы @media
или @import rules до тех пор, пока не принято
решение о выключении режима отображения "растянуть на весь экран".
Следовательно, вы должны
непосредственно в самой HTML-странице
явно указать на наличие стилей для портативных устройств.
Завершив
работу над дизайном, протестируйте его. Если вам недоступно портативное
устройство с установленным на нём браузером Opera - эмулируйте поведение "наладонника" на настольном
ПК, запустив страницу в Опере и нажав Shift+F11.
Взгляните
на пример
Для
иллюстрации представленного выше подхода (адаптация дизайна под специфику
"наладонников") мы создали таблицу стилей для ALA (с media="handheld"),
снабдив её комментариями. Файл доступен по адресу /d/pocket/handheld.css. Вы можете оценить
работоспособность, просмотрев /d/pocket/ в соответствующем браузере.
Opera вышла на своё собственное
решение проблемы того, что при возросшем числе портативных устройств лишь
незначительная часть веб-сайтов приспособлена к показу страниц на них. Будь
Сеть идеальной - Опере бы не пришлось "тянуть на себе" все эти
уловки, нужные для втискивания страницы в узкий экран. Однако мы искренне
надеемся, что всё большее число веб-авторов станет проявлять интерес к созданию
своих собственных приёмов, способных помочь созданию действительно
качественного дизайна для "наладонников". Сделать так, чтобы
веб-сайты выглядели превосходно и на небольших экранах, сложно, но всё-таки нет
ничего невозможно.
Список литературы
Для
подготовки данной работы были использованы материалы с сайта http://www.webmascon.com/