1. • Дизайн для портативных устройств: ваш веб-сайт на ...
  2. • Проверочный список для веб-стандартов
  3. • Сортировка карточек: полное описание метода
  4. • Десять главных ошибок веб-менеджера
  5. • Виды интернет-маркетинга
  6. • Графическая нотация для документирования информационной ...
  7. • Администрирование локальных сетей
  8. • Администрирование локальных сетей
  9. • Электронное правительство
  10. • Безопасность www-серверов
  11. • Курсовая: Использование Веб-служб для индивидуализированного обучения ...
  12. • Альтернативный веб-дизайн
  13. • CSS дизайн: с учетом контекста
  14. • 25 преимуществ использования интернета в сетевом маркетинге"
  15. • Невербальные каналы передачи информации (Невербальні канали ...
  16. • Курсовая: Учебная компьютерно-опосредованная коммуникация: теория ...
  17. • Альтернативный web дизайн
  18. • Авторский материал: Контрольный список вопросов по внедрению программ ...
  19. • Диплом: Интернет

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

Если эта таблица стилей применяется также и к другим типам устройств (а то и ко всем сразу) - перечислите их в атрибуте 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/


©2007—2016 Пуск!by | По вопросам сотрудничества обращайтесь в contextus@mail.ru