Личный кабинет
2008-11-04 11:39
В этой статье рассказано как сделать хороший HTML. Чего надо соблюдать, чтобы ваш сайт не был посмешищем. Статья выложена блоками по 5 советов для лучшего восприятия :-). Поехали...
[Совет 1] Не загружайте страничку графикой. Посетитель не будет вам бесконечно благодарен, наблюдая более 5 минут за загрузкой "огромных" картинок.
[Совет 2] Не используйте на страничке большие картинки. Если уж и приспичило, лучше порежте картинку на более мелкие части и вставьте их в таблицу. Этим вы существенно облегчите загрузку графики.
[Совет 3] Не встраивайте в страничку слишком много Java-скриптов и апплетов, показывая свою крутость. Не думайте, что интернет болен статичностью.
[Совет 4] Если есть возможность сделайте альтернативу картинкам-ссылкам в виде текстовых ссылок. Пусть на сайте присутствует и то, и то, так как некоторые пользователи отключают в своих броузерах загрузку графики.
[Совет 5] Если какой-либо раздел еще не готов не надо мозолить глаза посетителям стандартной анимационной картинкой "Идет строительство" или "Under Construction". Достаточно написать приглашение зайти попозже.
[Совет 6] Не ленитесь указывать в IMG-теге размеры картинки WIDTH и HEIGHT. Иначе при загрузке картинок текст будет прыгать в разные стороны. Посетителю точно это не понравится.
[Совет 7] Пишите в описании картинки ALT-текст. Не заставляйте посетителей ждать полной загрузки желая узнать, что же находится за этой картинкой.
[Совет 8] Не используйте большое число вложенных фреймов с запутаной системой навигации. Если есть возможность, лучше вообще отказаться от фреймов.
[Совет 9] Не используйте в тексте слишком много восклицательных знаков (!!!). Этим вы добьетесь того, что посетитель просто не заметит действительно важной информации.
[Совет 10] Если вы думаете, что много мерцающих ссылок привлекают внимаие - вы ошибаетесь. Не думайте, что Интернет болен статичностью. Большое количество таких ссылок не особо радует. После просмотра такого сайта можно получить головную боль до вечера.
[Совет 11] Проверьте, хорошо ли видна страничка в разных разрешениях. Вы должны позаботиться, чтобы она хорошо воспринималась как в разрешении 800х600 так и в 1024х768.
[Совет 12] Старайтесь не прибегать к использованию полосы горизонтальной прокрутки.
[Совет 13] Если вы собрались делать на страничке какой-либо фон: старайтесь подобрать контрастную и одновременно расслабляющую глаза комбинацию шрифта и фона.
[Совет 14] Следите за правописанием на страничке. Если вы собрались создать действительно хороший сайт, то на вашем столе должен быть орфографический словарь.
[Совет 15] Каждый документ вашего сайта должен быть доступен с трех щелчков мыши. Старайтесь следить за этим. В противном случае посетитель будет путаться в навигации вашего сайта.
[Совет 16] Размер одной странички не должен превышать примерно 45-50 кб. Иначе процесс загрузки затянется, что не всегда приятно.
[Совет 17] Не помещайте сайт в одну большую таблицу, ведь содержимое таблицы будет показано только тогда, когда она полностью загрузится.
[Совет 18] Всегда проверяйте корректность внутренних ссылок. Очень часто web-мастера оставляют такие ссылки: file:///C:/...
[Совет 19] Всегда выставляйте цвет основоного фона в теге , даже если он белый. Иначе цвет будет по Default`у, а на разных машинах Default разный :-)
[Совет 20] В картинках-ссылках пользуйтесь параметром border="0" (в тегах <a href="...">) этим вы избавитесь от синих рамок вокруг картинки-ссылки.
Автор: Кушнерук Денис
[Совет 1] Не загружайте страничку графикой. Посетитель не будет вам бесконечно благодарен, наблюдая более 5 минут за загрузкой "огромных" картинок.
[Совет 2] Не используйте на страничке большие картинки. Если уж и приспичило, лучше порежте картинку на более мелкие части и вставьте их в таблицу. Этим вы существенно облегчите загрузку графики.
[Совет 3] Не встраивайте в страничку слишком много Java-скриптов и апплетов, показывая свою крутость. Не думайте, что интернет болен статичностью.
[Совет 4] Если есть возможность сделайте альтернативу картинкам-ссылкам в виде текстовых ссылок. Пусть на сайте присутствует и то, и то, так как некоторые пользователи отключают в своих броузерах загрузку графики.
[Совет 5] Если какой-либо раздел еще не готов не надо мозолить глаза посетителям стандартной анимационной картинкой "Идет строительство" или "Under Construction". Достаточно написать приглашение зайти попозже.
[Совет 6] Не ленитесь указывать в IMG-теге размеры картинки WIDTH и HEIGHT. Иначе при загрузке картинок текст будет прыгать в разные стороны. Посетителю точно это не понравится.
[Совет 7] Пишите в описании картинки ALT-текст. Не заставляйте посетителей ждать полной загрузки желая узнать, что же находится за этой картинкой.
[Совет 8] Не используйте большое число вложенных фреймов с запутаной системой навигации. Если есть возможность, лучше вообще отказаться от фреймов.
[Совет 9] Не используйте в тексте слишком много восклицательных знаков (!!!). Этим вы добьетесь того, что посетитель просто не заметит действительно важной информации.
[Совет 10] Если вы думаете, что много мерцающих ссылок привлекают внимаие - вы ошибаетесь. Не думайте, что Интернет болен статичностью. Большое количество таких ссылок не особо радует. После просмотра такого сайта можно получить головную боль до вечера.
[Совет 11] Проверьте, хорошо ли видна страничка в разных разрешениях. Вы должны позаботиться, чтобы она хорошо воспринималась как в разрешении 800х600 так и в 1024х768.
[Совет 12] Старайтесь не прибегать к использованию полосы горизонтальной прокрутки.
[Совет 13] Если вы собрались делать на страничке какой-либо фон: старайтесь подобрать контрастную и одновременно расслабляющую глаза комбинацию шрифта и фона.
[Совет 14] Следите за правописанием на страничке. Если вы собрались создать действительно хороший сайт, то на вашем столе должен быть орфографический словарь.
[Совет 15] Каждый документ вашего сайта должен быть доступен с трех щелчков мыши. Старайтесь следить за этим. В противном случае посетитель будет путаться в навигации вашего сайта.
[Совет 16] Размер одной странички не должен превышать примерно 45-50 кб. Иначе процесс загрузки затянется, что не всегда приятно.
[Совет 17] Не помещайте сайт в одну большую таблицу, ведь содержимое таблицы будет показано только тогда, когда она полностью загрузится.
[Совет 18] Всегда проверяйте корректность внутренних ссылок. Очень часто web-мастера оставляют такие ссылки: file:///C:/...
[Совет 19] Всегда выставляйте цвет основоного фона в теге , даже если он белый. Иначе цвет будет по Default`у, а на разных машинах Default разный :-)
[Совет 20] В картинках-ссылках пользуйтесь параметром border="0" (в тегах <a href="...">) этим вы избавитесь от синих рамок вокруг картинки-ссылки.
Автор: Кушнерук Денис
- Правила хорошего HTML
- Правила хорошего сайта
- Правила хорошего сайта
- Сайты для тинейджеров: правила дизайна
- Четыре правила профессионального дизайна. Часть III
- Четыре правила профессионального дизайна. Часть I
- Обмен ссылками: правила, нормы, советы.
- Четыре правила профессионального дизайна. Часть II
- Четыре правила профессионального дизайна. Часть IV, последняя
- Изучаем HTML
- Валидность HTML
- Создаём HTML-формы
- Как правильно верстать на HTML
- Фреймы в HTML документах
- Немного об index.html
- Немного об index.html
- Особенности верстки веб-страниц - HTML
- Обзор программы "HTML-оптимизатор"
- Маленькие проблемы больших таблиц - HTML
- Как получить html-код для показа баннеров на страницах своего сайта?
- Фреймы в HTML документах (2008-11-04)
- 10 признаков дурного тона в web-дизайне (2008-11-04)
- 800 и 1024. Пиксели или проценты? (2008-11-04)
- Как работает формат JPEG? (2008-11-04)
- О композиции в дизайне (2008-11-04)
- Психология в дизайне (2008-11-04)
- Шрифты (2008-11-04)
- Как сделать качественный веб-сайт (2008-11-04)
- Какой вид дизайна выбрать? (2008-11-04)
- Выпадающие меню с помощью CSS (2008-11-04)
- Создание веб-страниц для различных разрешений м... (2008-11-04)
- Веб-дизайн и анимация (2008-11-04)
- Немного об index.html (2008-11-04)
- Психология дизайна (2008-11-04)
- Что такое стильный web-сайт? (2008-11-04)
- Web дизайн :: Что такое хорошо и что такое плохо (2008-11-04)
- Лево, Право или Центр? (2008-11-04)
- Оптимизация изображений в формате JPG (2008-11-04)
- Альтернативные редакторы Flash (2008-11-04)
- Что же такое web-дизайн? (2008-11-04)
- Сайты для тинейджеров: правила дизайна (2008-11-04)
- Маленькие проблемы больших таблиц - HTML (2008-11-04)
- Особенности web-дизайна (2008-11-04)
- Подсказки и советы для веб-мастеров - Топ 100+ (2008-11-04)
- Единицы измерения CSS (2008-11-04)
- Состав изображений (2008-11-04)
- FLASH - ЧТО МОЖЕТ БЫТЬ ХУЖЕ? (2008-11-04)
- FAQ по графическим форматам файлов (2008-11-04)
- ПО необходимое для web-дизайнера (2008-11-04)
- Должностная инструкция веб-мастера (2008-11-04)
- Стиль Вашего сайта (2008-11-04)
- Стиль Вашего сайта (2008-11-04)
- Orange color: теория и практика (2008-11-04)
- Расположение баннера (2008-11-04)
- Советы "чайникам" (2008-11-04)
- С чего начать (2008-11-04)
- С чего начать (2008-11-04)
- Организация - вот ключ к успеху (2008-11-04)
- Подбор шрифта и верстка текста (2008-11-04)
- Обзор Gif-аниматоров (2008-11-04)
- Каскадные таблицы стилей (преимущества и недост... (2008-11-04)
- Фирменный шрифт (2008-11-04)
- Главные ошибки в web-дизайне (2008-11-04)
- CSS - Для чего нужны таблицы стилей? (2008-11-04)
- Таблицы или слои, что лучше? (2008-11-04)
- О скриптах (2008-11-04)
- Изучаем HTML (2008-11-04)
- Применение нескольких классов к элементу в CSS (2008-11-04)
- Создание сайта с помошью фреймов (2008-11-04)
- Основы работы со слоями в CSS (2008-11-04)
Быстрый переход