Разработка сайта

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

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык русский
Дата добавления 17.02.2019
Размер файла 1,1 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

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

Разработка сайта

Введение

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

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

Миссия создания проекта: «Быстро и безопасно принимать у потребителей и эффективно обезвреживать опасные отходы производства и потребления».

Цель-обеспечение информационного присутствия компании «экомобиль» в сети Интернет и предоставление информации о действующих услугах компании.

Объектом исследования является сайт.

Предметом исследования является: сбор вторсырья с использованием экомобилей.

Задачи по созданию сайта:

- проведение анализа сравнения CMS;

- выбор CMSдля осуществления проекта;

- поиск и корректировка информации для сайта;

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

Задачи проекта:

- краткое описание проблемы экологии в г. Омске;

- описание проекта;

- создание маршрута;

- определение времени сбора опасных отходов.

1. Описание проекта

1.1 Актуальность проекта

При решении задач реализации проекта необходимо учесть основные этапы. Важнейшим этапом является сбор ключевой информации изинтернет источников таких как: «Экология и право» [10], «Проблемы экологии Омска и Омской области»[8] и т.д. Правовые источники: Федеральный закон от 24.06.1998 N 89-ФЗ (ред. от 29.12.2014) «Об отходах производства и потребления» [9].

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

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

Регулярно проводится заседание «круглого стола» с участием руководителей экологических общественных организаций и представителей власти, где обсуждаются экологические проблемы Омска и Омской области, основные из них являются:

- расположение аэропорта в черте г. Омска;

-вырубка городских скверов и парков;

-проблема водных ресурсов, а именно р. Иртыш и малых рек;

-несоответствие нормативным требованиям качества питьевой воды;

-проблемы со сбором опасных отходов;

-проблема утилизации опасных отходов;

-отсутствие в городе завода по переработке мусора;

-опасность подтопления домов и другие [8].

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

Среди жителей г.Омска был проведен уличный опрос на тему сбора и переработке мусора:

Здравствуйте! Мы проводим экспресс- опрос жителей г.Омск, посвященный сбору и переработке мусора. Уделите, пожалуйста, 2-3 минуты. Ваше мнение очень важно для нас!

1.Как вы считаете, существует ли проблема с сортировкой и сбором вторсырья?

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

3.Будете ли вы собирать и сдавать опасные отходы, если к вам будет приезжать приемный пункт?

4.Сколько вам лет?

5. В какой половине дня вам было бы удобнее сдавать вторсырье?

Спасибо за уделенное время! Вы нам очень помогли.

Результаты опроса:

Всего опрошено 137 человек, в 5 районах г.Омска: Кировский, Ленинский, Октябрьский, Советский, Центральный. Результаты опросов представлены на рисунках 1-3.

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

Рисунок1 - Результаты опроса жителей г.Омск

Рисунок2 - Результаты опроса жителей г.Омск

Рисунок 3 - Результаты опроса жителей г.Омск

1.2 Цели и задачи проекта

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

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

2. Выбор средств разработки

Для реализации поставленных задач была создана диаграмма Ганта в которой отражены: задачи, сроки исполнения, ответственные за исполнение а так же предшествующие задачи (рисунки 4 -5).

Рисунок 4 - Диаграмма Ганта

Рисунок 5 - Диаграмма Ганта

Аббревиатура CMS расшифровывается как «Content Management Software» («программное обеспечение для управления содержимым»). В нашей стране принято последнюю букву «S» расшифровывать как «System», а по-русски это обычно звучит как «Система управления контентом». Иногда употребляется более простое название -«движок сайта».

CMS- это специальная программа, которая устанавливается на хостинг-площадке и которая выполняет две основные функции [4].

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

Был проведен анализ 11 систем CMS, выявлены достоинства и недостатки (таблица 1).

Таблица 1- Системы СMS

Сиситемы CMS

Достоинства

Недостатки

Joomla (Джумла)

