По технологическому обеспечению

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

Технологический процесс, как правило, состоит из нескольких этапов.

Целью первого этапа является сбор, регистрация, передача данных для дальнейшей обработки. Результатом обычно является составление документа.

Цель второго этапа - перенос данных на машинные носители и первоначальное формирование информационной базы. Третий этап включает операции накопления, сортировки, корректировки и обработки данных.

К основным требованиям, предъявляемым к выбираемому технологическому процессу относятся:

· обеспечение достоверности обрабатываемой информации;

· решение задач в установленные сроки;

· обеспечение минимальных трудовых и стоимостных затрат на обработку данных;

· наличие возможности обработки данных на ЭВМ;

· возможность решения задачи в различных режимах.

При выборе варианта технологического процесса обработки экономической информации используют две группы показателей оценки эффективности: показатели достоверности получения и обработки информации и показатели трудовых и стоимостных затрат на проектирование системы и обработку информации.

Для обеспечения выполнения этих требований необходимо в первую очередь выбрать высокопроизводительную и надежную техническую базу, разработать состав основных операций и методы их реализации. Однако для достижения высокой достоверности обработки и получения результатной информации проектировщик должен помимо этого организовать систему контроля за достоверностью обработки информации. Для разработки такой системы проектировщик обязан проанализировать частоту возникновения ошибок по типам решаемых задач, по классам операций Технологического процесса, по видам ошибок и по причинам их возникновения. С этой целью необходимо собрать статистику ошибок и получить распределение частоты их возникновения по следующим направлениям:

· по видам решаемых задач: например, аналитические, плановые, статистические, учетные;

· по классам операций технологического процесса;

· по видам ошибок, связанных с состоянием первичных документов, с переносом данных на машинные носители, с обработкой в ЭВМ, с контролем и выпуском результатных документов;

· по причинам возникновения ошибок: небрежность пользователей и плохое освоение операций по вводу информации в ЭВМ, вина исполнителя документов, ошибки в проекте (вина проектировщиков) и др.

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

1.6 Выбор политики рекламы сайта при его размещении в Интернет

Разработанный в локальном режиме Web-сайт необходимо разместить в Internet. При размещении Web-сайту (и каждому документу в нем) выделяется URL-адрес, с помощью которого и будет идентифицироваться в сети каждый ресурс сайта.

Естественно, что URL-адрес Web-сайта должен оставаться одним и тем же на протяжении значительного времени. Из-за принятой в Internet динамической системы адресации Url-адрес выделяется подключившемуся к сети локальному компьютеру и аннулируется при его отключении от сети. Поэтому компьютер, на котором размещается Web-сайт, должен быть постоянно включенным в сеть.

Существует два способа размещения разработанного Web-сайта в сети: на уже существующем «чужом» сервере и на своем хост - компьютере Internet

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

Что представляет собой процесс размещения сайта?

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

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

Для продвижения и раскрутки сайта существуют следующие способы и методы:

Интернет-каталоги. Они дают возможность владельцам сайтов добавлять в них информацию о своем ресурсе. Впоследствии обслуживающий персонал таких каталогов проверяет правильность заполнения данных и определяет место сайта в сложной иерархии каталога. Основным способом поиска необходимой информации в каталоге является перемещение по иерархическому дереву вплоть до раздела, непосредственно интересующего пользователя. Возможен и вариант поиска по ключевым словам. В каталогах, как правило, присутствует только та информация о сайте, которую предоставил его владелец.

1. Рекламные сети. Делятся на две категории. Первая так и сохраняет название «рекламная сеть» и представляет собой набор интернет-сайтов, объединенных системой размещения рекламных носителей (чаще всего баннеров). Размещение осуществляется не через администрацию сайтов, а через администрацию рекламной сети, которая и вырабатывает ценовую политику.

В Рунете (русскоязычная часть Интернета) рекламных сетей в чистом виде пока нет, но здесь достаточно широко представлена другая категория - баннерообменные, или баннерные, сети. Такие сети служат для «взаимораскрутки» сайтов - участников данной системы. Показав на своих страницах определенное количество баннеров системы, вправе рассчитывать на то, что и баннеры будут показаны на других сайтах-участниках. За данный сервис система удерживает определенное количество показов (от 10 до 50%), которые вместе с показами на собственных сайтах владельцев сети и продаются рекламодателям. Обменные сети отличаются от рекламных тем, что за показы баннеров на своих страницах участникам не платят. Они вступают в сеть не для получения прибыли, а только для взаимораскрутки.

