Слайд 2Введение
Целью данной работы является: создание информационно – образовательного сайта МОУ СОШ №1
![Введение Целью данной работы является: создание информационно – образовательного сайта МОУ СОШ](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-1.jpg)
пос.Крымский с использованием системы управления содержанием сайта CMS Joomla.
Задачи, решаемые в данной работе:
-Обзор и сравнительный анализ основных моделей и этапов создания сайтов.
-Обзор основных функциональных особенностей при создании информационно образовательных сайтов.
-Выявление потребностей различных групп потенциальных посетителей сайта, основываясь на анализе сведений о муниципальном общеобразовательном учреждении средней общеобразовательной школе №1 г. Шахты Ростовской области.
-Выбор программных средств для реализации и размещения сайта в сети Интернет.
-Разработка дизайна сайта и варианта информационной структуры, рассчитанной на дифференцированный доступ пользователей к информации.
-Информационное наполнение сайта на основе CMS.
-Регистрация хостинга и доменного имени.
-Тестирование и публикация сайта в сети Интернет.
Слайд 3Этапы создания сайта
Работа над Web-сайтом содержит несколько этапов:
проектирование;
информационный дизайн;
графический дизайн;
создание
![Этапы создания сайта Работа над Web-сайтом содержит несколько этапов: проектирование; информационный дизайн;](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-2.jpg)
проекта;
тестирование;
публикация;
раскрутка;
поддержка.
Слайд 4
Проектирование включает в себя
исследование процессов, подлежащих автоматизации, конечное определение целей, идей
![Проектирование включает в себя исследование процессов, подлежащих автоматизации, конечное определение целей, идей](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-3.jpg)
и потребностей сайта;
предварительное определение архитектуры сайта, базы данных, потребностей в программном обеспечении;
анализ, определение требований и проектирование интерфейса, функциональных элементов, информационного наполнения, эргономичности и дизайна сайта;
разработка методов обеспечения безопасности и защиты информации от несанкционированного доступа;
уточнение требований к созданию сайта в соответствии с результатами проведенного анализа;
составление технической документации, технического задания.
Это первый и важный этап, поскольку он определяет дальнейшую работу над сайтом - дизайн, программирование, написание кода. Описание и анализ каждого этапа проектирования Web-сайта позволяет оценить его с разных позиций, как пользователей, так и создателей, что должно сделать разрабатываемый проект интересным и удобным для целевой аудитории, а авторам лучше понять его предназначение и структуру.
Слайд 5Графический и информационный дизайн
Под информационным дизайном (Web-сайта) можно понимать разработку структуры представления
![Графический и информационный дизайн Под информационным дизайном (Web-сайта) можно понимать разработку структуры](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-4.jpg)
информации, а также художественного и делового оформления узлов этой информационной структуры, связанных физически дисковым пространством одного сервера.
Основной целью графического дизайна является привлечение внимания аудитории к конкретной информации с помощью запоминающегося изображения.
Слайд 6Создание проекта Web-сайта
На этом этапе объединяются информационный и графический дизайн. Организуются
![Создание проекта Web-сайта На этом этапе объединяются информационный и графический дизайн. Организуются](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-5.jpg)
ссылки между страницами, отдельные страницы оформляются в единое целое – сайт. Идет создание Web-страниц, программирование, написание функциональной части. Процесс считается малотворческим, поскольку обычно идет простое забивание материалов по шаблонам, разработанным дизайнером.
Важны не только правильный выбор и использование элементов дизайна, но при проектировании узла важно определение его структуры
Плоская структура
Линейная структура
Древовидная структура
Комбинированная структура
Слайд 7Языки программирования
После выбора структуры сайта, можно приступить к его написанию. Для этого
![Языки программирования После выбора структуры сайта, можно приступить к его написанию. Для](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-6.jpg)
нужно выбрать язык программирования на котором будет писаться сайт. Языки Web-программирования делятся на две группы:
клиентские
серверные
Слайд 8Тестирование Web-сайта
Тест на usability, или на удобство использования
Проверка ссылок
Тест на безопасность
Тест на
![Тестирование Web-сайта Тест на usability, или на удобство использования Проверка ссылок Тест](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-7.jpg)
устойчивость к большим нагрузкам-Load-testing
Проверка верности HTML-кода страниц сайта
Слайд 9Публикация Web-сайта
Существует несколько вариантов классификации хостинга, например:
По принципу используемой технологии: «Unix»
![Публикация Web-сайта Существует несколько вариантов классификации хостинга, например: По принципу используемой технологии:](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-8.jpg)
хостинг, «Windows» хостинг.
По принципу размещения: виртуальный хостинг (Shared hosting), виртуальный выделенный сервер (VPS, VDS), отдельный физический сервер (Dedicated, Collocation).
По принципу оплаты: бесплатный хостинг. платный хостинг.
Слайд 10Продвижение и поддержка
Продвижение сайта – это комплекс мер, направленных на обеспечение сайта
![Продвижение и поддержка Продвижение сайта – это комплекс мер, направленных на обеспечение](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-9.jpg)
целевыми посетителями (потенциальными клиентами). Естественно, если на сайте нет посетителей, то он не работает, а финансовые ресурсы, затраченные Вами при создании сайта, потрачены впустую.
Поддержка сайта – это регулярное обновление информации на его страницах: изменение цен на товары или услуги, добавление описания новых товаров или услуг, новостей компании, ссылок и т.п.
Слайд 11Оптимизация Web-сайта
Оптимизация сайта – это по сути, приведение сайта в понятный для
![Оптимизация Web-сайта Оптимизация сайта – это по сути, приведение сайта в понятный](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-10.jpg)
поисковых систем вид, с целью выхода на как можно более высоких позициях по результатам определенных поисковых запросов. Но иногда, оптимизаторы приводят сайты в понятный для поисковых систем вид, но при этом в нечитабельный для посетителей вид.
Слайд 12Внутренняя структура информационно образовательного сайта МОУ СОШ № 1 пос. Крымский
![Внутренняя структура информационно образовательного сайта МОУ СОШ № 1 пос. Крымский](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-11.jpg)
Слайд 13Внешняя структура информационно образовательного сайта МОУ СОШ № 1 пос. Крымский
![Внешняя структура информационно образовательного сайта МОУ СОШ № 1 пос. Крымский](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-12.jpg)
Слайд 14Графическое оформление
В данной дипломной работе использовалась программа для создания шаблонов Artisteer -
![Графическое оформление В данной дипломной работе использовалась программа для создания шаблонов Artisteer](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-13.jpg)
программа для автоматизации веб-дизайна, которая моментально создает, уникальные шаблоны для СMS Joomla.
Слайд 15Регистрация домена и хостинга
Процесс размещения сайта на Интернет сервере называют иногда публикацией
![Регистрация домена и хостинга Процесс размещения сайта на Интернет сервере называют иногда](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-14.jpg)
сайта. Этот процесс неразрывно связан с понятием «хостинг» и «домен».
При регистрации домена и хостинга была выбрана компания Hostland.ru
Адрес веб-сайта www.thefirstschool.ru
Слайд 16Тестирование и отладка информационно образовательного сайта МОУ СОШ № 1
На данном этапе
![Тестирование и отладка информационно образовательного сайта МОУ СОШ № 1 На данном](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-15.jpg)
были выявлены и устранены мелкие недочеты, которые в целом незначительно влияли на корректное функционирование информационно образовательного сайта МОУ СОШ № 1 пос. Крымский.
Слайд 18Заключение
В ходе выполнения выпускной квалификационной работы был получен полнофункциональный информационно образовательный web-сайт,
![Заключение В ходе выполнения выпускной квалификационной работы был получен полнофункциональный информационно образовательный](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419182/slide-17.jpg)
полностью готовый к применению. Данный сайт ориентирован на учеников их родителей и преподавателей. С его помощью пользователи смогут получать необходимую информацию и задавать интересующие их вопросы в форуме. При размещении его в глобальной сети география распространения возрастает до масштабов всего мира.