18 Октября 2021, ПН, 19:37
              

20 правил хорошего HTML оформления страниц

Добрый день дорогие читатели! Сегодняшний пост я решил посвятить HTML оформлению страниц сайта. Частенько наталкиваюсь на сайты (как клиентские, так и просто в сети), который ужасно оформлены, долго загружаются, и напрягаю глаз. Я попытаюсь подробно изложить 20 основных правил HTML оформления страниц, которые приведут ваш сайт к успеху. Выбирайте также фриланс телеграм тут telegrator.ru.

  • Не перегружайте страницы сайта графикой. Пользователи не будут ждать по 10 мин загрузки всех графических элементов, они попросту покинут ваш сайт и забудут про него.
  • Старайтесь не использовать огромных изображений, но если все, же необходимо вставить, то разрезайте изображения в фотошопе и вставляйте частями в таблицу. Эта процедура облегчит загрузку графических элементов.
  • Не используйте на страницах сайта много Java-скриптов и апплетов. Частенько куча скриптов и Java изображений увеличивают скорость загрузки, что заставляет ждать посетителей, а посетители ждать не будут.
  • Если на сайте имеется возможность сделать альтернативу картинкам в виде текстовых ссылок, используйте ее. Так, как часто посетители отключают загрузку изображений в браузерах. Пусть на странице используется и то и другое.
  • Если на сайте, какой либо раздел не готов или находится в разработке, то не нужно вставлять анимацию типа «Идет строительство» или «Under Construction». Просто не создавайте раздел, либо же сделайте редирект на главную страницу.
  • При размещение картинок в теге IMG указывайте размеры изображения WIDTH и HEIGHT. В противном случае текст будет как кенгуру (прыгать в разные стороны).
  • Прописывайте ко всем изображения ALT-текст. Это позволит улучшить оптимизацию, и посетитель еще до загрузки изображения будет знать, что он увидит.
  • Не используйте на страницах сайта кучу фреймов, а лучше вообще откажитесь от них.
  • Старайтесь в тексте не использовать кучу восклицательных знаков (!!!!!!!!). Этим вы добьетесь того, что пользователь попросту не увидит важной информации и все его внимание будет обращено на!!!!! знаки.
  • Старайтесь как можно меньше использовать мерцающих ссылок. Куча ссылок напрягают и заставляют покинуть сайт. Ставьте ссылки только в тех местах, где это действительно необходимо. 
  • Проверьте ваш сайт на корректное отображение в различных расширениях. Вы должны позаботиться о том, чтобы ваш сайт отображался корректно как на мониторах с расширением 1024×768, так и с 1680*1050
  • Не пренебрегайте полосами горизонтальной прокрутки.
  • Если на страницах вашего сайта используется фоновый цвет, то старайтесь подобрать контрастную, но в тот же момент расслабляющую комбинацию. Используйте мягкие тона (белый, голубой, кремовый и т. д.)
  • Следите за орфографией на страницах сайта. Сайт без ошибок – успешный сайт.
  • Каждая страница вашего сайта должна находится не дальше трех кликов от главной. Если страницы находятся дальше, то посетитель может запутаться в навигации сайта (чтобы избежать этого, можно добавить хлебные крошки).
  • Размер документов вашего сайта не должен быть больше чем 50 кб. Иначе загрузка страницы затянется и посетителю вновь придется ждать.
  • Не создавайте сайт в одной огромной таблице, так как содержимое такой таблицы покажется только тогда, когда она полностью загрузится (а это опять лишнее ожидание).
  • Проверяйте внутренние ссылки на их корректность. Так как частенько можно встретить ссылки такого вида file: ///C: /...
  • Всегда указывайте фоновый цвет в теге, даже если он светлый или белый. В противном случае цвет выставляется по Default'у, а на разных машинах Default разный. 20. В изображениях, в которых используются ссылки применяйте параметр border="0", это избавит вас от рамок вокруг изображения.