написана на РНР и использует базу данных MySQL. Это полноценная CMS, а не заточенная под определенные задачи блог-система. Имеет понятную для новичка панель администрирования. Joomla имеет большие возможности, имеет менеджеры архивов, поиска, почтовых рассылок, шаблонов и редактор текста. Особо хочу отметить обилие различных форумов, сайтов и документации на русском языке. Имеется множество модулей, плагинов и расширений для Джумлы, позволяюшие делать на ее основе различные сайты: от простого сайта-визитки до интернет-магазина.

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

Drupal (Друпал)

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

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

Достаточно сложная для начинающих пользователей.

Малое количество качественных тем;

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

Бесплатно

Wordpress (Вордпресс)

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

К недостаткам можно отнести несвоевременное обновление русских версий, что очень важно для обеспечения безопасности CMS. Может медленно работать и давать сбои при большой посещаемости, поэтому не подойдет для создания больших порталов.

Modx (модекс) -

универсальная CMS, использующая РНР и MySQL. В ней реализована поддержка ЧПУ, многоязычности контента, публичный форум, кэширование страниц, пакетную загрузку файлов и визуальный редактор. Эта CMS подойдет для создания любого сайта, у нее очень высокая функциональность, однако это сказывается на скорости работы.

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

LiveStreet

написанная на PHP блог-система. Как и Wordpress использует базу данных MySQL. Если Вы знаете РНР, то сможете создать с помощью этой CMS практически любой сайт. Обычно же применяется для создания блогов. Хочется отметить хорошую производительность и защищенность, поддержикускинов и дружественных URL.

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

SimpleMachinesForum

бесплатный форумный движок, написанный на РНР и использующий СУБД MySQL. Главное его достоинство - включенный в базовое наполнение менеджер пакетов. Это дает возможность администратору без изменения скриптов добавлять обновления и моды. Движек поддерживает 43 языка, а на официальном форуме можно найти бесплатную помощь по любым вопросам. Есть множество бесплатныхмодов, а для их хранения движок имеет базовый репозиторий.

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

PHP BulletingBoard (phpBB)

еще один форумный движок, написанный на языке PHP и использующий расличные базы данных - MySQL, MS Access, PostgreSQL, MS SQL Server, Oracle и другие СУБД. К плюсам можно отнести бесплатность и популярность, многоязычность, простоту интерфейса, наличие множества плагинов, расширений и пр. Он идеально подойдет для создания форума, при этом, не предъявляя больших требований к ресурсам.

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

Платно.

Cmsimple

простота установки, настройки, создания сайта и шаблонов на базе Cmsimple, визуальный редактор позволяет делать сайты полным чайникам, дешевый хостинг (нужен только PHP, СУБД не требуется), малый вес: до 100Kb, трехуровневая структура создаваемого сайта, наличие гостевой, почтовой формы, поиска, проверки на «битые» ссылки, печатный просмотр страниц, простое cозданиемультиязычных сайтов, простая и удобная админка, автоматическая «карта сайта», автоматический backup, множество готовых шаблонов и плагинов, наличие русской версии, русского сайта поддержки.

Недостатки: возможность сделать только одно динамическое меню.хранение контента в текстовом файле, а не в СУБД, поэтому при большом объеме текста на сайте (свыше 1000 страниц) и приличного потока посетителей (свыше 10 000 посетителей в день), система способна неплохо нагрузить сервер.

«OpenSourceЕCommerce» -

эта CMS применяется для создания интернет-магазинов. Использует РНР и MySQL, поэтому может быть развернута на любом сервере с их поддержкой. В CMS доступны поддержка SSL, управление каталогом, веб-статистикой, рекламой. Реализованы прием платежей, расчет стоимости пересылки и налогов. Поддерживает неограниченное количество добавляемых товаров. В интерфейсе можно настроить многоязычность, реализована поддержка расчетов в основных платежных системах (2CheckOut,, WebmoneyiPayment, PayPal, Authorize.Net, RuPay).

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

landingPages

-Качественные современные макеты

-Огромный функционал

-Не требует навыков создания сайтов (очень простой)

-Возможности CEO

-Интеграция с социальными сетями

-Приятный и понятный интерфейс

-Много обучающей информации на русском языке. Расписан каждый шаг

-Бесплатно

-Плохочитаемое доменное имя

-Ограниченный объем места для файлов (не более 500 Мб)

-Требует много оперативной памяти при редактировании шаблона (Firefox> 1500000 Мб)

OpenCart

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

-имеет открытый код

-очень активно развивается, постоянно выходят новые версии

-имеет огромное сообщество, как русскоязычное так и англоязычное

-имеет очень много модулей и тем, больше 10 тысяч. Есть платные, есть бесплатные.

-дешевые платные модули. В русском сообществе модуль в среднем стоит 200-250р, на оф. сайте 15-20$, что намного дешевле других движков, например PrestaShop, я уже молчу о Битрикс или Magento

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

-очень быстрый, магазин с 20-30 тыс. товаров сможет работать даже на дешевом шаред хостинге.

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

-Крайне редкие обновления

-Мизерная техническая поддержка. Даже на платных модулях.

-Минимальная базовая функциональность

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

3. Реализация сайта

3.1 Этапы разработки сайта

Рассмотрим самые основные этапы работ по разработке сайта и степень участия в проекте тех или иных специалистов[2].

Этапы разработки сайта:

Предпроектная подготовка:

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

Разработка технического задания:

Для создания сайта проекта был выбран конструктор сайтов Lpmotor.

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

Возможности платформы:

- визуальный редактор;

- перетаскивание объектов;

- наличие базы шаблонов;

- оповещение по SMSиEmail.

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

Разработка и согласование дизайна:

Дизайн-концепция сайта (креативный дизайн):

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

Технический дизайн:

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

Программная часть проекта:

Интеграция сайта с системой управления:

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

Программирование, запуск проекта:

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

Информационное наполнение сайта:

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

Тестирование сайта в Интернете:

Тестирование работоспособности сайта на наличие ошибок, тестирование html-страниц на корректность работы в различных браузерах (Netscape, Opera, Safari, Mozila, Google).

Сдача сайта в эксплуатацию:

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

3.2 Техническое задание

Предметом разработки является Интернет-сайт компании «Экомобиль», с системой динамического управления наполнением на базе веб-интерфейса.

Назначение сайта:

-предоставление информации о компании «Экомобиль»;

-предоставление информации о деятельности компании «Экомобиль»;

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

Назначение документа

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

Подпись Заказчика и Исполнителя на настоящем документе подтверждает их согласие с нижеследующими фактами и условиями:

1. Исполнитель подготовил и разработал настоящий документ, именуемый «Техническое Задание», который содержит перечень требований к выполняемым работам;

2. Заказчик согласен со всеми положениями настоящего Технического Задания;

3. Заказчик не вправе требовать от Исполнителя в рамках текущего Договора выполнения работ либо оказания услуг, прямо не описанных в настоящем «Техническом Задании»;

4. Исполнитель обязуется выполнить работы в объёме, указанном в настоящем «Техническом Задании»;

5. Заказчик не вправе требовать от Исполнителя соблюдения каких-либо форматов и стандартов, если это не указано в настоящем «Техническом Задании»;

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

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

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

Основные разделы сайта должны быть доступны с первой страницы.

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

В дизайне сайта не должны присутствовать:

- мелькающие баннеры;

- много сливающегося текста.

Порядок утверждения дизайн-концепции.

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

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

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

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

Дополнительные (третий и последующие) варианты разрабатываются Исполнителем за отдельную плату на основании дополнительных соглашений.

Требования к представлению сайта

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

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

информация о компании со ссылкой «подробнее», ведущей на раздел «О компании»;

Расписание маршрута;

Отзывы клиентов;

Вопросы /ответы;

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

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

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

Первоначальная структура сайта должна иметь следующий вид:Информация о компании (История компании, Наши координаты);

Расписание маршрута (таблица с подробным описанием даты, временем и местом);

Вопросы /Ответы (часто задаваемые вопросы с ответами на них);

Отзывы (отзывы реальных клиентов);

Общие требования к информационному наполнению:

В рамках работ по данному проекту Исполнитель обеспечивает наполнение разделов сайта предоставленными Заказчиком материалами.

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

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

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

Порядок предоставления информационного наполнения:

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

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

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

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

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

Передача материалов в объеме и формате, соответствующем настоящему ТЗ закрепляется подписанием Акта о передаче информационного наполнения.

Любые изменения информационного наполнения силами Исполнителя после подписания данного Акта допускаются только на основании отдельного соглашения за дополнительную плату.

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

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

Перед осуществлением переноса Заказчик обеспечивает удаленный shell-доступ к веб-серверу и доступ к базе данных сайта.

3.3Выбор хостинга и доменного имени

Сайт «Экомобиль»с доменным именем ecomobileomsk.lpmotortest.ru обеспечивает информационной наполняемостью жителей г.Омск.

Прежде всего хостинг делится на 2 основных вида: бесплатный и платный[12].

Бесплатный хостинг-рассчитан на очень маленькие сайты, которые не требуют больших мощностей. Чаще всего это сайты о себе.

Такой хостинг имеет существенные ограничения:

- небольшое дисковое пространство;

- ограничение размера отдельного файла;

- ограничение допустимых расширений имён файлов;

- ограничение на размещаемую информацию (например, запрещено размещение сайтов порнографической тематики);

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

- домен третьего уровня;

Наиболее популярные бесплатные российские хостинги: Narod.ru, uCoz, by.ru.

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

Его, в свою очередь, также можно разделить на несколько основных видов:

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

виртуальный частный/выделенный сервер (VPS или VDS)-предоставляется место на диске, часть общей памяти, процессорное время сервера. Выглядит для пользователя так же, как и выделенный сервер, но физически на одном реальном сервере располагается несколько виртуальных серверов. Этот вариант более дорогой относительно виртуального хостинга, но в данном случае провайдер вам гарантирует определенный объем ресурсов, что снимает вопрос о превышении нагрузки вашей части сервера за счет других сайтов. Этот вариант хостинга вполне подойдет для 95-95% всех сайтов (в том числе интернет-магазинов, средних по объему порталов);

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

колокация (Collocation) предоставление места в датацентре провайдера для оборудования клиента (обычно путем монтажа в стойке) и подключение его к интернету.

Наиболее популярные платные хостинги: Beget, Timeweb,Sprinthost, Fozzy.

3.4Этапы разработки сайта

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

Рисунок 6 - Вход или регистрация на сайте

После входа в свой аккаунт высвечиваются ранее вами созданные сайты черновики, а в правом верхнем углу расположена кнопка создать сайт, кликнув на которую предоставляется возможность создать еще 1 новый сайт (рисунок 7).

Рисунок 7 - Сайты черновики

После перехода на создание сайта высвечивается 2 окна с выбором создания пустого сайта или выбор шаблона (рисунок 8) .

Рисунок 8- Создание сайта

При выборе создания сайта из готовых шаблонов высвечиваются варианты готовых шаблонов (рисунок 9).

Рисунок 9- Готовые шаблоны сайта

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

Рисунок 10 - Чистый сайт

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

На шапке первой страницы отражен логотип компании, название, контактный номер (рисунок 11).

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

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

На данной странице расположены кнопки: информация, расписание маршрута, вопросы/ ответы, отзывы (рисунок 12).

Рисунок 12-Кнопки сайта

Проходя по ссылке информация сайт автоматически прокручивается к странице на которой расположена основная информация о Экомобиле (Экомобиль это, что можно сдать в Экомобиль, преимущества Экомобиля) (рисунок 13).

Рисунок 13- Информация о Экомобиле

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

В таблице отражены такие данные как:район, улица, дни недели, время(рисунок 14).

Рисунок 14- Расписание маршрута и сбора ртутьсодержащих отходов

Проходя по ссылке «Вопросы/ ответы» производится переход на страницу «Часто задаваемые вопросы/ ответы», на которой под каждым вопросом расположен развернутый ответ (рисунок 15)

Рисунок 15- Часто задаваемые вопросы/ответы

Проходя по последней ссылке, высвечиваются отзывы клиентов, которые пользовались данной услугой. Так же расположена контактная информация (адрес; телефоны;Email) (рисунок 16).

Рисунок 16- Отзывы

Передача сайта будет, осуществляется по договору, для этого необходимо передать:

- логин и пароль доступа к административной панели сайта;

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

- лицензии или лицензионное соглашение на систему управления.

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

Для продвижения сайта необходимо:

- настроить сайт правильно изнутри;

- писать правильно выбранные ключевые слова;

-набрать подписчиков, заинтересованных в данной тематике, с которыми сможем контактировать;

- увеличить видимость сайта в социальных сетях, СМИ и других возможных местах.

Сайт доступен в различных браузерах (Netscape, Opera, Safari, Mozila, Google).

Заключение

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

При этом мною были решены следующие частные задачи:

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

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

- ознакомление с методами и способами представления на Web-страницах различных видов информации (текстов и изображений);

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

- определение структуры Web-страниц;

- предоставление пошаговой стратегии разработки web-сайта;

- предоставление инструкции для пользователей web-сайта.

В результате проведенных работ отраженные на диаграмме Ганта (рисунки 4-5) был создан современный Web-сайт по проекту Экомобиль в Lending Page motor.

Библиографический список

интернет сайт web информация

1 Алексеев А.П. Информатика 2015. - М.:СОЛОН- Пресс, 2015. 400 с.

2 Блюмин А.М. Проектирование систем информационного, консультационного и инновационного обслуживания: Учебное пособие. М.: Дашков и К, 2010.352 с.

3 Кручинин В.В. Компьютерные технологии в науке, образовании и производстве электронной техники.- М. : ТУСУР, 2012. - 154 с.

4 Кудинов Ю.И. Основы современной информатики.-- СПб.: Лань, 2011. - 256 с.

5 Синаторов С.В. Информационные технологии. [Электронный ресурс]: Учебные пособия - Электрон.дан. - М. : ФЛИНТА, 2016. - 448 с. -Режим доступа: http://e.lanbook.com/book/83798 -Загл. с экрана.

6 Информационные процессы и технологии. [Электронный ресурс]. Режим доступа:http://dssp.petrsu.ru/p/tutorial/informatics/chapter2/5/51.htm (13.02.2017)

7 КП. [Электронный ресурс]. Режим доступа: http://www.omsk.kp.ru/daily/ 26032.4 / 2949232(13.02.2017)

8 Проблемы экологии Омска и Омской области.[Электронный ресурс]. Режим доступа: http://ecology-of.ru/ekologiya-regionov/problemy-ekologii-omskoj-oblasti(13.02.2017)

9 Федеральный закон от 24.06.1998 N 89-ФЗ (ред. от 29.12.2014) "Об отходах производства и потребления".[Электронный ресурс]. Режим доступа: http://www.consultant.ru/cons/cgi/online.cgi?req=doc;base=LAW;n=166431;from=173740-8;rnd=0.044474110981162274#0/ (13.02.2017)

10 Экология и право.[Электронный ресурс]. Режим доступа: http://bellona.ru/2015/01/27/ekomobil-ot-dikovinki-do-krupnejsh/ (13.02.2017)

11 ЭкоTrac .[Электронный ресурс]. Режим доступа:http://www.eko-track.com/services/utilizatsiya-otkhodov/opasnye-otkhody/(13.02.2017)

12 Mr.money.[Электронный ресурс].Режим доступа: http://www.mr-money.ru/zarabotok/s-pomoshu-saitov/chto-takoe-hostin/( 02.03.2017)

13 RuGost разработка документации по ГОСТ. [Электронныйресурс].Режимдоступа: http://www.rugost.com/index.php?catid=33&id=182:43&Itemid=85&option=com_content&view=article (2.03.2017)

Размещено на Allbest.ru

...

Подобные документы

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

    контрольная работа [1,0 M], добавлен 15.02.2017

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

    дипломная работа [2,9 M], добавлен 13.04.2014

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

    курсовая работа [1,9 M], добавлен 09.05.2011

  • Рассмотрение понятий и программного инструментария, применяемых для разработки и создания Web-сайтов. Методы и способы представления на Web-страницах различных видов информации. Создание структуры файлов проекта, главной страницы и страниц номеров отеля.

    курсовая работа [3,5 M], добавлен 13.11.2022

  • Программный инструментарий, применяемый для разработки и создания Web-сайтов. Методы и способы представления на Web-страницах различных видов информации. Покупка хостинга и домена. Система управления содержимым сайта. Установка Drupal 7 на хостинг.

    курсовая работа [993,8 K], добавлен 14.07.2012

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

    курсовая работа [3,1 M], добавлен 20.05.2015

  • Мультимедийное представление информации, аналоги платформ. Разработка структуры сайта, макетов страниц. Верстка шаблонов страниц. Написание серверной логики и кода презентаций. Публикация сайта в сети Интернет. Требования к интерфейсу пользователя.

    дипломная работа [983,2 K], добавлен 17.12.2015

  • Разработка информационной базы Казачинско-Ленского района. Создание веб-сайта, использование современных Интернет-технологий: программный инструментарий PHP, MySQL, Apach-сервер. Методы и способы представления на Web-страницах различной информации.

    дипломная работа [1,7 M], добавлен 14.02.2012

  • Исследование технических возможностей Web Page Maker для проектирования и разработки сайта. Изучение современных Интернет-технологий. Анализ основных этапов создания сайта. Представление текста и графики на web-страницах. Управление объектами страницы.

    курсовая работа [804,3 K], добавлен 16.01.2014

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

    дипломная работа [1,7 M], добавлен 20.07.2014

  • Понятие сайта и их классификация - корпоративные, презентационные, тематические, интернет-магазины. Язык гипертекстовой разметки HTML и его средства разработки. Виртуальный web-сервер Denver и MySQL базы. Этапы разработки сайта и структура навигации.

    дипломная работа [2,4 M], добавлен 13.01.2015

  • Основные принципы создания сайта: написание HTML-кода страниц в блокноте, сохранение текстовой информации с расширением .htm. Размещение сайта на ресурсах хостинг-провайдеров с помощью Total Commander. Поиск информации в сети Интернет. Работа с Google.

    отчет по практике [6,8 M], добавлен 08.09.2013

  • Проектирование web-сайта. Пользовательские персонажи, детальная концепция сайта. Разработка скелетной схемы страниц, информационной архитектуры. Создание прототипа web-сайта. Выбор среды разработки. CMS системы и их анализ. Стадии проектирования сайта.

    курсовая работа [346,7 K], добавлен 18.09.2016

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

    дипломная работа [1,5 M], добавлен 03.06.2015

  • Современные Интернет-технологии, Web-дизайн и браузеры. Язык разметки гипертекстовых страниц HTML. Представление текста и графики на Web-страницах. Правила и этапы создания сайта. Влияние дисплеев на Web-дизайн. Сравнительный анализ HTML-редакторов.

    дипломная работа [3,3 M], добавлен 21.06.2013

  • Постановка задачи разработки сайта компании "ОргТехСервис". Выбор методики проектирование сайта, разработка проекта, тестирование и отладка. Расчет показателей надежности Интернет-услуг. Порядок разработки интерфейсов взаимодействия с пользователем.

    контрольная работа [1,5 M], добавлен 22.10.2014

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

    курсовая работа [1,6 M], добавлен 13.06.2013

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

    дипломная работа [1,5 M], добавлен 08.12.2013

  • Сайт как средство предоставления и передачи информации, их классификация. Разработка информационного web-сайта для МОУ СОШ №12. Подготовка проектной документации, выбор средств разработки HTML-страниц. Функциональная часть, контент; структура навигации.

    дипломная работа [2,6 M], добавлен 08.01.2015

  • Основные технологии разработки ресурсов Интернет. Процесс разработки веб-сайта. Понятие Web-сайта и классификация Web-сайтов. Основные этапы разработки Web-сайта. Использование HTML, CSS, JavaScript, FLASH, PHP и реляционной базы данных MySQL.

    презентация [1,3 M], добавлен 28.11.2015

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.