План разработки и сопровождения сайта.

Концепция.

Cодержание. Нужно определиться с содержанием: что будет и чего не будет на Вашем сайте. Как представить информацию наиболее удачным образом.
 

Логическая структура.

Типы страниц. В соответствии с тематическим разбиением информации можно ввести разные типы страниц. Они будут отличаться устройством и оформлением. Например, для картинной галереи можно выделить такие типы: картинные каталоги, отдельные страницы картин, информационные и служебные страницы. Каждый тип должен наиболее удачно выполнять свою задачу.

Схема взаимосвязей страниц. Нужно продумать логические связи (ссылки) между страницами и разделами. Лучше начать с макетирования на бумаге, то есть нарисовать блок-схему Вашего сайта. Совсем не обязательно делать так, чтобы абсолютно все страницы сайта ссылались друг на друга.

Навигация. Нужно обеспечить простой способ для перехода в другие места сайта в соответствии с логической схемой взаимосвязей страниц. Система навигации может состоять из меню и специальных страниц.

• Mеню располагаются на каждой страницы сайта и оформляются так, чтобы не мешать содержанию и, в тоже время, быть понятными и легко доступными это уже вопрос оформления).

• Hавигационная страница — это служебная страница, которая может называться так: карта сайта, указатель, путеводитель, оглавление, схема сайта. Оформление такой страницы можно сделать в стиле дерева каталогов, в виде оглавления книги, блок-схемы, а может как-то пооригинальней (например, в виде изображения дерева).

• Дерево каталогов. Даже если Ваш сайт еще очень маленький, лучше сразу расположить файлы по типам в различные каталоги, а не валить все в кучу. В дальнейшем, это облегчит обновление сайта.

• Cистема имен файлов. Лучше сделать имена файлов осмысленными.

• Oсобенности файловых систем. Следует учитывать некоторые ограничения в названиях файлов для совместимости со всеми операционными системами. В названиях файлов лучше использовать только буквы, цифры и простые знаки: минус «-», подчеркивание «_». Многие другие спецсимволы имеют особое значение в различных ОС и в протоколе HTTP (например, знак плюс «+»). По возможности (если это не ущемляет Ваших потребностей) следует ограничиться форматом имен в стиле DOS, то есть, 8 символов имени и 3 символа в расширении. Это обеспечит полную совместимость со всеми программами (в частности, со старыми архиваторами).

Оформление страниц.

Cтили оформления типов страниц. В соответствии с определенными типами страниц (см. выше) Вашего сайта нужно разработать для каждого из них свой стиль оформления, иначе эти типы просто не будут отличаться друг от друга. Тем не менее у них должно быть что-то общее.

Kомпоненты оформления. Реализуя возникшую у Вас идею (которую Вы зафиксировали в виде набросков) нужно рассмотреть по нескольким пунктам:

• Kомпозиция. Иными словами, компоновка — общий вид страницы. Что, где и как. Это соотношение между различными объектами, их позиции. Нужно учесть, что на странице будут некоторые служебные компоненты: элементы навигации/субнавигации, рекламные баннеры, выбор кодировки, формы для взаимодействия с пользователем, надписи (последнее обновление, copyright…) — все это каким-то образом должно уложиться в общую композицию страницы.

• Цветовая гамма. Нужно определиться с цветами. Выбор цветов зависит, наверно, от личных предпочтений , концепции сайта.

• Графика. Использование графики должно быть оправданным.

• Шрифты. У разработчика страниц пока что нет широкого выбора шрифтов для использования, но даже из имеющегося набора нужно определить какие шрифты использовать и где. В пределах сайта или типа страниц должны быть одинаковые стили оформления текста (заголовка разных уровней, эпиграфы, цитаты, ссылки…).

Проектирование страниц.

• Реализация композиции. Задуманная Вами композиция реализуется средствами языка HTML. Внутреннее устройство композиции может быть выполнено различными методами.

• Hавигация и субнавигация. Элементы навигации (ссылки) должны быть органично вплетены в оформление страницы. Субнавигация — это навигация в пределах одной страницы, ссылки на начало/конец страницы, на какие-либо места/пункты.

• Cтилевые таблицы. Это не обязательно, но очень удобно для создания единого стиля оформления (в основном текста). К тому же, технология Cascading Style Sheets практически полностью поддерживается современными браузерами.

• Cоздание графических лементов. Графические элементы создаются в графических редакторах, для этого нужны специальные навыки, но это здесь не обсуждается…
   

Сборка сайта.

• Размножение и заполнение страниц.
  • Mетод шаблонов. Имея шаблон типовой страницы (страницу без полезных данных) копировать его и заполнять копии информацией, внося необходимые изменения. Эти шаблоны (заготовки) типовых страниц следует хранить для последующих дополнений сайта.

  • Mетод клонирования. Сделав каркас сайта заполнить готовые страницы информацией, а новые страницы делать путем копирования имеющихся и замены их содержания на новое.

• Cогласование ссылок. Это процесс реализации логической структуры сайта через навигационные средства страниц. Короче — проверка правильности ссылок на страницах.

Тестирование.

• Oрфография и правописание. Опечатки — это самые глупые ошибки. Чтобы обезопасить страницу от грамматических ошибок нужно после перечитывания текста скопировать его в какой-нибудь текстовый редактор с проверкой русской орфографии (например, Microsoft Word) и запустить проверку или воспользоваться бесплатной проверкой на сайте http://fotinia.da.ru.

• Удобочитаемость и доступность. Оформление сайта должно повышать удобство и доступность предлагаемой информации, иначе такое оформление просто бессмысленно (даже если оно очень красивое и оригинальное). Главная функция сайта — предоставление информации и получение ее от пользователя.

• Просмотр в разных браузерах. Для избежания проблем совместимости стандартов нужно тестировать страницы как минимум в двух разных браузерах. Это должны быть самые популярные программы на текущий момент. Но лучше тестировать также и в более старых версиях популярных браузерах и в программах менее популярных. Нужно добиться того, чтобы Ваш сайт выглядел практически одинаково во всех программах. Возможно, для этого придется пожертвовать некоторыми элементами оформления или чем-то еще.

• Просмотр в разных экранных режимах. Возможно, Вы и не подозреваете о том, что страница может выглядеть по-разному в разных экранных режимах. В основном это касается разрешения монитора (ширины и высоты экрана в пикселах) или режима, определяемого настройками операционной системы (например, в Windows можно менять размер экранных шрифтов). Такие непредвиденные издевательства над страницей могут вызвать полное разрушение оформления. Например, нарушатся пропорции шрифтов (если Вы используете CSS, то задавайте размеры в одинаковых единицах, лучше — в пикселах) или композиция будет выглядеть по-новому (например, все содержание страницы заключено в невидимую таблицу с фиксированной шириной, расположенное у левого края — при большом разрешении пустота справа будет слишком явно выражена). Изменения цветового режима не так страшно — просто пользователи, например, у которых монитор в режиме 256 цветов увидят Ваши 16-битные фотографии с некоторыми искажениями.

Публикация.

Поддержка сайта.

Раскрутка.

Требования к сайту.