Разработка интернет-магазина компьютерной техники

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

ОЧУВО «МЕЖДУНАРОДНЫЙ ИННОВАЦИОННЫЙ УНИВЕРСИТЕТ»

ФАКУЛЬТЕТ ЭКОНОМИКИ И СОЦИАЛЬНО-ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ

КАФЕДРА ИНФОРМАТИКИ И ТЕХНИЧЕСКИХ ДИСЦИПЛИН

КУРСОВАЯ работа

РАЗРАБОТКА ИНТЕРНЕТ-МАГАЗИНА КОМПЬЮТЕРНОЙ ТЕХНИКИ

Исполнитель:

Колиниченко Михаил Борисович

бакалавр 4 курса очной формы обучения

«Прикладная информатика»

Научный руководитель:

кандидат технических наук, доцент

Гринюк Ольга Николаевна

Сочи

2016



Оглавление

Введение

1. Основные положения и терминология по созданию сайта

1.1 Основная терминология сайта

1.2 Виды сайтов

1.2.1 Сайт визитка

1.2.2 Промо-сайт

1.2.3 Корпоративный сайт

1.2.4 Интернет-магазин

1.2.5 Информационный портал

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

1.4 Существующее программное обеспечение для создания сайта

1.4.1 Adobe Dreamweaver

1.4.2 CMS Joomla

1.4.3 Онлайн-конструкторы

1.4.4 Notepad++

1.4.5 FrontPage

Заключение

Список использованных источников



Введение

Сайт (веб-сайт англ. website, от web -- паутина, «веб» и site -- «место») - это место во всемирной сети (интернете), которое имеет свой адрес, собственного хозяина и состоит из отдельных веб-страниц, которые мы видим, как одно целое.

Глобальная сеть состоит из всех сайтов, доступных для общего пользования. Все странички каждого сайта объединяются одним корневым адресом (то, что мы набираем в адресной строке браузера), тематикой, системой и дизайном. Каждая страница веб-сайта -- это текстовый документ, который написан на языке программирования (HTML, XHTML, JAVA или другие). Эти текстовые файлы загружаются на ваш компьютер, обрабатываются браузером и отображаются на мониторе компьютера в виде страницы сайта. Язык программирования позволяет редактировать текст странички, добавлять ссылки, вставлять картинки, звуковые и видео файлы. Страницы сайтов могут быть как простыми наборами информации - тексты и картинки, так и сложными, с огромным количеством функций, которые управляются различными программами.

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

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

Самый первый сайт в мире был создан в 1991 году 6 августа. Автором сайта был Тим Бернерс-Ли. Первой информацией, опубликованной на этом сайте, было описание новой технологии World Wide Web.

В наше время сайт может являться визитной карточкой предприятия, фирмы, вашим портфолио. Также существуют Интернет-магазины, файлообменники, социальные сети (такие как vkontakte.ru, odnoklassniki.ru), онлайн-сервисы. С помощью сайта можно распространять информацию, быстро её корректировать, таким образом люди, посетившие ваш сайт, будут обладать самыми последними данными. При помощи сайта вы имеете возможность донести огромное количество информации до людей. Никакой другой масс-медиа не способен дать такого ошеломляющего эффекта. В газете вы ограничены количеством символов и местом для печати, рекламу на радио можно не расслышать или неправильно записать\запомнить информацию. Только имея собственный сайт вы не ограничены и можете разместить любое желаемое количество информации. Сайт же доступен 24 часа в сутки 7 дней в неделю, поэтому все желающие могут получить к нему доступ. Наиважнейшая задача сайта - доносить информацию до пользователей и потенциальных клиентов. В последнее время всё больше и больше людей пользуются интернетом, читают новости, общаются и работают в интернете. Поэтому телефонная связь, газеты, телевидение отходят на второй план. Огромное количество людей ищет всю нужную им информацию в сети. Поэтому имея свой сайт, вы будете ближе к потребителям.

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

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

Исходя из поставленной цели, были определены задачи:

изучение существующих информационных веб-сайтов;

обоснование необходимости создания данного веб-ресурса;

проведение анализа и выбор интернет-технологий для разработки веб-сайта



