Разработка и продвижение Web-сайта в области коммунального хозяйства

 

Оглавление

ВВЕДЕНИЕ

.МЕТОДЫ РАЗРАБОТКИ И ПРОДВИЖЕНИЯ WEB-САЙТОВ

.1АНАЛИЗ СРЕДСТВ ДЛЯ СОЗДАНИЯ WEB-САЙТОВ (ЯЗЫКИ ПРОГРАММИРОВАНИЯ, ФРЕЙМВОРКИ, CMS)CMS

.2ОБЗОР И СРАВНИТЕЛЬНЫЙ АНАЛИЗ СУБД, ПРИМЕНЯЕМЫХ В WEB-ПРОГРАММИРОВАНИИ

.3АНАЛИЗ МЕТОДОВ ПРОДВИЖЕНИЯ WEB-САЙТОВ

.ПРОЕКТИРОВАНИЕ WEB-САЙТА В ОБЛАСТИ КОММУНАЛЬНОГО ХОЗЯЙСТВА

.1СРАВНИТЕЛЬНЫЙ ОБЗОР WEB-САЙТОВ В ПРЕДМЕТНОЙ ОБЛАСТИ

.2ЛОГИЧЕСКАЯ СТРУКТУРА САЙТА

.3РАЗРАБОТКА ГРАФИЧЕСКОГО ДИЗАЙНА

.РАЗРАБОТКА WEB-САЙТА В ОБЛАСТИ КОММУНАЛЬНОГО ХОЗЯЙСТВА

.1ОСНОВНЫЕ ФУНКЦИОНАЛЬНЫЕ ВОЗМОЖНОСТИ

.2ИНСТРУМЕНТЫ РАЗРАБОТКИ И ИСПОЛЬЗУЕМЫЕ КОМПОНЕНТЫ

.3МЕРОПРИЯТИЯ ПО ПРОДВИЖЕНИЮ САЙТА

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

ПРИЛОЖЕНИЯ

ВВедение

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

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

Целью курсовой работы является разработка web-сайта организации (на примере УП «Жилье» ЖЭУ-2) с использованием системы управления содержанием сайта (CMS).

Для достижения поставленной цели в работе ставятся следующие задачи:

анализ средств для создания web-сайтов;

сравнительный обзор web-сайтов в предметной области;

разработка дизайна сайта;

описание основных функциональных возможностей;

создание web-сайта;

мероприятия по продвижению сайта.

1.Методы разработки и продвижения Web-сайтов

1.1Анализ средств для создания Web-сайтов (языки программирования, фреймворки, CMS)

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

Для создания современных сайтов обычно используются: HTML, CSS, JavaScript, PHP.- это не язык программирования и не язык оформления документов. Это, в первую очередь, средство разметки текста. На сегодняшний день HTML остается самым универсальным, даже незаменимым средством разметки гипертекста, а, следовательно, и публикации в Интернет.

Написание web-страничек на HTML не требует интерпретации исходного кода в двоичный код. Язык разметки гипертекста по определению должен интерпретироваться браузером. Это, безусловно, накладывает некоторые ограничения на возможности языка и на совместимость новых конструкций со старыми версиями браузеров. Современные Web-страницы уже не обходятся одним только HTML. Его гармонично дополняют средства динамического HTML: скрипт языки JavaScript и/или VBScript, каскадные таблицы стилей(CSS), иногда присутствуют Java-апплеты.(Cascading Style Sheets) - язык таблиц каскадных стилей. Он разработан для того, чтобы расширить возможности по оформлению Web-страниц.используется веб-разработчиками для задания внешнего вида (шрифтов, цветов, отступов, расположения и др.) веб-страниц. CSS разработан для отделения основного содержимого документа (написанного на языке разметки, например HTML) от оформления этого содержимого (написанного на CSS). Такое отделение предоставляет веб-разработчикам большую гибкость, упрощает задание внешнего вида документов и оформление повторяющихся элементов разметки.

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

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

