Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

Разработка WEB / Лабораторная работа 3 Dreamweaver / Проверка корректности HTML-кода страниц

.pdf
Скачиваний:
28
Добавлен:
30.05.2015
Размер:
420.58 Кб
Скачать
При работе над веб-страницами в их HTML-коде постепенно накапливаются ошибки, для удаления которых в Dreamweaver существует функция "чистки" кода. Однако многие ошибки Dreamweaver сам вычистить не сможет. Чтобы их исправить требуется вмешательство самого web-дизайнера.
Но, чтобы исправить HTML-код, нужно знать, что исправлять. И в этом Dreamweaver нам снова поможет. Он выдаст нам полный отчет об обнаруженных в коде ошибках, а мы уж сами решим, исправлять их или нет.
И так проверим правильность HTML-кода. Закроем все открытые окна документов, чтобы они нам не мешали. Выберем пункт Отчеты меню Web-cайт. На экране появится диалоговое окнояОтчетыSevidi. уди т Веб
1

веб-студия

SEVIDI

разработка веб-сайтов и уроки по созданию сайтов

Урок 15

Проверка корректности HTML-кода страниц

 

 

 

 

яSevidi

 

 

 

и

 

 

д

 

 

у

 

 

 

т

 

 

 

 

с

 

 

 

 

-

 

 

 

В

б

 

 

 

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

кто пользуется системой управления версиями. Мы будем работать со второй "ветвью". Она содержит следующие пункты:

Объединяемые вложенные теги Font — включает поиск вложенных тегов физического форматирования <FONT>, которые могут быть безболезненно объединены. Поскольку мы такие теги не использовали, этот флажок для нас бесполезен;

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

Отсутствует текст атрибута Alt -включает поиск изображений без текста замены;

Теги сизбыточной вложенностью — включает поиск не нужных вложенных тегов;

Удаляемые пустые теги — включает поиск пустых тегов, которые могут быть безболезненно удалены; Документы без названия — включает поиск web-страниц без названия.

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

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

2

 

 

 

 

 

яSevidi

 

 

 

 

и

 

 

 

д

 

 

 

у

 

 

 

 

т

 

 

 

 

 

с

 

 

 

 

 

-

 

 

 

 

б

 

 

 

е

 

 

 

 

В

 

 

 

 

 

Пункты списка, находящегося на этой пан ли, соответствуют всем найденным в HTML-коде ошибкам и подозрительным, с

точки зрения Dreamweaver местам. Список имеет вид таблицы; столбец Файл — содержит интернет-адрес страницы, столбец

Ст... — номер строки, столбец Описание —краткое описание ошибки.

Дважды щелкнув по соответствующему пункту

списка-откроем web-страницу. Нажав кнопку

, мы сохраним отчет в файле формата XML. Кнопка

запускает проверку

HTML-кода повторно. Теперь осталось исправить ошибки и закрыть

все окна документов, не

забыв сохранить их

содержимое.

 

 

 

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

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

3

 

 

 

 

 

 

яSevidi

 

 

 

 

 

и

 

 

 

 

д

 

 

 

 

у

 

 

 

 

 

т

 

 

 

 

 

 

с

 

 

 

 

 

 

-

 

 

 

 

 

б

 

 

 

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

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

е

 

 

 

 

В

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

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

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

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

4