Классификация рекламных сетей включает следующие их типы:

· общие - принимаются сайты любых тематик. Ограничения могут коснуться только сайтов с очень низкой посещаемостью или с запрещенными сетью тематиками (сайты для взрослых, политические и ряд других);

· тематические - включают только интернет-сайты по заданной тематике;

· региональные - объединяют сайты определенного региона (от города до республики).

Сайты могут быть или посвящены данному региону, или его создатели просто там проживают. Есть еще два критерия для различения типов сетей: по поддерживаемым рекламным форматам и по технологической платформе, на которой они функционируют. В ряде сетей применяется максимально расширенный список используемых форматов. Другие же сети жестко специализируются на определенном формате. Иногда специализация делается по определенному размеру баннера. Например, в сети RB2 используются только баннеры размером 100х100 пикселей. Возможна также специализация по формату рекламных носителей (например, в ТХЗ - сети по обмену текстовыми блоками). Что касается технологических платформ, то в большинстве сетей используется арендованное или купленное программное обеспечение, базирующееся на технологиях Banner-Bank, RotaBanner и RLE Satelite. Однако в ряде случаев применяются и собственные разработки. От выбора технологической платформы зависит практически вся функциональность и сервисы сети [11, c. 56].

Есть еще целый ряд соображений как в пользу размещения рекламы в сетях, так и против нее.

Преимущества:

· широкий охват. С помощью баннерной сети можно задействовать десятки, а то и сотни сайтов с заданной тематикой. По широте охвата ведущие сети могут дать фору самым посещаемым российским сайтам;

· следует учитывать, что стоимость размещения рекламы через баннерные сети на порядок ниже, чем при размещении баннеров напрямую на заданных сайтах;

· сети предлагают эффективную систему фокусировок. Одной из наиболее полезных является фокусировка по географии пользователя, другой - возможность показа только в рабочие часы, что важно для рекламы, рассчитанной на корпоративных пользователей. Фокусировка по провайдерам может использоваться для смещения акцента рекламной кампании на корпоративных и обеспеченных пользователей. Услугами провайдеров, обеспечивающих прекрасную связь и берущих за это немалые деньги, пользуются преимущественно корпоративные пользователи и люди с высоким достатком. Напротив, провайдеры, предлагающие дешевый dialup или unlimited, ориентированы на студенчество и пользователей победнее;

· локальные системы размещения рекламы на сайтах не могут конкурировать с продвинутыми системами корректировки рекламных кампаний и отчетности, представленных в ведущих баннерных сетях. С помощью сетей всегда можете оперативно менять баннеры, интенсивность показов, фокусировку. При рекламе на сайтах напрямую подобные изменения вносит по просьбе администратор. При этом задержка во времени может составлять день и более, следовательно, оперативность теряется;

· если напрямую договорились с владельцем сайта, забронировали места и заплатили за размещение рекламы, то маловероятно, что вам удастся перенести размещение рекламы на более поздний срок или вообще отменить его в случае низкой отдачи. При размещении через сеть, есть как возможность приостановить / перенести время размещения на любом выбранном вами сайте, так и вообще отказаться от размещения рекламы на том или ином сайте - участнике системы. Стоит только изменить фокусировку.

Теперь о недостатках:

· владельцы сайтов, размещающих у себя платную рекламу, стремятся «повесить» баннеры рекламодателей в наиболее выгодных местах на странице, в то время как баннерам рекламной сети, как правило, отводится не столь завидное место;

· некоторые интересующие сайты могут не являться участниками баннерной сети, и единственным выходом здесь будет размещение баннеров напрямую. Другим возможным вариантом является размещение баннеров системы только на страницах определенных тематических разделов сайта. Правда, не всегда именно эти разделы интересуют рекламодателя;

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

Резюмируя все «за» и «против», можно сделать следующие выводы:

· при малобюджетных рекламных кампаниях (до тысячи долларов) основной акцент рекомендуется делать именно на рекламные сети. Разумеется, это имеет смысл, если ведущие баннерные системы в достаточном количестве имеют среди своих участников интересующие сайты;

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

