Тестирование сайта.

Для тестирования Web-сайта не обязательно быть подключенным к Интернету.

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

Определение:

На Web-сайте локальные файлы (local files) — это файлы, которые хранятся на персональном компьютере в целях их разработки и тестирования. Удаленные файлы (remote files) — это файлы, которые публикуются на Web-сервере. Именно удаленные файлы видят посетители, когда заходят на ваш сайт.

Для чего нужно тестировать сайт?

Для тестирования Web-сайта

Тестирование сайта с помощью персональных или локальных файлов вполне оправданно.

Одна из причин — нет необходимости подключаться к сети для тестирования сайта и можно вносить любые изменения в код Web-страниц, не оказывая воздействия на опубликованную версию сайта.

Выполненные изменения не действуют до тех пор, пока вы не загрузите модифицированные страницы на Web-сервер. По этой причине локальное тестирование помогает улучшить контроль качества

. Нет необходимости размещать плохо кодированные страницы или страницы с ошибками, чтобы весь мир увидел их.

Вместо этого вы устраняете недочеты в автономном режиме и загружаете свои Web-страницы после того, как все будет функционировать надлежащим образом.

Тестирование сайта включает в себя:

  • 1. Просмотр сайта на мониторах с различной разрешающей способностью.
  • 2.Проверку времени загрузки всех страниц сайта при заданной скорости соединения с Интернет.
  • 3.Проверку возможности просмотра сайта и правильности отображения цветов при различном количестве цветов, установленных на мониторе.
  • 4. Проверку сайта при просмотре его на различных браузерах и их версиях.
  • 5. Проверку гиперссылок, поиск и устранение сломанных гиперссылок.
  • 6. Проверку правильности отображения шрифтов на различных браузерах и их версиях.
  • 7. Проверку загрузки всех графических материалов сайта (рисунки, фотографии и т.д.).
  • 8. Проверку замещающих надписей графических материалов.
  • 9.Проверку описания, содержания, свойств страниц сайта и мета-тэгов каждой страницы.
  • 10. Проверку орфографии на страницах сайта.
  • 11.Проверку валидатором.

Для тестирования сайта в автономном режиме запустите Web-браузер. Откройте меню File (Файл) и выберите команду Open (Открыть). В Netscape используется команда Open File (Открыть файл). Появится диалог с запросом на выбор открываемого файла. Перейдите в локальную корневую папку и выделите домашнюю страницу сайта. Страница загрузится, но помните, что это локальная версия, а не удаленная (remote) версия и не версия в Интернете.

В целях тестирования рекомендуется загрузить последние версии нескольких разных браузеров. Даже если вы пользуетесь исключительно Internet Explorer или являетесь в повседневной жизни яростным поклонником Netscape, будучи Web-дизайнером, вы должны думать также, как ваши посетители.

Никогда не известно,каким браузером будет пользоваться тот, кто посетит ваш сайт. Поскольку разные браузеры отображают одну и ту же Web-страницу по-разному — и различия могут быть значительными — вы хотите предусмотреть любые потенциальные проблемы, прежде чем загрузить страницу в Интернет.

аналитическими исследованиями в области интернета

Самым распространенным браузером является Microsoft Internet Explorer для Windows. Чтобы вы ни делали, убедитесь, что ваш сайт хорошо работает в этом браузере. Вторым по популярности браузером, намного отстающим от Internet Explorer, на сегодняшней день является Firefox для Windows. Хотя можно разработать эффективный сайт, ориентируясь исключительно на его вид и работу в браузере корпорации Майкрософт, большинство дизайнеров считают свои сайты не завершенными до тех пор, пока страницы не будут нормально выглядеть как в Internet Explorer, так и в Netscape.

В Европе достаточно широко распространен браузер Opera для Windows, поэтому желательно, чтобы сайты с большой международной аудиторией работали и с браузером Opera. Посетите сайт www.netscape.com чтобы загрузить бесплатную копию браузера Netscape, а для загрузки копии Opera зайдите на сайт

