Руководство пользователя Отмена

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

Поиск

Последнее обновление 7 мар. 2022 г.

Узнайте, как тестировать сайты и использовать отчеты для тестирования вашего сайта Dreamweaver, прежде чем загрузить его.

Руководство по тестированию сайта

Перед загрузкой сайта на сервер и объявлением о его готовности к работе сайт рекомендуется протестировать на локальном компьютере. (На самом деле, рекомендуется тестировать сайт и устранять ошибки периодически в ходе его разработки, что обеспечит раннее обнаружение ошибок и возможность избежать их повторений.)

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

Далее приводятся рекомендации, которые помогут оставить у посетителей сайта хорошие впечатления.

Правильное отображение страниц в предназначенных для их просмотра браузерах

Страницы должны корректно отображаться и работать в браузерах, в которых отсутствует поддержка стилей, слоев, подключаемых модулей или сценариев JavaScript. Для страниц, которые не могут корректно отображаться в старых версиях браузеров, следует рассмотреть возможность использования варианта поведения «Проверка браузера» с целью автоматического перенаправления посетителей на другие страницы.

Предварительный просмотр страниц в различных браузерах и операционных системах

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

Проверка сайта на наличие неработающих ссылок и их исправление

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

Управление размерами файлов страниц и временем их загрузки

Если страница состоит из одной большой таблицы, некоторые браузеры отобразят такую страницу лишь тогда, когда будет закончена загрузка всей таблицы. Большие таблицы рекомендуется делить на несколько таблиц меньшего размера. Если такой возможности нет, поместите небольшую часть содержимого, например приветственное сообщение или рекламный баннер, вне таблицы вверху страницы, чтобы пользователи могли с ним ознакомиться, пока таблица будет загружаться.

Создание нескольких отчетов для тестирования всего сайта и исправления выявленных проблем

Весь сайт можно проверить на наличие ошибок, например, документов без названия, пустых или избыточных вложенных тегов.

Проверка кода на наличие ошибок в тегах и синтаксисе

Обновление и поддержка сайта после его публикации

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

Посещение специализированных форумов

Форумы по Dreamweaver вы найдете на веб-сайте Adobe по адресу www.adobe.com/go/dreamweaver_newsgroup.

Форумы являются огромным источником информации по различным браузерам, платформам и т. д. Кроме того, на форумах разработчик может обсудить технические вопросы и поделиться полезными советами с другими пользователями Dreamweaver.

Руководство по устранению неполадок при публикации см. по адресу www.adobe.com/go/vid0164_ru.

Использование отчетов для тестирования сайта

Можно создать отчеты сайта о рабочем процессе или атрибутах HTML. Кроме того, с помощью команды «Отчеты» можно проверить ссылки, имеющиеся на сайте.

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

Примечание.

Для формирования отчетов о рабочем процессе требуется подключение к удаленному сайту.

HTML-отчеты позволяют компилировать и формировать отчеты о нескольких атрибутах HTML. Можно проверить наличие объединяемых вложенных тегов font, отсутствие текста атрибута ALT, наличие тегов с избыточной вложенностью, удаляемых пустых тегов, а также документов без названия.

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

Примечание.

В Dreamweaver также можно добавлять различные типы отчетов, полученные с веб-сайта Adobe Dreamweaver Exchange.

Использование отчетов для тестирования сайта

Выберите «Веб-сайт» > «Отчеты».
Выберите нужный отчет во всплывающем меню «Отчет о» и задайте тип отчета (рабочий процесс или HTML).

Отчет «Выбранные файлы на веб-сайте» можно сформировать только после выбора файлов на панели «Файлы».
Если выбран отчет о рабочем процессе, нажмите кнопку «Параметры отчета». В противном случае пропустите данный шаг.

Примечание.

Если выбрано несколько отчетов о рабочем процессе, необходимо установить параметры для каждого из них. Выберите отчет, нажмите кнопку «Параметры отчета» и установите нужные параметры (повторите эту процедуру для всех отчетов о рабочем процессе).

Кем извлечен

Создает отчет со списком всех документов, которые были извлечены определенным членом команды. Введите имя члена команды и нажмите кнопку «ОК», чтобы вернуться в диалоговое окно «Отчеты».

Заметки разработчика

Создает отчет со списком всех заметок разработчика для выбранных документов или для всего сайта. Введите одну или несколько пар имен и значений, а затем в соответствующих всплывающих меню выберите значения для сравнения. Нажмите кнопку «ОК», чтобы вернуться в диалоговое окно «Отчеты».

Недавно измененные

Создает отчет со списком файлов, измененных в указанный период времени. Введите интервал дат и месторасположение файлов, которые нужно просмотреть.
Существует несколько видов отчетов HTML, которые описаны ниже.

Объединяемые вложенные теги Font

Данный отчет отображает список всех вложенных тегов FONT, которые могут быть объединены с целью очистки кода от избыточных тегов.

Например, при анализе кода в отчет попадет тег СТОП! .

Отсутствует текст атрибута Alt

Данный отчет содержит все теги img, в которых отсутствует замещающий текст.

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

Теги с избыточной вложенностью

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

Например, при анализе кода в отчет попадет тег The rain in Spain stays mainly in the plain .

Удаляемые пустые теги

Данный отчет отображает подробную информацию о тегах, которые можно удалить с целью очистки кода HTML.

Например, после удаления элемента или изображения в окне отображения кода могут остаться теги, относящиеся к удаленному элементу.

Документы без названия

Данный отчет содержит все документы без названия, отвечающие определенным параметрам. Dreamweaver включает в отчет все документы с заголовками по умолчанию, несколькими тегами заголовков или без тегов заголовков.
Нажмите кнопку «Выполнить», чтобы сформировать отчет.

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

Результат формирования отчета отображается на панели «Отчеты сайта» (в группе панелей «Результаты»).

Использование и сохранение отчета

Сформируйте отчет (см. процедуру выше).
Чтобы просмотреть отчет, перейдите на панель «Отчеты сайта» и выполните одно из следующих действий:
- Щелкните заголовок колонки, по которой нужно отсортировать результаты.
  
  Сортировку можно выполнить по имени файла, номеру строки или описанию. Можно также сформировать несколько разных отчетов и одновременно работать с ними.
- Чтобы просмотреть описание проблемы, выберите любую строку отчета и нажмите кнопку «Подробнее» в левой части панели «Отчеты сайта».
- Чтобы просмотреть соответствующий код в области «Окно документа». дважды щелкните строку отчета.
Примечание.

Если открыто представление «Дизайн», Dreamweaver разделит экран для отображения обнаруженной проблемы в коде.
Чтобы сохранить отчет, нажмите кнопку «Сохранить отчет».

При сохранении отчета его можно импортировать в существующий файл шаблона. Затем этот файл можно импортировать в базу данных или электронную таблицу и вывести на печать или разместить отчет на веб-сайте.

Примечание.

Сформировав отчет HTML, воспользуйтесь командой «Исправить HTML» для исправления указанных в отчете ошибок.