разработка веб-сайтов под ключ
обучающие программы для веб-разработчиков

При работе над веб-страницами в их HTML-коде постепенно накапливаются ошибки, для удаления которых в Dreamweaver существует функция "чистки" кода. Однако многие ошибки Dreamweaver сам вычистить не сможет. Чтобы их исправить требуется вмешательство самого web-дизайнера.

Но, чтобы исправить HTML-код, нужно знать, что исправлять. И в этом Dreamweaver нам снова поможет. Он выдаст нам полный отчет об обнаруженных в коде ошибках, а мы уж сами решим, исправлять их или нет.

И так проверим правильность HTML-кода. Закроем все открытые окна документов, чтобы они нам не мешали. Выберем пункт Отчеты меню Web-cайт. На экране появится диалоговое окно Отчеты.

Большую часть этого окна занимает иерархический список Выбрать отчеты, позволяющий выбрать данные, включаемые в отчет. Он состоит из двух "ветвей": Workflow и HTML Reports. Параметры, предлагаемые первой "ветвью", нужны для тех, кто пользуется системой управления версиями. Мы будем работать со второй "ветвью". Она содержит следующие пункты:

• Объединяемые вложенные теги Font — включает поиск вложенных тегов физического форматирования <FONT>, которые могут быть безболезненно объединены. Поскольку мы такие теги не использовали, этот флажок для нас бесполезен;
• Специальные возможности — включает очень строгую проверку на корректность написания HTML-кода с учетом самых строгих стандартов. Лучше этот флажок не включать, иначе мы получим очень большой отчет, разобраться в котором будет не просто;
• Отсутствует текст атрибута Alt -включает поиск изображений без текста замены;
• Теги сизбыточной вложенностью — включает поиск не нужных вложенных тегов;
• Удаляемые пустые теги — включает поиск пустых тегов, которые могут быть безболезненно удалены;
• Документы без названия — включает поиск web-страниц без названия.

Раскрывающейся список Отчеты в позволяет задать страницы сайта, по которым будет выводится отчет.

Задав необходимые параметры, нажмем кнопку Выполнить. Dreamweaver выведет панель.

 Пункты списка, находящегося на этой панели, соответствуют всем найденным в HTML-коде ошибкам и подозрительным, с точки зрения Dreamweaver местам. Список имеет вид таблицы; столбец Файл — содержит интернет-адрес страницы, столбец Ст... — номер строки, столбец Описание —краткое описание ошибки.  Дважды щелкнув по соответствующему пункту списка-откроем web-страницу. Нажав кнопку , мы сохраним отчет в файле формата XML. Кнопка запускает проверку HTML-кода повторно. Теперь осталось исправить ошибки и закрыть все окна документов, не забыв сохранить их содержимое.

Проверка корректности гиперссылок

Проверить корректность гиперссылок можно, как на веб-странице, открытой в активном окне документа, так и на всем сайте. Чтобы проверить гиперссылки, нужно выбрать пункт Проверить ссылки на всем сайте меню Web-cайт. Результаты проверки гиперссылок отражаются в панели Результаты.

  В верхней части панели находится раскрывающейся список Показать. В этом списке доступны три пункта:

• Неработающие ссылки;

• Внешние ссылки;

• Потерянные файлы;

Дважды щелкнув по любому пункту списка, мы откроем соответствующую web-страницу, причем гиперссылка, соответствующая выделенному пункту, будет выделена.

И так, завершив проверку сайта на корректность HTML-кода и гиперссылок, приступаем к публикации сайта в сети интернет.