Нидерландская компания OneStat.com, занимающаяся статистическими и аналитическими исследованиями в области интернета, подвела итоги исследования распространенности различных веб-браузеров. Основой для исследования послужила статистика, собранная OneStat на более чем 50000 сайтов сотни стран мира. Новое исследование в очередной раз подтвердило, что самым популярным браузером в мире остается Microsoft Internet Explorer.

Суммарная доля Internet Explorer на мировом рынке, по данным OneStat.com, составляет 94,8%. При этом 68,1% пользователей применяют последнюю, шестую версию Internet Explorer. Популярность версий 5.0 и 5.5 также достаточно высока и составляет 11,8 и 13,8 процента соответственно. Конкуренты браузера от Microsoft безнадежно отстают от лидера. Доля всех версий Mozilla составляет всего лишь 1,8%, а популярность Opera 7 равняется 0,8%. В рейтинг OneStat попал и браузер Safari от Apple. Его доля составляет 0,47%

Часто задаваемые вопросы

Какие типы ссылок работают при тестировании сайта в автономном режиме?

При тестировании локальной версии сайта без проблем работают относительные ссылки, указываемые относительно документа. Тем не менее, абсолютные ссылки нуждаются в подключении к Интернету а относительные ссылки, указываемые относительно корня, функционируют только на Web-сервере.

Как насчет Mac-браузеров? Как насчет Linux-браузеров? Как насчет других браузеров для Windows?

Как бы это жестоко не звучало, в Интернете попросту нет достаточного количества компьютеров, которые бы не относились к Windows, Microsoft или Netscape, чтобы говорить о какой-либо статистической разнице. Если вы создаете сайт общего назначения, не считайте себя обязанным тестировать сайт, например, в браузере Macintosh. Если у вас есть доступ к браузеру платформы Маc, конечно же, протестируйте сайт в нем. Но не думайте, что вам надо покупать Маc, только чтобы убедиться в работоспособности сайта с Мас-браузерами.

Firefox, Netscape и Opera — значительные альтернативы для браузера корпорации Майкрософт, но они не являются единственными. Альтернативные браузеры — в особенности любимая Mozilla, форма проекта Netscape, которую он принял по окончании войны браузеров — ориентируются на стили жизни и философии слишком маленьких групп людей, являющихся прежними поклонниками, оригиналами-интернетчиками или лицами, продвигающими программный продукт.

Если бы Интернет не развился в заметное информационное средство, возможно, вам бы требовалось разрабатывать сайты и для этих альтернативных браузеров. Однако так сложились обстоятельства (или, скорее всего, рынок), что Интернет стал популярной средой, и огромное большинство его пользователей знают о технической стороне его работы не намного больше того, что телезрители знают о работе телевизора.

В наши дни нужно быть серьезным и преданным знатоком Интернета, чтобы искать пользователей других программных продуктов помимо программного обеспечения корпорации Майкрософт. Несомненно, проект Mozilla возник благодаря Time Warner, корпоративным собственникам марки Netscape, поэтому если вы страстно желаете найти действительно альтернативный Web-браузер, поищите где-нибудь еще.

Тем не менее, факт остается фактом: опять же, к сожалению, реальности Интернета на сегодняшний день таковы, что для сайтов общего назначения требуется брать в рассмотрение главным образом Internet Explorer. Однако, на всякий случай, посетите сайт www. mozilla. ru

От чего зависит время загрузки веб-страниц?

Вы не должны забывать о том, что многие посетители сайта не имеют высокую скорость соединения с Интернет ("выделенная" линия) Даже наличие "выделенной" линии не всегда гарантирует высокую скорость соединения с Интернет. Большинство посетителей сайтов просматривают Интернет при подключении к модемной линии связи < 30 Кб/сек. (Средняя скорость: 30/8 = 3,75 кбайт/с.).

В зависимости от типа конкретной телефонной станции, скорости подключения к Интернет по модему различны. Игнорирование этого факта при строительстве сайта приводит к тому, что не все из потенциальных клиентов могут просмотреть сайт.

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

  • Размер страницы со всеми подгружаемыми элементами не более 100-200 кб текста на странице.
  • Скорость подключения к Интернет посетителя сайта.
  • Скорость и загруженность сервера, на котором расположен сайт.

