..


Рекламные ссылки

Базовая схема сайт оптимизирован для смартфонов

Если веб-мы привыкли баловать себя бесконечное сочетание макета и пространства, проектирования веб-страниц для смартфонов мы рассматриваем наши творческие амбиции, или по крайней мере изменить размер ограниченных размеров дисплеев предназначен для просмотра нашей работы.

Примечание: разрешение видео варьируется, конечно, в зависимости от модели, большинство из следующего поколения смартфона дисплей с шириной от минимум 240 до максимум 480 пикселей. Наиболее распространенным разрешение может рассчитывать, в портретном режиме, по ширине 320 пикселей.

Забудьте макета потом два, три или четыре колонки! С моей точки зрения, единственно возможным решением для обеспечения удобства и простоты использования для содержания, единый дизайн колонка, в которой все содержание организуется по вертикальной каскад порядке (то есть, один ниже другого). При создании веб-страницы, помните всегда, самое главное, для обеспечения хорошего юзабилити и, тем более, когда на дисплее ограничено смартфон, простота всегда является лучшим способом продвижения вперед.

Как видите, наша структура очень проста и состоит поначалу из трех частей:

  • Заголовок: в верхней части страницы и предназначен для размещения логотипа сайта и, возможно, некоторые другие элементы первом этаже;
  • Страница тела: он рассчитан на центральную часть фактическое содержание страниц нашего сайта;
  • Footer: Это заключительная часть, в нижней части, где он обычно создавать какие-либо кредиты, юридические справки, уведомления об авторских правах, контакты и т.д..

Меню навигации

Центральная часть страницы, в свою очередь, будет использоваться для размещения других областях (которые варьируются в зависимости от ваших потребностей).
Существенным элементом, конечно, навигация по меню с помощью которого можно получить доступ к другим страницам / разделов сайта. Если их несколько (первое решение) может непосредственно создавать панель инструментов с ссылками необходимо, в противном случае - для экономии места - лучше, чтобы добавить одну кнопку, при нажатии, показывает список всех страниц / областей в наличии (второе решение).

Содержание

Кроме того, и, прежде всего, за содержание, которое Вы должны иметь в виду маленький экран смартфона. Опять же, следовательно, простота и линейность, на мой взгляд, лучший выбор.

Избегайте ненужных излишеств графической хорошее правило веб-дизайна, и это еще больше в разработке веб-страниц для мобильных устройств и для вопросов, связанных с малым размером дисплея и по причинам, связанным с доступной пропускной способности (так же, как имеющие стоимость, 3G пропускная способность не всегда быстрый, так что лучше сосредоточиться на том, что существенно).

Даже за содержание, поэтому предлагаю каскад, где различные элементы макета (текст, изображения, видео) в следующих друг за другом:

В следующем уроке мы увидим, как создать HTML-код на нашем сайте, начиная, конечно, <head> (название, мета-тегов и CSS).

Помощь разработке сайтов для мобильных устройств
E-Learning
ASP.NET (курс) ASP.NET (курс)
Полный курс для создания веб-приложений от 49 €.
CSS (курс) CSS (курс)
Веб-дизайн и доступность в соответствии с W3C CSS и XHTML. Начиная от 29 €.
Excel (электронных книг) Excel (электронных книг)
Создание электронных таблиц и расчета. Всего лишь 25 €.
Рекламные ссылки