Ниже приведено примеры банерной рекламы.

Рис. 1.5 Банерная реклама



2. Проектирование Интернет - представительства

2.1 Информационное обеспечение задачи

Модель информационного наполнения сайта

Основой любого сайта, будь то миниатюрная персональная страничка или гигантский электронный супермаркет, является информация. Пользователь посещает ресурс именно для того, чтобы ознакомиться с представленными на нем материалами. В том случае, если клиент не находит на страницах сайта интересующих его сведений, он его покидает. И его не остановит даже яркий дизайн, сбалансированная цветовая гамма и удобное навигационное меню.

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

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

Уровень схемы.

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

Уровень поверхности.

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

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

Такая модель деления сайта на уровни сильно упрощает процесс создания сайта, дружественного для пользователя. Тем не менее, в реальности не всегда можно провести четкие границы между уровнями.

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

Второе, не менее важное при создании сайта - это технология. Во многих случаях именно от технологии зависит то, как будет с сайтом работать пользователь. На заре Web, Web-сайты привязывались к базам данных весьма примитивными средствами. По мере развития технологий, базы данных стали использоваться на Web-сайтах все чаще. Это в свою очередь позволило создавать более сложные решения, такие как динамическая навигация, которая меняется в зависимости от действий пользователя. Технологии постоянно меняются, и пользователям постоянно приходится приспосабливаться к этим изменениям. Тем не менее, фундаментальные основы взаимодействия пользователя с сайтами остаются всё теми же [13, c. 169].

Топкинская центральная районная больница Кемеровской области имеет в своем распоряжении компьютерное оборудование, которое является базой для создания, наполнения и поддержки работы Web-представительства ЦРБ. К примеру, на рисунке 2.1 изображена информационная модель, которая позволяет классифицировать современные компьютеры ЦРБ. Полученная информационная структура напоминает дерево, которое растет сверху вниз. В структуре четко просматриваются три уровня: от первого, верхнего, имеющего один элемент Компьютеры, спускаемся до третьего, нижнего, имеющего три элемента Настольные, Портативные, Карманные (см. рис. 2.1).

Рис. 2.1 Информационная модель компьютерной техники ЦРБ

Используемые классификаторы и системы кодирования

Web-стандарты - это технологии, установленные консорциумом W3C и другими организациями, используемые для создания и интерпретации Web - контента (содержимого Web-сайтов). Эти технологии разработаны для опубликованных в Сети документов, ориентированных на будущее, и предназначены для того, чтобы сделать эти документы как можно доступнее.

Обсуждая Web - стандарты, важно понимать значение разделения структуры от представления. Понять разницу между структурой и представлением поначалу может быть непросто, особенно если не думаете о семантической структуре документа. Однако, это очень важно, так как контроль представления при помощи таблицы стилей CSS становится гораздо проще, если структура и представление разделены.

Структура содержит обязательные части документа, а также семантическую и структурную разметку содержимого документа.

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

Необходимо отделять структуру от представления, как только это возможно. В идеале, должны получить HTML-документ, содержащий структуру и контент, а представление контролировать полностью при помощи CSS.

Полностью отделить структуру от представления сейчас не так просто. HTML-код большинства Web-сайтов плохо отражает и структуру и семантику.

Разделяя структуру от представления, вам необходимо использовать CSS вместо таблиц для контроля внешнего вида документа. Когда используете таблицы для разметки, это может показаться неудобным и странным, но это не так сложно как кажется на первый взгляд. В Сети есть множество руководств, а преимуществ у новых технологий так много, что изучение их действительно стоит потраченного времени.

Характеристика нормативно-справочной и входной оперативной информации

Для обозначения подобной справочной информации в автоматизированных системах управления предприятиями на Западе используется термин Master Data (мастер - данные, основные данные), а задачи управления ею получили название Master Data Management (MDM). Однако в русском языке сейчас чаще применяется понятие нормативно-справочная информация (НСИ), которое появилось в дисциплинах, касающихся управления народным хозяйством еще в докомпьютерные времена. В данном случае определение «нормативная» отражает то факт, что проблема создания справочников корпоративного уровня выходит далеко за пределы собственно предприятия, она должна решаться с учетом отраслевых, государственных и международных стандартов.

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

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

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

