Пара Мыслей По Поводу Компоновки...

Я немного подумал над расположением различных блоков страницы (меню, контент, панель поиска и т. д.)… Известно, что поисковые системы индексируют только часть страницы.

Соответственно, вам нужно постараться разместить важную и полезную информацию как можно ближе к верху страницы.

Для примера я взял страницу со следующими блоками:

  1. логотип;
  2. Главное меню;
  3. столбец с дополнительной информацией;
  4. линия поиска;
  5. основное содержание;
  6. нижний колонтитул
и довольно распространенный вариант планировки:

Пара мыслей по поводу компоновки.
</p><p>
.
</p><p>
.
</p><p>

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

Собственно, вот сам файл примера: макет-example.html , а вот тот же файл макета, но с активными стилями: макет-example-with-style.html Помимо прочего, такой вариант планировки решает еще пару задач:

  • делает страницу более удобной для «чтения» для людей с нарушениями зрения и т.п.

    , т.е.

    для тех, кто читает сайт на компьютере – чтение начинается непосредственно с контента, а всякие вспомогательные вещи оставляются «на потом»;

  • облегчит жизнь пользователям неграфических браузеров.

Хотя, конечно, не каждый дизайн можно не только причесать под эту гребенку, но и просто использовать смысловую раскладку.

P.S. Эти аргументы не претендуют на новаторство.

наверное, подобные решения существовали уже давно, но мне было интересно просто порассуждать на эту тему.

Теги: #layout #xhtml #CSS #Chulan

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.