World1000 - Правила хорошего HTML
Баннерная сеть

Личный кабинет

Имя

Пароль

Запомнить меня


Забыли пароль?
Зарегистрироваться

  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="...">) этим вы избавитесь от синих рамок вокруг картинки-ссылки.


Автор: Кушнерук Денис
Быстрый переход
  • Company
  • Overview
  • Facts and Figures
  • Why Us
  • Testimonials
  • Careers
  • Capabilities
  • Technology Centers
  • Microsoft .NET
  • Java EE
  • PHP
  • AJAX
  • Skill Set
  • Domain Expertise
  • Web 2.0
  • Rich Internet Applications
  • Business Continuity
  • Quality Management
  • Methodology
  • Services
  • Advanced Web Development
  • Web Application Development
  • Web and Enterprise Portal Development
  • Website Design and Development
  • Web-based Database Programming
  • Web-enabling Legacy Applications
  • Opensource Software Customization
  • Business Application Development
  • Content and Document Management
  • Secure Intranets / Extranets
  • Customer Relationship Management
  • Workflow Management
  • Supply Chain Management
  • Interactive Learning
  • Independent QA and Testing
  • Application Security Consulting
  • Graphic Design / Multimedia
  • Maintenance and Support
  • Outsourcing
  • Outsourcing Overview
  • Dedicated Teams
  • Security and IP Protection
  • Engagement Models
  • Portfolio
  • By Business Domain
  • Corporate / Info Websites
  • Communities and Networks
  • B2B / B2C Internet Portals
  • Retail / Ecommerce
  • Media Distribution
  • Workflow Management
  • Customer Management
  • Enterprise Collaboration
  • Supply Chain Management
  • eLearning / Online Training
  • By Technology Focus
  • Microsoft .NET
  • Java EE
  • PHP
  • By Solution Type
  • Websites
  • Web Applications
  • Enterprise Solutions
  • Contact
  • Contact Form
  • Get Free Evaluation
  • Call Me Back
  • Contact Info
  • Map