Руководство
по тестированию сайта
Перед загрузкой сайта на сервер и объявлением о его готовности к работе
сайт рекомендуется протестировать на локальном компьютере. (На самом
деле, рекомендуется тестировать сайт и устранять ошибки периодически в
ходе его разработки, что обеспечит раннее обнаружение ошибок и
возможность избежать их повторений.)
Нужно убедиться, что страницы правильно отображаются и работают в
соответствующих браузерах, не содержат неработающих ссылок, а их
загрузка занимает не слишком много времени. Кроме того, можно
протестировать весь сайт, а также выполнить поиск и устранение ошибок,
сформировав отчет по сайту.
Далее приводятся рекомендации, которые помогут оставить у посетителей
сайта хорошие впечатления.
1.
Правильное отображение страниц в
предназначенных для их просмотра браузерах
Страницы
должны корректно отображаться и работать в браузерах, в которых
отсутствует поддержка стилей, слоев, подключаемых модулей или сценариев
JavaScript. Для страниц, которые не могут корректно отображаться в
старых версиях браузеров, следует рассмотреть возможность использования
варианта поведения «Check Browser» с целью автоматического
перенаправления посетителей на другие страницы.
2.
Предварительный просмотр страниц в
различных браузерах и операционных системах
Предварительный
просмотр позволит найти различия в расположении элементов, цветах,
размерах шрифта и размерах окна браузера по умолчанию, которые
невозможно определить при проверке клиентского браузера.
3.
Проверка сайта на наличие
неработающих ссылок и их исправление
Страница,
на которую имеется ссылка, может быть удалена или перемещена в связи с
реорганизацией или переделкой соответствующего сайта. Для проверки
ссылок можно запустить отчет о ссылках.
4.
Управление размерами файлов
страниц и временем их загрузки
Если
страница состоит из одной большой таблицы, некоторые браузеры отобразят
такую страницу лишь тогда, когда будет закончена загрузка всей таблицы.
Большие таблицы рекомендуется делить на несколько таблиц меньшего
размера. Если такой возможности нет, поместите небольшую часть
содержимого, например, приветственное сообщение или рекламный баннер,
вне таблицы вверху страницы, чтобы пользователи могли
с ним ознакомиться, пока таблица будет загружаться.
5.
Создание нескольких отчетов для
тестирования всего сайта и исправления выявленных проблем
Весь сайт можно проверить на наличие ошибок, например, документов без
названия, пустых или избыточных вложенных тегов.
6.
Проверка кода на наличие ошибок в
тегах и синтаксисе
7.
Обновление и поддержка сайта после
его публикации
Публикацию
сайта можно выполнить различными способами, а сам процесс публикации
может быть достаточно длительным. Важной частью данного процесса
является определение и внедрение системы контроля версий. Для этой цели
можно использовать имеющиеся в Dreamweaver средства или внешние
приложения.
8.
Посещение специализированных
форумов
Форумы обсуждений Dreamweaver можно найти на веб-сайте Adobe по адресу
www.adobe.com/go/dreamweaver_newsgroup_ru.
Форумы представляют собой огромный источник информации по различным
браузерам, платформам и т.д.
Кроме
того, на форумах разработчик может обсудить технические вопросы и
поделиться полезными советами с другими пользователями Dreamweaver.
Руководство по устранению неполадок при публикации см. на веб-сайте по
адресу
www.adobe.com/go/vid0164_ru.
Использование отчетов для
проверки сайта
Можно выполнить отчеты сайта о рабочем процессе или атрибутах HTML.
Кроме того, с помощью команды «Отчеты» можно проверить ссылки,
имеющиеся на сайте.
Отчеты о рабочем процессе могут повысить эффективность совместной
работы членов веб-команды. Такой отчет может предоставить информацию о
том, кто из разработчиков выполнял извлечение файла, какие файлы
снабжены заметками разработчиков, и какие файлы были недавно изменены.
Для получения конкретной информации можно сформировать отчет по
заметкам разработчика с указанием определенных параметров имен и
значений.
Подробнее об отчетах
Дополнительно:
Проверка
орфографии на веб-странице
Группа
панелей "Результаты"
Проверка
совместимости браузера
Подсказки
по коду и ошибки синтаксиса
Проверка
документов с помощью средства проверки W3C
Проверка
CSS-стилей в интерактивном
просмотре
Проверка на
наличие неполадок визуализации
стандарта CSS в
различных браузерах
Добавление
расширений и управление ими в Dreamweaver
Оптимизация и
отладка кода
Проверка ссылок
в Dreamweaver
Исправление
неработающих ссылок
Поиск
и удаление неиспользуемых файлов
Использование
справочного материала по
языкам
Проверка
достоверности XML-документов