29.04.2021
Новости партнеров
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", это избавит вас от рамок вокруг изображения.