Решение задачи в ЦРБ возможно только в виде создания специализированной системы ведения НСИ с применением соответствующих стандартов, методик и программных средств. Фактически в этой работе должны соединяться усилия трех сторон:

· создателей нормативов и стандартов (как государственных, так и отраслевых);

· поставщиков базового ПО;

· системных интеграторов и консультантов, которые все это могут реализовать с учетом отраслевой практики, национальной специфики и т.д.

При разработке функциональной части задачи используются следующие входные документы:

· информация от администрации ЦРБ;

· информация о структурных подразделениях;

· общие сведения о методиках профилактики, диагностики и лечения;

· графики приема специалистов и расписания работы отделений ЦРБ;

· каталог платных услуг;

· текущая новостная информация;

· полезные ссылки;

· сведения о потребностях во врачебных кадрах и другие вакансии;

· график приема граждан администрацией ЦРБ;

· фотогалерея;

· историческая справка.



2.2 Информационная структура сайта

Требования, предъявляемые к информационной структуре сайтов

Информационная структура имеет немаловажное значение при разработке сайта. Если не продумать информационную структуру, появляются «лишние» страницы, дублирующие ссылки на сайте и прочие малоприятные нюансы. Поэтому разработка информационной структуры сайта требует должного внимания.

Что скрывается под понятием «информационная структура сайта»? В общем понимании - это способ организации информационных материалов сайта вместе со всеми связями [12], благодаря которым эти материалы взаимодействуют друг с другом. В зависимости от того, как организовано данное взаимодействие, будет обеспечено комфортное пребывание посетителей при использовании сайта.

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

Линейная структура - самая простая из всех. Web-страницы идут одна за другой, и пользователь просматривает их как слайд-шоу. Здесь нет разделения информационного содержания на уровни. Все страницы равноправны, и каждый посетитель их должен увидеть. Реализация проста, но минусов много. Потому она имеет четкие границы применения: имиджевые сайты-презентации и онлайновые учебные пособия.

Простейший вариант сайта - набор HTML-страниц, каждая из которых имеет ссылку на последующую и предыдущую, кроме крайних.

Существует линейная структура с возможностью выбора вариантов. Основное отличие от линейной структуры - выбор между двумя ветками. Чаще всего это используют для сбора информации о посетителе. К примеру, регистрация клиента на сайте фирмы, предоставляющей определенные услуги. Все посетители начинают со стартовой страницы. Но потом частные лица вводят одни данные, а представители коммерческих структур - другие. После этого все они переходят на одну и ту же страницу.

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

Рассмотрим линейную структуру с ответвлениями. Это контролируемая структура, похожа на дорогу с отходящими от нее время от времени тупиковыми тропами. Суть в том, что посетитель последовательно переходит со страницы на страницу. Если информация на одной из них его интересует и хочется узнать подробности, то он идет на ответвление, затем возвращается обратно на «главную дорогу». Главный плюс здесь - легкость перехода с обычного линейного размещения web-страниц. Часто такое требуется, когда созданный когда-то web-сайт перестал удовлетворять возросшим требованиям, а глобальная переделка по каким-либо причинам невозможна. Тогда можно быстро и без проблем расширить проект. И сайт от этого ничего не потеряет в плане удобства переходов.

Иерархическая структура сайта, больше известная как «дерево» - это универсальная модель организации сайтов, подходит для многих типов сайтов, в том числе таких, как web-представительства. Данная организация сайта дает посетителям возможность управления глубиной посещения сайта.

Ее принцип прост: пользователь при попадании на главную страницу предстает перед выбором, куда двигаться дальше. Переходя в нужный раздел, он выбирает нужный подраздел и так далее. У древовидной структуры очень много плюсов, но есть и существенный минус: достаточно сложно соблюдать баланс между глубиной и шириной. Порой, чтобы добраться до необходимой информации, нужно будет загрузить и посмотреть много страниц. Явно не все посетители сайта это оценят как должное. А при создании очень широкой древовидной структуры посетители снова долго вынуждены искать нужную ветку. Соответственно, нужно постоянно следить за разрастанием такой структуры и придерживаться золотой середины.

В классическом «дереве» один информационный материал принадлежит лишь одной подкатегории, категории или разделу.