JavaScript - предназначен для написания сценариев для активных HTML-страниц. Язык JavaScript не имеет никакого отношения к языку Java. Java разработан фирмой SUN. JavaScript - фирмой Netscape Communication Corporation. Первоначальное название - LiveScript. После завоевания языком Java всемирной известности LiveScript из коммерческих соображений переименовали в JavaScript.не предназначен для создания автономных приложений. Программа на JavaScript встраивается непосредственно в исходный текст HTML-документа и интерпретируется брaузером по мере загрузки этого документа. С помощью JavaScript можно динамически изменять текст загружаемого HTML-документа и реагировать на события, связанные с действиями посетителя или изменениями состоятия документа или окна.

Важная особенность JavaScript - объектная ориентированность. Программисту доступны многочисленные объекты, такие, как документы, гиперссылки, формы, фреймы и т.д. Объекты характеризуются описательной информацией (свойствами) и возможными действиями (методами).- язык создания сценариев, который давно перерос свое название. Дело в том, что PHP - это аббревиатура от слов Personal Home Page. Первая версия PHP была создана Расмусом Лердорфом в 1994 г. и представляла собой набор инструментов для отслеживания посетителей Web-страницы. Со временем PHP из набора инструментов превратился в полноценный язык программирования, а его название было изменено как рекурсивное образование PHP HyperText Preprocessor (препроцессор гипертекста PHP).- это серверный язык создания сценариев. Конструкции PHP, вставленные в HTML-текст, выполняются сервером при каждом посещении страницы. Результат их обработки вместе с обычным HTML-текстом передается браузеру.

Существуют два основных конкурента PHP: Active Server Pages (ASP) компании Microsoft и ColdFusion компании Allaire. По сравнению с ними PHP обладает рядом преимуществ, в числе которых:

Высокая производительность. PHP-программы работают быстрее, чем ASP.

Функциональность. Разработку PHP-программы можно отделить от собственно разработки Web-страницы, что упростит жизнь и программисту, и дизайнеру.

Цена. PHP абсолютно бесплатен.

Простота в использовании. Имеющие опыт программирования на распространенных языках найдут синтаксис PHP хорошо знакомым.

CMS - это аббревиатура от Content Management System, что в дословном переводе означает "система управления контентом сайта" или просто "система управления сайтом". Иногда CMS называют "движок" сайта.- это программное обеспечение, которое позволяет разрабатывать и поддерживать динамические информационные web-сайты. Разные cms позволяют проектировать сайты различной сложности, вплоть до интернет-магазинов и информационных порталов. Больше всего CMS подходят для формирования новостных и контентных сайтов.CMS

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

Рисунок 1.1 - CMS Joomla

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

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

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

известной CMS Mambo. Функциональность можно расширять с помощью дополнительных модулей (расширений, плагинов). Считается, что в мире насчитывается около 5000 готовых модулей и компонентов..

Drupal CMS

Drupal - система управления сайтом, написанная на языке PHP.

Рисунок 1.2 - CMS Drupal

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

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

WordPress <#"300" src="doc_zip3.jpg" />

Рисунок 1.3 - CMS Wordpress

Причины популярности wordpress среди SEO специалистов - это в первую очередь великолепная индексация поисковыми системами. Для wordpress бесплатно существует множество шаблонов и плагинов в бесплатном скачивании. Ещё один приятный момент системы wordpres- это то, что php код можно редактировать прямо с "админики", то есть Вам не нужно заходить на ftp сервер Вашего хостинга.

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

С точки зрения удобства разработки, скорости, стабильности используются PHP-фреймворки. Рассмотрим два из них:

Zend framework - это PHP-framework, созданный и поддерживаемый компанией Zend, сотрудники которой являются непосредственными авторами языка PHP. Поэтому он следует традициям и духу PHP - базируется на простоте, объектно-ориентированных принципах, дружественной лицензии и тщательно тестируемом коде с применением agile методов.

Основные особенности:

Все компоненты полностью ориентированы на PHP 5 и E_STRICT- совместимы;

Встроенный генератор кода;

Архитектура «используй только то что необходимо» с минимальными зависимостями компонентов;

Использует легко расширяемый шаблон проектирования MVC, поддерживает макеты и PHP-скрипты представления по-умолчанию;

Поддерживает множество различных баз данных включая MariaDB, MySQL, Oracle, IBM DB2, Microsoft SQL Server, PostgreSQL, SQLite, and Informix Dynamic Server;

Специальные классы для создания, отправки, получения email с помощью mbox, Maildir, POP3 и IMAP4;

Гибкая подсистема кэширования с поддержкой множества хранилищ;

CodeIgniter - популярный MVC <#"justify">используется модель MVC (Модель-Отображение-Контроллер), хорошо зарекомендовавшая себя при разработке приложений самой разной направленности;

поддерживается множество баз данных (MySQL, PostgreSQL, MSSQL, SQLite, Oracle);

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

CodeIgniter очень быстр в работе. Его считают эталоном скорости генерации страниц;

1.2Обзор и сравнительный анализ СУБД, применяемых в Web-программировании

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

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

В программировании сайтов управление БД осуществляется при помощи клиент-серверных систем управления базами данных (СУБД), таких как Oracle, MS SQL Server, PostgreSQL, MySQL и др. Клиент-серверные СУБД обрабатывают запросы централизованно, к их достоинствам относят обеспечение высокой надежности баз данных, высокой доступности и высокой безопасности.

СУБД MySQL - свободная система управления базами данных, одна из наиболее часто применяемых в программировании сайтов. СУБД MySQL поддерживает большое количество существующих типов таблиц (InnoDB, MyISAM и т. д.), а благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц. Управление базами данных с помощью MySQL очень удобно, что сделало данную систему востребованной и популярной.SQL Server - система управления реляционными базами данных (СУБД), разработанная корпорацией Microsoft. Основной используемый язык запросов - Transact-SQL, создан совместно Microsoft и Sybase. Transact-SQL является реализацией стандарта ANSI/ISO по структурированному языку запросов (SQL) с расширениями. Используется для работы с базами данных размером от персональных до крупных баз данных масштаба предприятия; конкурирует с другими СУБД в этом сегменте рынка.

Сервер баз данных Microsoft SQL Server в качестве языка запросов использует версию языка SQL, получившую название Transact-SQL (сокращённо T-SQL). Язык T-SQL является реализацией SQL-92 (стандарт ISO для языка SQL) с множественными расширениями. T-SQL позволяет использовать дополнительный синтаксис для хранимых процедур и обеспечивает поддержку транзакций (взаимодействие базы данных с управляющим приложением).

Для обеспечения доступа к данным Microsoft SQL Server поддерживает Open Database Connectivity (ODBC) - интерфейс взаимодействия приложений с СУБД. Версия SQL Server 2005 обеспечивает возможность подключения пользователей через веб-сервисы, использующие протокол SOAP. Это позволяет клиентским программам, не предназначенным для Windows, кроссплатформенно соединяться с SQL Server. Компания Microsoft также выпустила сертифицированный драйвер JDBC, позволяющий приложениям под управлением Java (таким как BEA и IBM WebSphere) соединяться с Microsoft SQL Server 2000 и 2005.

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

PostgreSQL - свободная объектно-реляционная система управления базами данных (СУБД).базируется на языке SQL и поддерживает многие из возможностей стандарта SQL: 2003.

Сильными сторонами PostgreSQL считаются:

поддержка БД практически неограниченного размера;

мощные и надёжные механизмы транзакций и репликации;

расширяемая система встроенных языков программирования: в стандартной поставке поддерживаются PL/pgSQL, PL/Perl, PL/Python и PL/Tcl; дополнительно можно использовать PL/Java, PL/PHP, PL/Py, PL/R, PL/Ruby, PL/Scheme и PL/sh, а также имеется поддержка загрузки C-совместимых модулей;

наследование;

легкая расширяемость.

Функции являются блоками кода, исполняемыми на сервере, а не на клиенте БД. Хотя они могут писаться на чистом SQL, реализация дополнительной логики, например, условных переходов и циклов, выходит за рамки собственно SQL и требует использования некоторых языковых расширений.

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

1.3Анализ методов продвижения Web-сайтов

Для улучшения позиций сайта необходима оптимизация и продвижение сайта <#"justify">1.Сделать анализ поисковых запросов, отвечающих теме сайта, для составления списка ключевых слов, затем оптимизировать код сайта на предмет дружелюбности к поисковым системам, проставить на страницах ключевые слова keywords, description , заголовки страниц title, выделить теги заголовка h1, по возможности прописать комментарии alt к картинкам и title к ссылкам. Выделить тегами <strong></strong> важные ключевые слова в тексте, оптимизировать код сайта.

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

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

.В файле .htaccess настраивается работа сайта, чтобы ссылки имели удобный для поисковиков вид.

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

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

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

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

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

.Постоянно улучшать методы продвижения и оптимизации и искать новые возможности раскрутки ресурса.

Предположительные результаты: Минимальный срок продвижения 3 месяца, видимых результатов от бесплатных поисковых методов продвижения сайта можно достичь только через 3-6 месяцев. За 2 недели без капитальных вложений поднять посещаемость со 100 человек до 1000 невозможно.

Плюсы поисковой оптимизации:

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

Можно легко выйти в топ по определенным поисковым запросам.

Данных метод подходит для всех сайтов и всех товаров.

Минусы поисковой оптимизации:

Поисковики регулярно меняют алгоритм ранжирования, и влиять на позицию сайта невозможно.

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

При очень популярных запросах и сильных конкурентах выйти в топ сложно.

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

Поисковая реклама - это объявления, которые отображаются в поисковиках на странице с результатами поиска.

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

Контекстные показы - просмотр целевым зрителем графического/текстового рекламного баннера (т.е. только просмотр, а не переход по ссылке).

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

Реклама на проектах Яндекса

Системы AdWords от Google

Плюсы контекстной рекламы:

Очень быстрая отдача.

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

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

Результативность такой рекламы гораздо выше, чем традиционной рекламы в Интернете.

Минусы контекстной рекламы:

В долгосрочной перспективе намного дороже, чем продвижение сайта

Эффективна не для всех сайтов и не для всех товаров

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

Многие пользователи устали от огромного количества баннеров и контекстной рекламы.

Эффект прекращается, как только Вы перестали платить

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

2.Проектирование Web-сайта в области коммунального хозяйства

.1 Сравнительный обзор web-сайтов в предметной области

В анализе будут участвовать сайты: ГУП «ЖРЭО Советского района г. Минска», КУП ЖРЭО г. Новополоцка, Департамент ЖКХ и Б г. Москвы <#"justify">Концепция и реализация дизайна.

Техническая часть сайта.

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

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

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

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

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

ГУП «ЖРЭО Советского района г. Минска»

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

Рисунок 2.1 - ГУП «ЖРЭО Советского района г. Минска»

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

КУП ЖРЭО г. Новополоцка

Запоминающийся дизайн, сайт отличает предельно простая графика и качественно оформленная текстовая информация. Оригинальная графическая навигация и достаточно технологичная. Легко найти ссылку на главную страницу (через логотип).

Рисунок 2.2 - КУП ЖРЭО г. Новополоцка

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

Департамент ЖКХ и Б г. Москвы <#"301" src="doc_zip6.jpg" />

Рисунок 2.3 - Департамент ЖКХ и Б г. Москвы <#"justify">Главная информация расположена в центре, а по бокам выбирается раздел для просмотра. Информационная структура и навигационные элементы универсальны, что позволяют быстро получить нужную информацию. Информация удобно структурирована. На сайте почти нет графики, что не отвлекает от поиска информации. Понятные текстовые ссылки есть в боковых колонках страницы сайта.

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

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

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

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

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

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

Линейная структура сайта не подходит для сайтов с большим объемом информации. Для более удобного представления больших объемов информации используются другие модели логической структуры, например, «решетка».

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

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

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

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

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

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

Если модель организации сайта выбрана верно, а логическая структура сайта соответствует потребностям посетителей, то юзабилити <#"justify">2.3 Разработка графического дизайна

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

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

Разработка привлекательных рекламных материалов основывается на 3-х составляющих:

создание композиции

выбор шрифтов

цветовое решение

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

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

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

Сайт разрабатывался с учетом достоинств и недостатков проанализированных выше сайтов.

Для графического представления предметной области были использованы стандартные средства WordPress. Для оформления был выбран стандартный шаблон.

Рисунок 2.4 - Главная страница УП «Жилье»

3.Разработка Web-сайта в области коммунального хозяйства

.1 Основные функциональные возможности

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

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

Есть несколько основных разделов, обязательных для сайта-визитки:

главная страница;

новости компании или новостная лента;

страница с контактами компании;

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

Чтобы web-сайт качественно представил компанию, ее товары или услуги, всю эту информацию нужно разместить на 5-12 страницах ресурса.
Кроме основных модулей, иногда на сайте-визитке нужны дополнительные модули и/или сервисы, которые расширяют спектр возможностей этого типа сайтов. Это могут быть:
схема проезда к офису компании;

страницы с информацией для потенциальных партнеров;

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

гостевая книга или лента с отзывами клиентов;

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

реализация мультиязыкового ресурса;

форма отправки сообщений с сайта-визитки;

другие сервисы или модули.

3.2 Инструменты разработки и используемые компоненты

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

WordPress - одна из самых популярных в мире информационных систем для обеспечения и организации процесса создания, редактирования и управления содержимым ( CMS ). Она предоставляет все необходимые функции для создания блога, новостного сайта. Эта современная платформа сориентирована на удобство использования, сетевые стандарты и, естественно, эстетическую привлекательность. WordPress <#"justify">

Рисунок 3.1 - Консоль CMS Wordpress

разрабатывался как высокопрофессиональный серверный пакет инструментов. VertrigoServ состоит из Apache (HTTP веб-сервер), PHP (язык веб-программирования), MySQL (многопоточная, многопользовательская система управления базой данных SQL), SQLite (ACID-совместимая система управления базами данных), SQLiteManager (многоязычный инструмент для управления базами данных SQLite), PhpMyAdmin (инструмент, написанный на PHP предназначенный для администрирования MySQL), и Zend Optimizer (увеличивает производительность работы до 40%).помощью удобного инсталлятора "всё-в-одном" все компоненты устанавливаются в одну директорию и работают сразу же после того как установка закончена. Деинсталлятор позволяет удобно удалять Vertrigo Serv с жесткого диска. Всё это спроектировано так, чтобы занимать как можно меньше места и быть максимально гибким, поэтому отлично подходит для распространения по сети Интернет. VertrigoServ хорош как для начинающих так и для более опытных пользователей.

Рисунок 3.2 - Главная страница VertrigoServ

Основные функции локального веб-сервера VertrigoServ:

небольшой размер (LZMA сжатие);

очень простой в установке и использовании;

не требует настройки и ручной установки;

совместим со всеми основными версиями Windows;

полностью бесплатен для любого использования.

3.3 Мероприятия по продвижению сайта

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

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

Сайт-визитка - это облегченная версия корпоративного сайта для небольших компаний или частных предпринимателей, потому что позволить его могут себе даже компании с небольшим рекламным бюджетом. Именно поэтому продвижение и раскрутка <#"justify">Заключение

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

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

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

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1.MySQL [Электронный ресурс]. - 2011. - Режим доступа: #"justify">2.Средства создания сайтов [Электронный ресурс]. - 2011. - Режим доступа: #"justify">3.MySQL [Электронный ресурс]. - 2010. - Режим доступа: #"justify">4.PostgresSQL [Электронный ресурс]. - 2010. - Режим доступа: #"justify">5.Microsoft SQL Server [Электронный ресурс]. - 2010. - Режим доступа: #"justify">6.Joomla [Электронный ресурс]. - 2010. - Режим доступа: #"justify">7.Drupal [Электронный ресурс]. - 2010. - Режим доступа: #"justify">.Языки программирования web-сайтов [Электронный ресурс]. - 2010. - Режим доступа: #"justify">.Все для создания сайтов [Электронный ресурс]. - 2010. - Режим доступа: #"justify">Приложение 1

Листинг сайта «УП Жилье ЖЭУ-2»

Рисунок П.1.1 - Главная страница

Рисунок П.1.2 - Раздел Новости

Рисунок П.1.3 - Типовая страница

Приложение 2

Исходный код страниц

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "#"justify"><html xmlns="#"justify"><head profile="#"justify"><meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Архив сайта <?php } ?> <?php wp_title(); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/print.css" type="text/css" media="print" />

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />

<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />

<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php wp_get_archives('type=monthly&format=link'); ?>

<?php wp_head(); ?>

<!--[if IE ]>

<link type="text/css" rel="stylesheet" media="screen" href="<?php bloginfo('template_directory'); ?>/ie.css" />

<![endif]-->

</head>

<body>

<div id="root">

<div id="header">

<ul>

<?php wp_nav_menu('menu=menu1&amp;menu_class=header'); ?>

</ul>

<form action="<?php bloginfo('home'); ?>/" id="searchform"><div>

<div id="heading">

<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>

<div>

</div><div id="about">

<?php include (TEMPLATEPATH . '/about_text.txt'); /* Open about_text.txt in the theme folder to edit this text */?></div>

</div><!--#header-->

<div id="main">

Рисунок П.2.1 - header.php

<?php get_header(); ?>

<?php get_sidebar(); ?>

<div id="main-block">

<div id="content">

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<div>

<div>

<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Постоянная ссылка: <?php the_title(); ?>"><?php the_title(); ?></a></h2>

</div>

<div>

<?php the_content('Читать полностью &raquo;'); ?>

</div>

</div>

<?php endwhile; ?>

<p><?php next_posts_link('&laquo; Предыдущая страница') ?> <?php previous_posts_link('Следующая страница &raquo;') ?></p>

<?php else : ?>

<h2>

<p>

<?php endif; ?>

</div>

<?php get_footer(); ?>

Рисунок П.2.2 - page.php

<?php get_header(); ?>

<?php get_sidebar(); ?>

<div id="main-block">

<div>

<div id="content">

<?php if (have_posts()) : ?>

<ul>

<?php while (have_posts()) : the_post(); ?>

<li>

<div>

<div>

<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Постоянная ссылка: <?php the_title(); ?>"><?php the_title(); ?></a></h2>

</div>

<div>

<span>

</div>

<div>

<?php the_content('Читать полностью &raquo;'); ?>

</div>

<?php the_tags( '<p>Метки: ', ', ', '</p>'); ?>

</li>

<?php endwhile; ?>

</ul>

<div><h2>Другие новости</h2></div>

<?php get_related_posts_thumbnails(); ?>

<?php else : ?>

<h3>

<p>

<?php endif; ?>

</div><!--#content-->

</div><!--.left-line-->

<?php get_footer(); ?>

Рисунок П.2.3 - single.php

<div id="footer">

<span>

<a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Синдикация через RSS'); ?>">

<a href="<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('Комментарии ко всем записям через RSS'); ?>">

</span>

</div><!--#footer-->

<!--#do not delete this part#-->

</div><!--#main-block-->

</div><!--#main-->

</div><!--#root-->

<?php wp_footer(); ?>

</body>

</html>

Рисунок П.2.4 - footer.php

Оглавление ВВЕДЕНИЕ .МЕТОДЫ РАЗРАБОТКИ И ПРОДВИЖЕНИЯ WEB-САЙТОВ .1АНАЛИЗ СРЕДСТВ ДЛЯ СОЗДАНИЯ WEB-САЙТОВ (ЯЗЫКИ ПРОГРАММИРОВАНИЯ, ФРЕЙМВОРКИ, CMS)C

Больше работ по теме: