| |
|
Чтобы сайт легко и правильно отображался в броузерах мобильных устройств, следует использовать минимальный стандартный набор HTML кода, существующих еще с самых первых версий языка, минимум графики в оформлении (для экономии траффика, памяти и площади экрана). Такую структуру HTML кода сайта можно создать и использовать только в простом текстовом редакторе (например, notepad.exe). При использовании специальных программных пакетов для создания сайта, вы получите значительную избыточность HTML кода и, почти всегда, использование скриптов (для проверки совместимости с броузерами).
Скачать бесплатно >>
Использование графики в оформлении сайтов - слабое место многих из них. Графическое оформление сайта (графические заголовки, рамки, разделители, кнопки и т.д.) не несут функциональности, которую нельзя решить другими, более простыми и компактными средствами. Такая графика занимает часть мобильного траффика, за который посетитель платит деньги, занимает и без того небольшую свободную память (оставшуюся после загрузки операционной системы и каких-то обязательных программ), нагружает графическую подсистему и увеличивает расход электроэнергии из батареи (особенно для анимированной графики).
Обратите внимание, как в транспорте читают книги на смартфонах, планшетах или ридерах. Как правило, при этом на экране вообще нет графики, используется вся площадь экрана и шрифт достаточно крупный.
Использование мелких шрифтов - второй, часто встречающийся недостаток самодельных сайтов. Малоопытные веб дизайнеры стремятся создать "стильный" сайт с мелким, нередко, мало контрастным текстом. При этом тестирование сайта на мобильных утройствах не проводится. Посетитель, едущий в транспорте, загрузив сайт, вынужден пытьтся что-то рассмотреть на маленьком экране, написанное мелким шрифтом (еще и пропорционально уменьшенным видеосистемой), в условиях низкой освещенности. Вряд ли такой сайт посетитель захочет просмотреть еще раз, даже если содержание сайта действительно неплохое.
Оформление ссылок
Размещение графических "кнопок" в качестве ссылок для эффективного сайта столь же нежелательно, как и использование текстовых ссылок с очень мелким шрифтом. Пользователь будет должен попасть пальцем в крошечную ссылку на экране смартфона? Для этого вам придется его крайне заинтересовать.
Используйте простые и правильные текстовые ссылки. Например, такие: <a href="http://www.oflameron.ru" title="Английский язык">Английский язык</a>
Такие ссылки не содержат ничего лишнего и хорошо индексируются поисковыми системами. Это вообще классический вид ссылки.
Готовый бесплатный сайт, который можно скачать, сделан с учетом этих особенностей. Очень простая и понятная структура HTML кода в виде таблицы с ячейками позволяет разобраться даже начинающим веб дизайнерам. Очень легко редактировать и добавлять контент или рекламные блоки. Используется минимальный набор операторов языка HTML.
Сайт имеет фиксированную ширину и неограниченную длину веб страниц. Фиксированная ширина обеспечивает стабильность форматирования контента на экране при просмотре на устройствах с разной шириной. Вы можете легко сделать адаптивную ширину экрана, применив простой Java script для вычисления ширины экрана устройства.
Скачать бесплатный сайт >>>>
Бесплатные сайты
#бесплатныесайты
|
|