Решетчатая структура. Она на порядок сложнее всех вышеописанных. Здесь страницы размещены на различных ветках. Но у пользователя есть возможность перемещения по ним как вертикально (вверх-вниз), так и горизонтально (между ветками на разных уровнях). Используют решетку в основном только в каталогах. Использование такой структуры в других проектах нецелесообразно. Она относительно сложна для воплощения. К тому же, обращаться с «решеткой» нужно с очень большой осторожностью. Иначе легко заблудиться в поисках необходимой информации.

Какие же разделы и категории должна содержать информационная структура сайта для бизнеса? Единого мнения в этом вопросе нет, ведь каждая компания или организация индивидуальна. Однако информационная структура сайтов зачастую включает в себя «стандартные» разделы и категории без учета специфики этих сайтов. К примеру, стандартная информационная структура многих сайтов обязательно содержит раздел «Новости» или «Новости компании». Но данный раздел нужен не каждому сайту. Такие разделы на сайтах для бизнеса создаются для регулярной публикации новостей компании - полезной информации для посетителей. Но если новостной раздел сайта не обновляется, то его и заводить не стоит. Он лишь нанесет удар имиджу компании. Все разделы должны быть обоснованы с учетом индивидуальных особенностей каждого конкретного сайта.

Для нашего сайта наиболее подходящей является «древовидная» структура.

Структура для сайта ЦРБ представлена на рисунке 2.2



Рис. 2.2 структура главного меню сайта

Дизайн сайта

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

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

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

Изготовление фирменного стиля - это разработка целостного и запоминающегося образа компании на конкурентном рынке. Фирменный стиль компании, посредством удачного логотипа, яркого слогана, звучащего названия, качественной полиграфии и сувенирной продукции, способен придать индивидуальности любой компании и выделить ее на фоне других, Наиболее удачный проект вполне может стать лицом предприятия, узнаваемым и в реальном мире.

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

Вопросу дизайна сайта посвящено огромное количество публикаций, но он не теряет своей актуальности. В чем же проблема? Возможно, в разнице восприятий.

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

Прежде всего, графика должна тесно переплетаться с тематикой ресурса, повсеместно направляя действия пользователя и облегчая его восприятие. К примеру, можно оснастить меню сайта небольшими иконками, соответствующими разделу, а разделы тематическими картинками.

Разные типы сайтов имеют свою специфику графического оформления.

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

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

· приятная для глаз цветовая гамма;

· минимальное количество картинок.

Ответственно подойдя к дизайну сайта, получим эффективный инструмент маркетинга и ресурс, удобный для пользователя, стильный, эффективный, динамичный, удобный в управлении.

Как и разработка сайта в целом, работа над его дизайном также является поэтапной. И первым происходит создание дизайна главной страницы ресурса, начинается которое с разработки концепции. Она создаётся на основе ТЗ, спроектированного интерфейса, заполненного клиентом брифа и брендбука (при его наличии). Обычно концепция разрабатывается одна, но при желании заказчика всегда можно предложить на рассмотрение несколько вариантов. По концепции (либо по каждой из них) делаются презентации, целью которых является донести до клиента причины того или иного выбора и решения, сделанного создателем сайта, объяснить, в чём его выгода для web-сайта. Далее происходит согласование концепции с заказчиком и доработки в соответствии с указанными пожеланиями клиента, в ходе которых прорисовываются способы выделения меню, всплывающие окна, выпадающие списки. После доработок происходит утверждение концепции дизайна главной и внутренних страниц, которая также проходит этапы согласования, доработки и окончательного утверждения.

Как известно, web-дизайн во многом определяет успешность того или иного ресурса. Судьба сайта зависит от того, насколько он соответствует предъявляемым требованиям, то есть от того, насколько у него качественный дизайн. Хороший Интернет-сайт должен с первых секунд заинтересовывать пользователя, располагать его к себе, чтобы тот с изумлённым лицом первооткрывателя вновь и вновь щёлкал по ссылкам, открывая один раздел за другим. Но удивить и заинтересовать - это ещё полдела.

Правильный web-дизайн просто обязан учитывать ещё и тот факт, что сайт является представительством, лицом организации в сети Интернет, а, значит, дизайн любого корпоративного сайта должен сохранять свойственный компании фирменный стиль и создавать у пользователя полное впечатление о том, какое место фирма занимает на рынке, как она себя позиционирует.

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