1. Основные положения и терминология по созданию сайта

1.1 Основная терминология сайта

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

Браузер - программное обеспечение для просмотра веб-сайтов.

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

Веб-страница - одна страница сайта.

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

Движок сайта - см. Система управления сайтом.

Домен - зона в системе доменных имен, выделяемая, стране, области, группе организаций, конкретной организации или лицу и т.д. Примеры доменов верхнего уровня: соm, ua, ru, ogr.

Доменное имя - символьное обозначение Вашего сайта в Интернете. При формировании доменного имени учитываются домены всех уровней. Например, в имени sitehigh.сom.ua: ua - домен 1-го уровня, com - 2-го, sitehigh - 3-го.

Контент - информационное наполнение сайта (текст, изображение, видео и т.д.)

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

Поисковая оптимизация сайта (англ. Search Engine Optimization - SEO) - комплекс мероприятий, направленный на повышение позиций Вашего сайта в поисковых системах по нужным Вам запросам.

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

Сайт(веб-сайт) - совокупность веб-страниц.

Семантический HTML-код - правильное, логическое использование кода, что в дальнейшем улучшает читабельность страниц сайта поисковиками

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

Система управления сайтом(CMS) - программный модуль для управления контентом веб-сайта. Для работы в системе от пользователя не требуется владения навыками программирования.

Форма обратной связи на сайте дает возможность отправить информацию или запрос владельцу (администратору) сайта.

Хостинг - услуга по размещению вашего сайта в Интернете (дом для Вашего сайта).

Электронная почта (e-mail) - технология пересылки и получения электронных сообщений (называемых «электронные письма») по сети Интернет.

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

HTML - язык разметки, с помощью которого формируется структура веб-страницы.

WWW - технология, лежащая в основе работы Интернета.

1.2 Виды сайтов

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

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

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

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

1.2.1 Сайт визитка

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

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

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

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

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

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

Рисунок 1 - сайт визитка

1.2.2 Промо-сайт

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

Часто промо-сайт создается на время проведения рекламной кампании, акции. Он содержит всю необходимую информацию о проходящем мероприятии: условия, сроки, место проведения, новости, on-line конференции, анонсы событий и другие сведения.

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

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

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

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

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

Рисунок 2 - промо сайт

1.2.3 Корпоративный сайт

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

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

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

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

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

Корпоративный сайт решает множество задач:

- поиск новых клиентов и партнеров;

- формирование корпоративного имиджа;

- поиск новых сотрудников компании;

- удобная и оперативная связь с клиентами и партнерами.

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

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

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

Рисунок 3 - корпоративный сайт

1.2.4 Интернет-магазин

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Техническая реализация интернет-магазина определяется интенсивностью продаж и разнообразием ассортимента.

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

Рисунок 4 - форма заказа.

1.2.5 Информационный портал

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

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

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

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

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

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

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

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

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

Рисунок 5 - информационный портал.

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

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

-какие задачи возлагаются на сайт

-на каких посетителей веб-сайт рассчитан

-какую информацию нужно до них донести

-какую функциональность стоит заложить в свой веб-сайт

-кто и как будет поддерживать нормальное функционирование

сайта обновление информации

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

-анализ задач, которые должен решать сайт, определение целевой аудитории,

-регистрация доменного имени сайта

-планирование структуры будущего сайта (разделы, навигация и т.д.)

-разработка дизайна сайта (как правило, от 1 до 3 эскизов)

-верстка разработанного макета

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

-наполнение сайта текстами и изображениями, файлами и др. (наполнение контентом).

-тестирование сайта на соответствие техническому заданию и

выкладывание готового проекта в интернет,

хостинг сайта,

-поисковая оптимизация (продвижение) сайта

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

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

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

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

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

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

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

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

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

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

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

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

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

-выкладывать новые материалы

-продвигать сайт в интернете

-опрашивать посетителей и добавлять новую необходимую им функциональность

Это не всегда просто, но оно того стоит - сайт это один из наиболее эффективных инструментов в современном бизнесе.

1.4 Существующее программное обеспечение для создания сайта

1.4.1 Adobe Dreamweaver

