Этапы создания сайта

Категория: Компьютеры и Интернет | Автор: samkorvin | Опубликовано: 01.12.2009

Процесс создания сайта обычно содержит такие этапы проекта, как - проектирование сайта, разработка дизайна проекта, верстка сайта, написание кода и тестирование проекта. Но не всегда пункты работ выстраиваются в такой последовательности. Работы могут протекать параллельно, например разработка дизайна и проектирование сайта (особенно если над проектом работает несколько веб-разработчиков), могут меняться местами (например, если «движок» для сайта уже написан как компонент предыдущего проекта, и нужна лишь его доработка для текущего проекта), а могут постоянно переплетаться, когда стиль разработки сайта таков, что проектирование отдельных фрагментов проекта происходит уже во время работы с сайтом, к примеру корректировка кода или дизайна сайта. Обычно после примерного проектирования сайта следует обсуждение плана работ с заказчиком. Единственное правило, которого нужно придерживаться при работе над проектом для того, чтобы установленные сроки проекта не прошли и не приходилось менять код и дизайн и переделывать уже почти законченную работу - тестирование сайта должно проходить не только в конце, но и на протяжении всей работы над проектом. При проектировании сайта веб-разработчику нужно ориентироваться не только на свой вкус (поскольку веб-дизайнеры и веб-разработчики обычно лучше, чем рядовые пользователи, ориентируются в интерфейсах, в интернете и в собственных веб-разработках), а советоваться с посетителями будущего ресурса — если, конечно, мастерство не достигло такого уровня, когда веб-разработчик намного лучше пользователя знает, какой сайт последнему нужно. Лучшее тестирование будущего проекта для веб-разработчика: показывать эскизы сайта, советоваться, принимать к сведению все замечания о работе по проекту (необязательно все их воплощать в жизнь), еще полезно сравнивать с другими сайтами в Internet. То же самое с дизайном. Типичная ошибка российских веб-дизайнеров без большого опыта — забывать о том, что внешний вид веб-страницы является не только произведением искусства (и демонстрацией степени владения фотошопом), но и интерфейсом проекта, служащим для работы с сайтом. Напротив, западные веб-дизайнеры (апологеты Нильсена) делают аскетичные веб-страницы - сайты в которых невозможно запутаться и без лишнего кода удобных для работы, но с эстетической точки зрения дизайн таких сайтов выглядит шаблонно и непривлекательно. Найти золотую середину — задача-максимум еще на этапе проектирования сайта. Наибольшая проблема при верстке сайта — написание такого кода, который давал бы одинаковый или максимально близкий результат во всех современных и устаревших браузерах в разных операционных системах, чтобы сайт мало отличался на разных мониторах с различным разрешением и при разных условиях (отключенные или включенные активные сценарии, таблицы стилей, изображения и др). В таких условиях тестирование проекта приобретает особую важность. При написании кода тесты важны в двух случаях: во время написания кода при «обкатке» его в условиях, приближенных к реальным (на домашнем или тестовом сервере) и после размещения проекта на рабочем сервере. Файлы конфигурации, переменные окружения, пути к сайту, работа модулей и прочие нюансы могут различаться на тестовом и реальном серверах. Все эти факторы делают постоянное тестирование сайта совершенно необходимым. Для профессионального веб-разработчика намного важнее, чтобы программа позволяла писать код вручную, выполняя только рутинные и вспомогательные операции, например, автозамену, подсветку разных компонентов кода разными цветами, нумерацию строк кода, свертку блоков сайта, отладку сценариев, сообщения об ошибках, сбоях работ и т. п. В этом случае веб-разработчик получает намного больше контроля за конечным результатом проекта, поскольку программа не «решает» за него. Отличие таких редакторов «блокнотного типа» от визуальных не только в том, что основной компонент программы — это поле для ввода текста, но и в том, что в них нет встроенного интерпретатора кода. Общее в таких программах — ориентированность на работу с кодом и веб-компонентами, будь то тэги языка HTML или визуально отображение кнопок отправки запроса, и масса вспомогательных инструментов — кроме уже упоминавшихся подсветки синтаксиса кода и различных языков разметки, написания кода и отладчиков - это средства работы с протоколом FTP для загрузки сайта на сервер без файл-менеджера, палитры цветов, средства работы с набором страниц как с отдельным проектом и т.п. Различий больше. Визуальный и текстовый типы — это базовое разделение (хотя все визуальные редакторы позволяют редактировать код и вручную, а есть текстовые редакторы с зачаточными средствами визуального редактирования). Остальные различия кроются в наборах функций программ.
Компьютерная графика

Комментарии

К этой статье пока нет комментариев. Станьте первым! У нас гости не могут комментировать статьи. Пожалуйста авторизуйтесь или зарегистрируйтесь, чтобы прокомментировать.

Свежие комментарии

Нормальная тема.

Читать

Талантливый человек талантлив во всём! Будь как Паша! А ещё ты можешь ...

Можно выбрать.

Ой, шутник.

https://priornews.ru/zastrojshhik-iz-hmao-sravnil-ufas-s-prestupnoj-gr...