Одно из главных отличий - это количество информации, которое нужно уместить на квадратном сантиметре визуального пространства.

Пользовательская карта сайта

Карта сайта, несмотря на то, что является вспомогательным звеном в навигации, необходима для каждого web-ресурса. Что представляет собой карта сайта? Как и следует из названия - это модель, схематическая иерархичная структура ресурса, размещенная на одной странице, которая наглядно показывает пользователю все его разделы и подразделы. Чаще всего карту сайта выполняют в виде дерева, «стволом» которого является главная страница, а «ветвями» - разделы. Иногда применяют укороченные варианты, отображающие лишь основные вехи в структуре сайта. Ошибкой некоторых создателей сайта является маскировка карты сайта, обычно ссылку на нее не так-то просто найти на главной странице. Считается - сделал карту сайта для робота, он и так ее найдет, пользователь же вряд ли ею заинтересуется. На самом деле это не так. Растерявшемуся пользователю проще всего зайти по ссылке с главной страницы, разглядеть карту сайта и пройти по нужной ссылке, чем действовать «методом тыка».

Если рассматривать карту сайта не только с точки зрения удобства пользователя, но и как инструмент для продвижения сайта, то нужно отметить следующее. Карта сайта, или файл sitemap.xml, - обязательный спутник каждого web-ресурса, благодаря этому файлу поисковые роботы находят наш сайт и индексируют его страницы. Такая карта сайта размещается на отдельном файле, который носит название sitemap.xml - он создается сугубо для поисковых машин. Иногда карта сайта помещается в текстовом файле и называется sitemap.txt. В файлах хранится не что иное, как информация о структуре web-ресурса, там же находятся данные о частоте обновления страниц и дате обновлений, указания о важности той или иной страницы сайта. Такой файл сообщает поисковым системам (Yandex, Google) о том, что появились новые web-страницы и их нужно индексировать, иными словами, такая карта сайта в виде файла - послание роботам на понятном им языке.

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

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

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

Выбор инструментальных средств

Для создания сайтов можно использовать текстовые редакторы, такие как FrontPage (который мы и используем, как отвечающий всем основным требованиям при разработке сайта) или использовать системы управления сайтом. В текстовых редакторах удобно создавать уникальные дизайны, быстро добавлять текст, создавать сайт с нуля. При создании панелей ссылок FrontPage позволяет использовать структуру web-узла, смоделированную в режиме работы Переходы (Navigation). Кроме того, в состав FrontPage входит мастер, позволяющий создавать панель ссылок для web-узла, структуру которого он формирует в процессе своей работы.

Для создания сайта на компьютере / сервере были установлены следующие программные средства:

· web-сервер Apache 1.3.30;

· PHP 4.2.0.

Для того, чтобы загрузить наши файлы на хостинг, понадобится специальная программа FTP клиент. Воспользуемся программой FileZilla, так как на сегодняшний день она является одним из лучших бесплатных ftp-менеджеров.

Любой сайт условно делится на две большие части:

Система администрирования - область сайта, доступная только администраторам и редакторам;

Система представления - область сайта, доступная посетителям.

Обе системы работают с одной и той же базой данных. Системы могут быть интегрированы друг в друга, а могут быть разделены и находиться в разных папках. Решено использовать последний подход, он позволяет минимизировать зависимость от дизайна сайта.

Существуют два типа сайтов с точки зрения программирования - динамические и статические.

Статический сайт - используется стандартный код HTML, адрес страницы статический и простой, например page.html. Данный тип свойствен более простому типу сайтов, где не требуется постоянное добавление и обновление большого количества информации. Это вполне подходит для сайта частной компании.

Динамический сайт свойствен более сложному типу сайтов, например, крупные сайты, новостные ленты, порталы, где требуется постоянное добавление и обновление большого количества информации. Используются технологии ASP, PHP, CGI, Perl и другие. Информация хранится в SQL базе данных, а программирование позволяет осуществлять лишь доступ к динамике обновления и добавления страниц. Также проблемным бывает перенос сайта с одной хостинг-площадки на другую. Однако, неоспоримым преимуществом является возможность удобной оперативной работы с большим количеством информации, что весьма проблемно в случае со статическим вариантом. Статический сайт лучше перерабатывается поисковыми машинами, поэтому web-мастера динамических сайтов стараются создать для динамических страниц статические адреса. Однако, крупный портал просто немыслим без динамики. Поэтому выбор в ту или иную сторону делается непосредственно «на месте», т.е. исходя из типа сайта и его дальнейших перспектив.