Adobe Dreamweaver - это HTML-редактор от компании Adobe, который на сегодняшний день очень известный. Первая его версия была выпущена в 1997 году и на сегодняшний день существует уже 16-ая версия.

Самая основная особенность этого редактора - поддержка режима WYSIWYG. Это только название такое страшное, потому что обозначает аббревиатуру, расшифровать которую можно так: What You See Is What You Get. А вот значение этого режима в переводе означает «что ты видишь, то и получишь».

Что же, по сути, это означает? А это означает, что если вы делали исправления на html-страничке, и хотите увидеть полученный результат, то вам уже не нужно заново открывать страничку или обновлять окно браузера, потому что на все изменения можно посмотреть в самом редакторе Dreamweaver и непосредственно в режиме правки кода. Это очень удобно и к тому же позволяет сэкономить массу времени, особенно при разработке сложных веб-сайтов.

Но это не единственное преимущество Dreamweaver Программа предоставляет полный набор возможностей, чтобы помочь создать собственный сайт. Работать можно, начиная с дизайна, оформления, и заканчивая рабой с кодом, скриптами, плагинами и т.д (рисунок 6 - Dreamweaver).



Рисунок 6 - Dreamweaver.

Dreamweaver полностью поддерживает HTML5, а это дает новые возможности в использовании онлайн-видео, анимации, что, в свою очередь, придаст уникальность любому сайту.

К программе подсоединен jQuery - это значит, что пользователь с легкостью может использовать Java-скрипты при создании веб-странички.

Для начинающих Dreamweaver - просто находка! При создании первых сайтов он способен значительно облегчить обучение. Есть сервис подсказок и приличное количество шаблонов, элементов оформления, скриптов - с помощью всего этого легко, как говорится, «набить руку». Очень простые странички не заберут у пользователя много времени и сил.

Опытные веб-мастера, используя Dreamweaver, имеют значительно больше возможностей. Например, можно использовать CSS3, разрабатывать страницы под разные операционные системы (iOS и Android) и приложения. Есть уникальная панель «Многоэкранный просмотр», с помощью которой возможно оптимизировать сайт под самые разные устройства, не зависимо от размеров их экранов (вплоть до мобильных телефонов) и при этом ваш сайт будет выглядеть так, как вы хотите, как вам нужно.

Немаловажно также и то, что Dreamweaver поддерживает известные движки, такие как WordPress и Joomla. Изменения можно вносить непосредственно в код сайта, что улучшает оптимизацию.

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

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

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

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

- панели свойств - наилучший инструмент для скорого создания ссылок, нумерованных и ненумерованных списков, выделения шрифта курсивом и полужирным;

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

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

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

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

Поддерживаемые форматы файлов: .htm, .html,. shtm, .shtml, .stm, .ssi, .inc, js, .xml, .xsd,.xsl, .xslt, .dtd, .rss, .lbi, .dwt, .css, .asp, .asa, .aspx, .aspcx, .asmx, .cs, .vb, .config, .master, .ctm, .ctml, .cfc, .as, .asc, .asr, .txt, .php, .lasso, .jsp, .jst, .jsf, .tld, .java, .wml, .edml, .vbs, .vtm, .vtml.

Стоимость данного программного обеспечения составляет:

По состоянию на февраль 2012 кроме возможностей оплатить полностью всю стоимость (Full -- $399.00), обновить ($119.00), существует оплата через подписку (помесячно -- $29.00 в месяц, за год -- из расчёта $19.00 в месяц) (рисунок 7 - главная страница).

Рисунок 7 - главная страница

1.4.2 CMS Joomla

Название Joomla появилось сравнительно недавно. Сегодня так называется популярная система управления содержимым (CMS), она написана на PHP- и JavaScript-языках, а хранилищем баз данных ей служат MySQL и MsSQL. Это приложение свободно распространяется по интернету, поэтому найти его достаточно просто (рисунок 8 - Joomla).



Рисунок 8 - Joomla

Такое необычное название образовалось после того, как разработчики провели конкурс. Основой ему служит слово «Jumla», на суахили оно имеет значение «все вместе». Сложно в это поверить, но маркетологи, оценивавшие результаты запроса, посчитали, что именно так можно охарактеризовать общие стремления всех команд, принявших участие в проекте Mambo CMS. Считается, что проект достиг успеха именно из-за желания защитить интересы создателей и сообщества.

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

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

Рейтинг CMS на 2014 год

Рисунок 9 - рейтинг CMS

Здесь удобно тренироваться, создавая малые сайты для небольших предприятий. Позже, подняв уровень, здесь можно создать полноценный Интернет-ресурс для крупных корпоративных предприятий или даже запустить новое интернет-сообщество. Кроме того, эта система является бесплатной. Распространение производится под лицензией GNU/General Public License v 2.0. Такая открытость также значительно повышает популярность - многие не желают становиться зависимыми от систем, которые требуют постоянной платы, иногда даже просто за внесение незначительных изменений в конфигурации своего Интернет-ресурса.

Более того, Joomla CMS разработана таким образом, чтобы вместе с ней можно было свободно применять и другие системы с общедоступным исходным кодом, например, PHP или Apache. Последняя версия данной системы - Joomla 3, однако разработчики не бросили и устаревшую версию 2,5, обеспечивая ей долгосрочную техническую поддержку. Версия 3 рассматривается разработчиками как выход на принципиально новый уровень в сфере Интернет-технологий.

Все нужные расширения для Joomla (это как плагины для WordPress) можно скачать на сайте extensions.joomla.org. Практически каждый день там появляются новые разработки, поэтому вы найдете все, что душа пожелает. Подробные описания и примеры помогут вам быстрее разобраться с установкой и работой того или иного расширения. Но главное в этой CMS -- понятный и довольно простой интерфейс пользователя. Новичок, мало что понимающий в этом конструкторе, может сам установить и настроить свой сайт на Joomla. Перечень удобств, достоинств и преимуществ этого движка можно продолжать еще долго, но он будет слишком длинным. Проще самому установить Joomla на сайт, и начать пользоваться им.

На этой CMS можно буквально творить чудеса. Просто приведу несколько примеров компонентов, и вы поймете о Joomla немного больше.

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

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

Компонент для организации на сайте гостевой книги Phoca Guestbook - улучшенный бесплатный компонент гостевой книги для Joomla под названием Phoca Guestbook 1.4.3. В этой версии вызовы функций eregi чешский разработчик Jan Pavelka заменил на preg_match. Это улучшило совместимость функционала с PHP 5.4, также появился новый параметр -- суффикс, который выполняет функции изменения имени сессии CAPTCHA.

Компонент для создания PDF-документов из контента Phoca PDF - тот же Jan Pavelka опубликовал новую версию компонента Phoca PDF 1.0.8. В основе этого функционала лежит некоммерческая библиотека TCPDF, компонент может создавать PDF-файлы из контента сайта на Joomla. Библиотека TCPDF в новом компоненте обновилась до версии 5.9.009, и теперь Phoca PDF имеет возможность работать с плагином Phoca PDF VirtueMart.

Компонент для создания галереи XGallery - компонент для создания галереи изображений для сайтов на Joomla под названием XGallery 1.9.2. В результате работы компонент теперь для главного названия использует название рубрики на сайте. Это качественно улучшает SEO-показатели галереи. Добавилась функция для визуального отображения дескрипшена. Для того, чтобы ее включить, необходимо добавить небольшое описание для основной рубрики -- ID=1.

Компонент управления базами данных Art Adminer - компонент Art Adminer 1.0.1 -- простой и удобный инструмент для работы с БД сайта. Это расширение -- аналог всем известного веб-приложения phpMyAdmin, но отличается тем, что с его помощью можно заходить в базу данных прямо из панели администратора сайта. Это действительно удобно - не нужно заходить на хостинг, затем в phpMyAdmin, и т.д. Можно подключаться в автоматическом режиме и работать со всеми имеющимися базами данных.

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

Компонент Feed Gator -- агрегатор новостей для сайта - бесплатный компонент-агрегатор новостей версии Feed Gator 2.3 RC1 уже готов к использованию. Это расширение может импортировать содержимое RSS-лент ваших подписок и отображать на сайте в любом доступном для Joomla формате. Ранние beta-версии имели несколько серьезных ошибок, которые в новом выпуске исправлены, добавлено несколько новых возможностей. Версия Feed Gator 2.3 RC1 работает стабильно, поэтому и рекомендована к бесплатному использованию.