Если страница грузится более 25-30 секунд, то многие посетители ее покидают, так и не дождавшись загрузки. При этом, Самая "тяжелая" часть веб-страницы чаще всего - графика. Музыкальная заставка может не только значительно увеличить время загрузки страницы, но и раздражать посетителей.

Среднее время загрузки страниц должно быть не более 30 сек. при скорости соединения 28.8 Кбит/сек. При подключении к Интернету по высокоскоростной линии связи ("выделенная" линия) среднее время загрузки страниц должна быть не более 3-5 секунд.

Помните:

что поисковые системы индексируют не более 100-200 кб текста на странице. Для страниц большего объема будет проиндексировано только начало страницы (первые 100-200 кб.). Из этого следует правило – не используйте страницы размером более 100 кб, если хотите, чтобы они были проиндексированы полностью.

Часто в дизайне сайта используется графический заголовок (шапка), то есть картинка во всю ширину страницы, содержащая, как правило, логотип компании, название и некоторую другую информацию. Не стоит этого делать! Верхняя часть страницы очень ценное место, где можно разместить наиболее важные ключевые слова. В случае графического изображения это место пропадает впустую.

Нелепые ситуации: заголовок содержит текстовую информацию, но в целях большей визуальной привлекательности выполнен в виде картинки (соответственно изображенный текст не может быть учтен поисковиками). Лучше всего использовать комбинированный вариант – графический логотип вверху страницы присутствует, но занимает не всю ее ширину. На оставшейся части размещается текстовый заголовок с ключевыми словами.

Любое изображение на странице имеет специальный атрибут «альтернативный текст», который задается в теге «ALT». Этот текст будет отображен на экране в том случае, если скачать изображение не удалось или же показ изображений заблокирован в браузере. Если на странице отсутсутсвует «альтернативный текст», который задается в теге «ALT» ваша страница не пройдет валидацию на соответствие текущим спецификациям и рекомендациям консорциума W3C (World Wide Web)

От чего зависит правильность отображения цветовой гаммы сайта на мониторе пользователя?

Времена ярких кричащих цветов ушли в прошлое. Сейчас на первое место выходит удобство восприятия информации, удобство чтения, что особенно актуально для информационных сайтов. Чем проще посетителю будет воспринимать вашу информацию, теш больше шансов, что он станет постоянным читателем — частью вашей аудитории.

Вы заметили тот минимализм, что присутствует в дизайне Google, что не мешает им быть на лидирующих ролях в Internet-бизнесе. За таким дизайном потянулись Yahoo и MSN. Одним словом, в моде "легкий дизайн". Делайте это и вы. Обратите самое пристальное внимание на цвета, которые используются в блоге.

Рекомендую ознакомиться с сайтом Владимира Голованова, с его статьей "О дизайне" http://www.tarusa.ru/ ~golovan/file.php?page=0 На этом сайте можно посмотреть палитры (сочетания цветов, которыми рекомендуется пользоваться для Web-дизайна).

Автоматически подобрать контрастный цвет, гармоничные цветовые сочетания, нюансовые сочетания и оттенки серого можно на странице http://www.alokator.ru/color.htm. Номер цвета в системе RGB скопировать а для последующего использования.

Аналогичный инструмент с названием ColorBlender и возможностью сохранения палитр в форматах Photoshop и Illustrator можно найти на странице http://colorblender.com/. Сайт позволяет сохранять удачно найденные сочетания цветов и затем при неободимости восстановить их

Для чего это нужно? С помощью этой программы вы можете быстро подобрать гармоничные цвета, выбрав только один основной цвет. Это поможет вам выбрать цвета для вашего сайта, баннера, картинки.

Пожалуй, нельзя обойти вниманием две профессиональные утилиты для подбора цвета. С сайтов производителей можно скачать полнофункциональные пробные версии. Color Schemer Studio http://www.colorschemer.com/ и Colorlmpact http://www.tigercolor.com/

В меню быстрого доступа

Живая связь по всем вопросам тел. 8- 919- 633- 05-13  Телефон