Разработка сайта олимпиады для школьников для по заказу ГБОУ СПО СО ЕЭТК с системой управления содержимым

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

Dreamweaver также обеспечивает полно-функциональную  среду написания кода, которая включает инструментальные средства редактирования кода (например, раскраска кода или проверка закрытия тегов) и справочная информация по HTML, CSS, JavaScript, язык разметки ColdFusion (CFML), Microsoft Active Server Pages (ASP) и страницы JavaServer (JSP).

Технология Roundtrip HTML импортирует документы HTML без переформатирования кода и вы можете настроить Dreamweaver, чтобы он наводил порядок и переформатировал HTML как вы этого хотите без того, чтобы повторно форматировать код.

Dreamweaver также дает возможность  вам строить динамические станицы  использующие сервер-технологии CFML, ASP.NET, ASP, JSP и PHP.

Dreamweaver полностью настраиваемый. Используйте Dreamweaver, чтобы создавать свои собственные объекты и команды, изменять "горячие" клавиши и даже писать код JavaScript, чтобы расширять возможности Dreamweaver новыми свойствами, инспекторами свойств и новыми отчетами о сайте.

Интерфейс программы представлен на рисунке 3.

Рисунок 3 – Интерфейс Dreamweaver

 

2.3 TurboSite

 

 

TurboSite – бесплатная программа для создания сайтов и электронных учебников.

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

Всего за несколько шагов можно получить готовый сайт. Для этого:

1. Выберите шаблон (в комплекте с программой идет 33 шаблона, дополнительные можно скачивать из интернета),
2. Добавьте страницы,
3. Заполните поля (название и описание сайта, информация об авторе и т.д.),
4. Добавьте информационные блоки (если необходимо: счетчики, реклама и тому подобное).

Программа очень проста в обращении, не требует знания языков программирования и разметки текста!

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

Сайт, созданный при помощи TurboSite, отлично работает на Narod.Ru, поддерживает комментарии, форму обратной связи, видео!

Основные возсожности программы:

• Комментарии
• Видео
• Тесты на JavaScript

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

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

Установка программы не занимает много времени. Компьютер не нагружает и не тормозит.

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

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

Главное достоинство, это все-таки простота в использовании. Это качество самое основное и очень приятное.

2.4 CMS-системы

 

 

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

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

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

В качестве базы данных, как и в большинстве популярных CMS, используется MySQL.

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

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

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

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

Рисунок 4 – Консоль CMS Wordpress

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

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

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

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

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

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

Интерфейс Joomla представлен на рисунке 5.

Рисунок 5 – Интерфейс Joomla

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

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

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

Рисунок 6 – Интерфейс Drupal

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

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

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

Сравнительные характеристики CMS представлены в таблице 2.

Таблица 2 - Сравнения популярных CMS

	WordPress	Joomla	Drupal
Кол-во плагинов/расширений/модулей	23,623	10,226	20,457
Кол-во шаблонов/тем	1,691	3,638	1,636
Простота установки	+	+	-
Простота администрирования	+	+-	+-
Простота освоения	+	-	-
Универсальность применения	-	+	+

 

Из рассмотренных систем управления контентом, я выбрал CMS WordPress в качестве «движка» для сайта олимпиады по информатике.

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

 

3 Практическая часть

 

3.1 Регистрация хостинга и доменного адреса

 

 

С помощью любого поисковика (Google, Yandex, Yahoo и пр.) находим и заходим в подходящий сайт хостинга. В данном случае WebHost1.ru, рисунок 7.

Рисунок 7 – сайт хостинга WebHost1.ru

 

Далее нажимаем на вкладку  “Вход в Билинг” и переходим на страницу регистрации, рисунок 8.

Рисунок 8 – Окно авторизации WebHost1.ru

Заполняем все поля формы регистрации, соглашаемся с условиями и нажимаем на кнопку «Зарегистрироваться» (На email прейдет ID и пароль для авторизации), рисунок  9.

Рисунок 9 – Форма регистрации WebHost1.ru

 

Подтверждаем регистрацию через email (переходим по ссылки подтверждения на электронном ящике, указанном при регистрации) и заходим в окно авторизации (на главной странице кнопка “Вход в Биллинг”). Вводим свои данные и нажимаем ”Войти в панель”, рисунок 10.

Рисунок 10 – Главная страница биллинговой панели WebHost1.ru

 

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

Рисунок 11 – Страница баланс биллинговой панели WebHost1.ru

 

Далее переходим на страницу “Хостинг” и выбираем один из данных тарифов (в данном случае  тариф “Стандарт”). Нажимаем “Заказать” под выбранным тарифом, рисунок 12.

Рисунок 12 – Прайс-лист тарифов хостинга WebHost1.ru

Далее регистрируемся на сайте домена (регистрация и оплата на сайте домена, аналогична регистрации на сайте хостинга). Теперь регистрируем доменный адрес. С главной страницы переходим: Домены > Зарегистрировать домен, рисунок 13.

Рисунок 13 – Навигационное меню сайта 2domains.ru

 

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

Рисунок 14 – Окно регистрации доменного адреса

 

Далее с главной страницы переходим  на страницу “Домены” и нажимаем на ссылку своего доменного адреса, рисунок 15.

Рисунок 15 – Страница мои домены сайта 2domains.ru

 

В появившемся окне выбираем пункт  “Управление DNS-серверами / Делегирование”. Перейдя на страницу, указываем  адреса DNS-серверов хостинга (адреса можно увидеть на главной страницы  биллинговой панели хостинга), в данном случае их 2. Нажимаем кнопку “Изменить”, рисунок 16.