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

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

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

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

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

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

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

Проверьте работу страниц в разных браузерах и операционных системах.

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

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

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

Проверьте размер файлов страниц и время их загрузки.

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

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

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

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

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

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

Пользуйтесь специализированными форумами.

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

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

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

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

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

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

Примечание.

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

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

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

Примечание.

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

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

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

    Отчет «Выбранные файлы на веб-сайте» можно сформировать только после выбора файлов на панели «Файлы».

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

    Примечание.

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

    Кем извлечен

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

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

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

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

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

  4. Существует несколько видов отчетов HTML, которые описаны ниже.

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

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

    Например, при анализе кода в отчет попадет тег <font color="#FF0000"><font size="4">СТОП!</font></font> .

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

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

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

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

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

    Например, в отчете может сообщаться ошибка в тексте <i> Дожди <i> в</i> Испании в основном идут на равнинах</i> .

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

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

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

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

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

  5. Нажмите кнопку «Выполнить», чтобы сформировать отчет.

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

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

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

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

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

    • Чтобы просмотреть описание проблемы, выберите любую строку отчета и нажмите кнопку «Подробнее» в левой части панели «Отчеты сайта».

    • Чтобы просмотреть соответствующий код в окне «Документ», дважды щелкните строку отчета.

    Примечание.

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

  3. Чтобы сохранить отчет, нажмите кнопку «Сохранить отчет».

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

    Примечание.

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

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет