Урок 2: Модернизация до XHTML

Верификация XHTML-кода

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

1. Выполните в меню Window (Окно) команды Results\Validation (Результаты\Валидация).

   После выполнения указанных команд будет открыта панель Results (Результаты) и станет активной вкладка Validation (Валидация).

   

   
   увеличить изображение
   
2. Щелкните на кнопке Validate (Проверить достоверность) и в раскрывшемся списке выберите пункт Settings (Настройки).

   Эта команда служит для ускоренного перехода в категорию Validator (Валидация) диалогового окна Preferences (Установки), где отображается список нескольких различных версий HTML и собственный код языка. Прежде чем проверять правильность кода, следует указать Dreamweaver версию кода, относительно которой следует производить проверку.
3. В списке validate against (проверить на соответствие) выберите пункт XHTML 1.0 Transitional. Все остальные флажки следует снять. Нажмите OK для подтверждения.

   Если выбран пункт XHTML 1.0 Transitional, функция проверки достоверности итоговых данных будет работать в соответствии с определением типа документа (DOCTYPE), указанному в начале урока (см. рис. вверху следующей страницы).
4. Снова нажмите кнопку Validate (Проверить достоверность) и, на этот раз, выберите в списке пункт Validate Entire Site (Проверить правильность всего сайта в целом).
   

   
   увеличить изображение
   

   Запуск процедуры верификации сайта может занять некоторое время, после чего во вкладке Validation (Валидация) отобразится список всех проблем с указанием файла, номера строки и характера проблемы. Если правильно следовать всем шагам, описанным в упражнениях, для каждого из пяти файлов отобразится сообщение "No errors or warnings found" (Ошибок и предупреждений не найдено).

   

   
   

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

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

Резюме

В этом уроке вы узнали, как:

• модернизировать документ до XHTML;
• применять функции поиска и замены для автоматизации внесения изменений в исходный код;
• заменять устаревшие теги;
• удалять теги из кода без уничтожения их содержимого;
• закрывать пустые элементы в соответствии с синтаксисом XHTML;
• проводить поиск изображений, не содержащих атрибута alt, и исправлять их;
• проверять страницы на соответствие стандартам XHTML 1.0 Transi-tional.