Принципы функционирования системы

Логически система различает следующие понятия (сущности):

· Структура сайта;

· Шаблоны данных;

· Контент (содержимое сайта, данные);

· Макеты дизайна;

· Пользователи и права доступа;

· Дополнительные функции;

· Вспомогательные данные.

Эти сущности тесно взаимосвязаны. Так, к разделу сайта (единица структуры) логически прикреплены:

· шаблоны данных, в соответствии с которыми отображается содержимое страниц;

· контент, относящийся к этому разделу (объекты);

· макет дизайна, который используется для вывода страниц этого раздела;

· права доступа пользователей (просмотр, запись, редактирование, настройка).

Система администрирования сайта логически разделена на две части:

· инструменты разработчика;

· инструменты пользователя.

В первую часть (инструменты разработчика) входят:

· средства создания макетов страниц;

· средства программирования шаблонов;

· среда разработки модулей;

· инструменты настройки системы и модулей;

· дополнительные инструменты.

Во вторую часть (инструменты пользователя) входят:

· средства управления структурой;

· средства управления контентом;

· средства управления пользователями и правами данных.

При разработке сайта используются как инструменты разработчика, так и инструменты пользователя. При поддержке и обслуживании сайта обычно используются только инструменты пользователя.

Структура системы управления сайтом

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

Структура разрабатываемого сайта представлена в виде дерева иерархий с неограниченным уровнем вложенности. Каждому каталогу соответствует некий раздел сайта. У каждого раздела могут быть подразделы. Каждый раздел имеет некоторые поля (свойства), состав которых может расширяться при помощи системы администрирования. Свойства определяют характеристики раздела: название, права доступа, макет дизайна и пр.

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

CMS структурно разделяется на следующие блоки:

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

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

Оптимизация «веса страниц»

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

Процесс загрузки страниц неоднороден и включает в себя массу независимых составляющих, поддающихся анализу и оптимизации каждая по отдельности:

· разрешение IP-адреса web-узла по его доменному имени;

· преодоление очереди пользовательских запросов;

· обработка запроса сервером;

· передача запрошенных данных по каналу связи клиенту;

· отображение объектов страницы браузером.

URL той или иной страницы в подавляющем большинстве случаев содержит в себе имя домена. А это неизбежно приводит к ощутимым временным задержкам - ведь, фактически, обращение к web-серверу все равно производится по IP-адресу, который предварительно выясняется при помощи службы DNS. Красивое и понятное доменное имя необходимо для удобства. Но в теории загрузку ряда связанных со страницами объектов и открытие некоторых ссылок можно ускорить, используя в атрибутах href, src и им подобные IP-адреса ресурсов вместо соответствующих им доменных имен. Наш сайт не перегружен различными архитектурными излишествами наподобие баннеров и кнопок, поэтому сбои в работе сайта не будут ощутимы.

Что касается длины очереди запросов, то она определяется текущей загруженностью сервера и качествами канала, при помощи которого он связан с внешним миром.

Но больше всего нас интересует время обработки клиентского запроса на стороне сервера, в значительной степени оно определяется внутренним устройством сайта.

Так, очевидно, что статические HTML-документы при прочих равных условиях возвращаются сервером почти мгновенно. Страницы, построенные на основе SSI - чуть медленнее. «Настоящие» динамические страницы, использующие различные серверные технологии, как в нашем случае PHP, формируются еще дольше.

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

Любую web-страницу, отправляемую сервером клиенту, вне зависимости от способов ее представления на стороне сервера, можно разложить на составляющие, каждая из которых вполне подвластна оптимизации:

· управляющие конструкции разметки;

· лист стилей (внедренный в HTML-код или связанный с ним);

· текстовое содержание;

· графические изображения и прочие связанные объекты.

Впечатляющие результаты по минимизации объема HTML-кода приносит переход от табличной верстки к использованию блочной модели CSS2 в полную силу.

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

