Заказать курсовые, контрольные, рефераты...
Образовательные работы на заказ. Недорого!

Дизайн для портативных устройств: ваш веб-сайт на маленьком экране

РефератПомощь в написанииУзнать стоимостьмоей работы

Если среди подключенных таблиц стилей найдётся хотя бы одна, имеющая атрибут handheld — Opera отключит внутренний режим SSR, и начнёт применять все таблицы стилей, написанные для портативных устройств (включая таблицы без указания типа устройства или таблицы с media= «all «). Opera не загрузит внешние таблицы стилей, содержащие директивы @media или @import rules до тех пор, пока не принято… Читать ещё >

Дизайн для портативных устройств: ваш веб-сайт на маленьком экране (реферат, курсовая, диплом, контрольная)

Если эта таблица стилей применяется также и к другим типам устройств (а то и ко всем сразу) — перечислите их в атрибуте 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 вышла на своё собственное решение проблемы того, что при возросшем числе портативных устройств лишь незначительная часть веб-сайтов приспособлена к показу страниц на них. Будь Сеть идеальной — Опере бы не пришлось «тянуть на себе «все эти уловки, нужные для втискивания страницы в узкий экран. Однако мы искренне надеемся, что всё большее число веб-авторов станет проявлять интерес к созданию своих собственных приёмов, способных помочь созданию действительно качественного дизайна для «наладонников ». Сделать так, чтобы веб-сайты выглядели превосходно и на небольших экранах, сложно, но всё-таки нет ничего невозможно.

Список литературы

Для подготовки данной работы были использованы материалы с сайта internet.

Показать весь текст
Заполнить форму текущей работой