Разработка WEB / Лабораторная работа 3 Dreamweaver / Проверка корректности HTML-кода страниц
.pdfвеб-студия
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