Что касается оптимизации кода листов стилей, то наиболее разумным подходом признано определение классов и идентификаторов для всех видов оформления элементов, использующихся на страницах сколько-либо регулярно, а также максимальное использование наследования свойств классов и идентификаторов. Это позволяет минимизировать количество повторов одинаковых конструкций как в индивидуальных описаниях стилей в теле HTML-кода, так и в общем листе стилей.

Для того, чтобы все страницы сайта были быстрее проиндексированы поисковой системой, код страницы желательно иметь легче. Кроме того, у некоторых поисковых систем существует ограничение на размер кода индексируемого документа. У всех поисковых систем этот объём может быть разным - 100 - 200 Кб.

Более дружественной для поисковых систем вёрсткой является блочная. У блочной вёрстки существуют свои незначительные недостатки, но они с лихвой окупаются меньшим объёмом кода по сравнению с табличной. Такие странички быстрее загружаются в браузер, так как имеют объём кода на 30 - 50% меньше, чем у табличной.

· Этот способ занимает гораздо меньший объем памяти.

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

Графика на страницах сайта

Визуальное представление позволяет осуществлять наиболее быструю передачу информации, обеспечивая также быстрое её восприятие наблюдателем (читателем) как непосредственно, так и с использованием принятых в мировой культуре источников информации (книги, газеты, кино, телевидение, Интернет). Манипулируя цветом, контрастом и символами, можно за долю секунды вызвать у наблюдателя ощущение тепла либо холода, спокойствия или напряженности, а вместе с тем даже передать некоторые сведения. Важную роль в графической передаче информации играют ассоциации - определённые образы, всплывающие в сознании пользователя в моменты, когда он видит некоторые символы или систему графических объектов.

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

Цвета

RGB

В настоящее время RGB является самым популярным способом задания цвета и практически в каждой графической программе существует возможность описания цвета этим форматом. Комбинация трёх однобайтовых значений (24 бита) позволяет определить 16,7 млн. цветов (точнее 224).

HSL

HSL (Hue, Saturation, Luminance, т.е. оттенок, насыщение, яркость) - это палитра красок, определяемых сочетанием не основных цветов (как это имеет место для RGB), а оттенка, насыщения и яркости. Этот условный способ описания цвета намного более интуитивен и близок естественному восприятию цветов человеком. Значительно легче изменить оранжевый цвет на жёлтый, изменяя оттенок, насыщение и яркость, чем подбирать нужное сочетание красного, зелёного и синего.

CMY, CMYK

Палитра CMY (Cyan, Magenta, Yellow, т.е. сине-зелёный, пурпурный, жёлтый) - ещё один способ определения цвета. Он составляет альтернативу RGB. Палитра CMY, расширенная черным цветом, обозначается CMYK и повсеместно применяется печатающими устройствами.

Безопасная цветовая палитра

Безопасная цветовая палитра - это набор из 216 цветов, общих для всех инструментальных платформ. Каждый из них может быть задан однобайтовым кодом. Их 216 потому, что 8_битовое определение позволяет задать 256 цветов (28). Однако принято, чтобы поле в 40 и цветов было зарезервировано для операционной системы, тогда 216 цветов остаются для применения в прикладных программах пользователей. Картинки, отображаемые на мониторах компьютеров, способных правильно передать 256 цветов (8-битовая графика), отображаются правильно (и предсказуемо) и при условии применения 216 безопасных цветов. Остальные краски передаются как смесь компонентов из безопасной палитры.

Вопрос адекватного отражения цветов имел большое значение несколько лет назад, когда в повсеместном использовании были компьютеры с 8-битовой графической картой. Хорошим тоном считалось применение на Web_страницах именно безопасного цветового набора. Теперь же мы все пользуемся 24-битовой графикой. Поэтому более целесообразным использовать всю полноту возможностей, представляемых современными компьютерами, и применять на Web_страницах различные сочетания цветов, в том числе и тех, что выходят за рамки безопасной палитры.

Правильно подобранная графика выгодно представляет фирменный стиль на сайте и облегчает пользователю общение с электронным ресурсом, в то же время большое число анимированных графических элементов могут существенно замедлить время загрузки сайта. Графика на страницах не должна занимать много места, нести информационную нагрузку, потому размещаем jpg-картинки весом не больше 100 кб.