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

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

Готовая методика создания простых и сложных динамичных сайтов, с использованием PHP и MySQL.

Использование веб-редактора Adobe Dreamweaver в разработке сайтов.

Использование графических редакторов Adobe Flash, Adobe Photoshop, Adobe Fireworks в подготовке веб-графики.

Разработка веб-сайтов под "ключ".

Разработка отдельных фрагментов сайтов, консультации по вопросам верстки веб-страниц и веб-программирования.

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

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

При работе над веб-страницами в их 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-кода и гиперссылок, приступаем к публикации сайта в сети интернет.