После проектирования унифицированной страницы проводится её тщательный
анализ
.
Занятие в том, что в какое время разработчик обретает неточность либо задумывает внести
какое-либо обработка на более поздней стадии создания сайта, то процесс
откатывается обратно - в самое исток.
Для оттачивания совершенства этого этапа разработки все равно нужна немалая
практика, но вам пригодятся данные самые основные методыразбора:
Проверка
страницы
на различных браузерах. Хоть также статистика многих
поисковых сайтов свидетельствует, что возле 90% посетителей отдают предпочтения
браузеру MSIE, всё равно никак не надобно списывать
остальные 10% - это очень
внушительная комната.
Проверка на различных режимах расширения экрана.
Анализ исходного кода.
Анализ ссылок.
Давайте нынче остановимся на каждом из них поподробнее.
Браузеры также предложенные консорциумом
W3C стандарты
HTML
актуальная на сегодняшний
сутки тема. Занятие в том, что разработчики браузеров стремясь внести свой
вклад в развитие языка HTML нередко создают свои собственные элементы (тэги,
атрибуты), которые несовместимы с другими браузерами. Это чаще
относится к языку
DHTML. Поэтому, ежели Вы разрабатываете меню навигации
на основе этого языка, то отнеситесь к этому весьма серьезно, другим образом ваш
сайт в приятелем браузере станет
парализован.
В других случаях лишения выглядят менее ощутимы. В популярных браузерах
MSIE
6,
Opera 7.x / 8.x,
Mozilla 1.7 также
Netscape 7.1 (а именно на них вам предлагается
выполнить тестирование
) отношение к языку HTML никак не такое кординальное. Распространенные
HTML-редакторы, например
Macromedia
Dreamweaver MX либо
Microsoft Front
Page имеют встроенные средства для решения таких проблем (все погрешности будут
выделены) еще на стадии составления первой страницы.
Что дотрагивается
каскадных листов стилей, то разработчики браузера
Netscape предложили
немало новых элементов
CSS, которые
не поддерживаются остальными браузерами.
Проверка страниц на различных режимах разрешения экрана производится для
того, дабы установить погрешности при составлении
таблиц (указание ширины
также высоты). Если был применён
метод позиционирования, то станет виден результат
по разному. Не пренебрегайте такой проверкой. Хоть большая часть пользуются
расширением 800х600, но с ростом современного оборудования безостановочно
увеличивается количество пользователей с внушительным разрешением.
Анализ исходного кода
К
исходному коду HTML относится всё то, что находится в контейнере
<HEAD>.
Это жизненно
важная доля сайта. Именно её просматривают
машины
поиска,
игнорируя красивые рисунки, великолепную панель навигации также все остальные
искусно разработанные элементы самой веб - страницы. Давайте серьёзно займемся
исследованиемисходного
кода.
В самом истоке акта указывается его тип. Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01тип_документа//EN"
По типу они бывают:
strict
(точные) - никак не содержат тэгов также атрибутов, которые рассматриваются
консорциумом W3C, как нежелательные.
transitional
(переходные) - могут иметь нежелательные тэги также атрибуты.
frameset
(фреймовые) - могут иметь как нежелательные элементы, так
также фреймы.
Эту информацию предоставит всякий
HTML-редактор. Вам лишь только нужно при необходимости
внести корректировку.
Тэг<TITLE> желательно исключить из шаблона. Он несёт в себе название
страницы, которая чаще всего
уникальна для каждой из них. С иной стороны
он никак не станет
препятствовать. Лишь по окончании доработки в него следует вносить
заголовок страницы, какой станет владеть вид
простых, привлекательных ,
в также пора
понятных для чтения фраз либо слов.
Тэг<META> владеет универсальное применение. Он служит для предоставления машинам
поиска
ключевых слов либо фраз,
кодировки страницы,
сведений об авторских
правах,
перезагрузки также
перенаправления страниц. но схоже в спецификации
HTML 4.01 позволяет указать
дату создания документа.
В случае
, ежели придется составлять несколько десятков либо сотен страниц,
то очевидно лучше всё
унифицировать также в исходном коде, помимо перенаправления
страниц. Последнее используется
по желанию.
АтрибутNAME в тэге
<META> указывает на сведение информационного характера
для машин поиска. Значение
"keywords" иллюстрирует, что будут применяться
ключевые слова, но свойство
CONTENT перечисляет последние. Именно по этим
словам посетители посредством "поисковиков" будут
обретать ваш сайт. Ключевые
слова обязательно вносите чрез
запятую также они должны отвечать
тематике сайта. При этом вам необходимо
научится размещать выбранные ключевые слова
в свои Web-страницы. Может возникнуть необходимость корректировки слов
в разных страницах, в зависимости от их содержания.
По такому бла бла
принципу составляется код со значениями:
Description
- краткое сущность сайта. Оно в последующем станет указано
в окне результатов поиска "поисковиков"
Author
- указание имени творца.
Generator
- указатель названия HTML-редактора, с помощью которого составлялась
страница.
Copyright
- информация об авторском льготе.
Образец записи исходного кода:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="Ace HTML 6 Pro">
<TITLE>Видео</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META NAME="Author" CONTENT="ООО ВидеоСервис">
<META NAME="Keywords" CONTENT=" CD, DVD, видеокассеты, почтой,боевики,комедии,мистика>
<META NAME="Description" CONTENT="Самый просторный избрание фильмов.
Самые низкие цены.>
Анализ ссылок
Проверьте
еще однажды как Вы разместили
ссылки. Они должны как-то выделяться
от основного контента также существовать у вас на контроле
постоянно
. При составлении
страниц избегайте
"мёртвых" ссылок. Оборванные ссылки создают впечатления
у ваших посетителей, что сайт
обслуживается кое-как также редко.
Используйте ссылки
почаще, ведь они служат основой Web-серфинга. Но их должно
существовать в
разумном колличестве.
При
внедрении ссылок в текст, они должны неразрывно существовать связаны по смыслу
с самим текстом. Разные призывы
"А посмотри вот тут"или
"Щелкните тут!" отвлекают
от прочтения какой-либо информации.
Ну также самое главное ссылка должна существовать
прозрачна, т.е посетитель сайта понимал,
куда он попадёт.