Узконаправленный компонент Ticketmaster - для заказа билетов на мероприятия - компонент Ticketmaster 1.0.9 создан на коммерческой основе. Так сделано потому, что это узкоспециализированное расширение выполняет следующие функции: оно позволяет пользователю заказывать на вашем сайте билеты на разные мероприятия. Билет добавляется в корзину, а затем в PDF формате высылается на адрес заказчика. Ticketmaster имеет свои собственные библиотеки для работы с PDF файлами. В этой версии исправлены предыдущие ошибки, добавился планировщик для автоматического создания билетов и их отсылки пользователю.

Компонент для загрузки файлов в материалы сайта Attachments for content articles - бесплатный компонент версии Attachments for content articles 2.1.2 также уже доступен в сети. Компонент загружает файл и присоединяет его к тексту или к другому контенту на сайте (к изображению, таблице, к другим файлам). Эту функцию можно организовать как в административной части, так и в пользовательском интерфейсе. Возможностей у расширения много, и ознакомиться со всеми можно на официальном сайте Joomla или на сайте разработчика.

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

1.4.3 Онлайн-конструкторы

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

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

Они просты в использовании. Всё делается пошагово и легко. Вам не придётся возиться со сложными кодами HTML и FTP.

Разделение дизайнерской и текстовой частей: макет хранится отдельно от текста. Захотите сменить дизайн - без проблем, несколько кликов и всё готово!

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

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

Богатый набор дизайнерских шаблонов на любой вкус.

Оперативная публикация страниц. Изменения отображаются сразу же после их внесения.

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

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

Рисунок 10 - wix

К преимуществам относятся:

Огромное количество качественных и разнообразных шаблонов (более 1000);

Возможность создания собственного уникального шаблона;

Мощный редактор сайта;

Наряду с HTML5 есть возможность создания сайтов на flash;

Поддержка функции Drag & Drop;

Очень гибкие и разнообразные настройки;

Сайты на Wix хорошо индексируются поисковыми системами;

Русифицированный, понятный и приятный на вид интерфейс;

Возможность создания мобильной версии ресурса и страниц для социальной сети Facebook (имеется богатый выбор шаблонов);

Довольно отзывчивая техподдержка;

В разделе "Вакансии" можно найти работу опытному дизайнеру или программисту;

Достаточно выгодное соотношение цена/качество при переходе на платный пакет.

Возможность переноса сайта на свой хостинг, но при условии покупки Премиум-аккаунта.

Подарок новым пользователям в виде рекламы в Яндекс.Директ при покупке Премиум-аккаунта;

Недостатки:

Недостаточно запоминающийся адрес страницы в бесплатной версии, имеет вид Вашwixлогин.wix.com/название сайта;

Реклама в нижнем левом углу, которую можно убрать, лишь оплатив платный пакет;

Итак, Wix - шикарный конструктор с большими возможностями по оформлению сайта и очень лояльными условиями. Мы подробно описали как на Wix создать сайт, запустить свой интернет-магазин и сделать целевую страницу (landing page).

A5 - сервис является аналогом западного Wix. Функционал практически полностью совпадает, работа по созданию сайта происходит как в HTML5-редакторе, так и во флэш (рисунок 11 - a5).



Рисунок 11 - a5

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

Удобный редактор сайта;

Возможность создания собственного уникального шаблона;

150Mb дискового пространства и неограниченное кол-во страниц;

Наряду с HTML5 есть возможность создания сайтов на flash;

Отзывчивая служба поддержки;

Большое кол-во шаблонов (около 300);

Несложный интерфейс плюс наличие качественных видео-уроков по его использованию.

Отличное соотношение цена/качество при переходе на платный пакет.

Недостатки:

Незапоминающийся цифровой домен 3го уровня, вида 2834234.mya5.ru, в бесплатной версии;

Присутствует реклама конструктора в верхнем правом углу и липкие копирайта в бесплатном пакете.

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

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

Рисунок 12 - uKit

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

Обширный функционал;

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