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

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ КЫРГЫЗСКОЙ РЕСПУБЛИКИ

КЫРГЫЗСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ им. И.РАЗЗАКОВА

ИНСТИТУТ ЭЛЕКТРОНИКИ И ТЕЛЕКОММУНИКАЦИЙ

Кафедра «ИНФОРМАЦИОННЫЕ СИСТЕМЫ И ТЕХНОЛОГИИ

В ТЕЛЕКОММУНИКАЦИЯХ»

КУРСОВАЯ РАБОТА

для бакалавра по направлению 710200 «Информационные системы и технологии»

профиль «Информационные системы и технологии в телекоммуникациях»

Бишкек 2021



Введение

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

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

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

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



1. Теоретическая часть

1.1 Актуальность темы

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

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

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

Цель создания сайта состоит в передаче информации пользователю.

Тема данной курсовой работы - разработка веб-сайта для Учебно Воспитательного Комплекса ШГ №69. Актуальность курсовой работы обусловлена тем, что в современном мире всё больше людей нуждаются в дистанционном получения информации, как школьного материала, так и другой информации для родителей, в связи с эпидемией COVID-19, эта тема стала как никогда актуальна

1.2 Выбор сред разработки для реализации сайта

Для разработки и реализации сайта были выбраны следующие программные средства:

-Notepad++;

-язык разметки гипертекста html и css;

Notepad++ - свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Он базируется на компоненте Scintilla, написан на C++ с использованием STL, а также Win32 API и распространяется под лицензией GPL. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры - это портативная серверная платформа и программная среда, созданная специально для web-разработчиков с учётом их рекомендаций и пожеланий.

HTML (от англ. Hyper Text Markup Language - «язык гипертекстовой разметки») - стандартный язык разметки документов во Всемирной паутине. Большинство web-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

Язык HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO8879.

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

Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют расширение.html или.htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет - обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса web - страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Google Chrome, Mozilla Firefox, Opera, Internet Explorer и Safari.

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

Преимущественно используется как средство описания, оформления внешнего вида web-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML - документам, например, к SVG или XUL.

CSS используется создателями web - страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих web-страниц. Основной целью разработки CSS являлось разделение описания логической структуры web-страницы от описания внешнего вида этой web-страницы. Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях[11].(англ. PHP: Hypertext Preprocessor - «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools - «Инструменты для создания персональных web - страниц») - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки web - приложений. В настоящее время поддерживается подавляющим большинством хостинг - провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических web - сайтов

1.3 Основная концепция и содержание веб-сайта

Разрабатываемый сайт предназначен для ознакомления людей с Учебно воспитательным копмлексом.

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

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

Исходя из поставленных задач, web-сайт должен предоставлять следующие возможности:

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

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

Был реализован способ связи клиентов с администрацией учебно воспитательного комплекса ШГ №69.

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

Дизайн сайта играет немаловажную роль в создании самого сайта, а именно он должен соответствовать следующим требованиям:

· внешний вид сайта должен соответствовать выбранной тематики;

· навигация по сайту должна быть удобной для пользователя;

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

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

Изображение в окне браузера состоит из трех основных элементов:

1. название сайта;

2. главное информационное меню по середине страницы;

3. степени обучения;

4. занятие, проводимые в школе;

5. отзывы, а так же контактные данные;



2. Практическая часть

2.1 Дизайн сайта

интерфейс сайт среда дизайн

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

Сайт школы представлен в виде стандартного одностраничного сайта:

Рис. 1

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

Рис. 2

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

Рис. 3

В следующем блоке представлены важнейшие качества, которыми обучится ученик окончив эту школу;



Рис. 4

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

Рис. 5

Форма заявки

Рис. 6

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



Заключение

Результатом курсовой работы стал готовый к работе web - сайт учебно воспитательного комплекса ШГ №69. В ходе проведения работы были решены следующие задачи:

ь Предоставление информации школы

ь Дистанционная заявка для вступления

ь Настоящие отзывы от учеников школы, позволяющие оценить уровень знаний

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

- Notepad++;

- язык разметки гипертекста html и css.

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



Глоссарий

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

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

GOOGLEFONTS -- сайт предназначенный для подключения и поиска шрифтов для кода HTML.

МЕТОДОЛОГИЯ БЭМ-- (Блок-Элемент-Модификатор) -- методология web-разработки, а также набор интерфейсных библиотек, фреймворков и вспомогательных инструментов.

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

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



Приложение

<!DOCTYPE html>

<html lang="ru">

<head>

<title>Райымжанов Адэн ИСТТ 1-20</title>

<link rel="stylesheet" href="css/style.css" />

<meta http-equiv="Contet-type content="text/html;charset="UTF-8" />

</head>

<body bgcolor = grey >

<div class="wrapper">

<header class="header">

<div class="header__body">

<div class="header__column">

<span></span>

</div>

<nav class="header__column">

<ul class="header__list">

<li>

<a href="index.html" class="header__link">Главная</a>

</li>

<li>

<a href="mail.html" class="header__link">Оставить заявку</a>

</li>

<li>

<a href="#contacts" class="header__link">Контакты</a>

</li>

</ul>

</nav>

</div>

</div>

</header>

</div>

<div class="mainblock">

<div class="mainblock__imageblock imageblock">

<div class="imageblock__title">УВК ШГ №69</div>

<div class="imageblock__subtitle">Учебно Воспитательный Комплекс ШГ №69</div>

<div class="imageblock_bg"><img src="img/1img.png" alt=""></div>

</div>

</div>

<div class="year">

<div class="year__column">

<div class="item-1">

<div class="item-1__title">12</div>

<div class="item-1__subtitle">лет успешной работы</div>

<div class="item-1__text"></div>

</div>

<div class="item-1">

<div class="item-1__title">100</div>

<div class="item-1__subtitle">преподавателей</div>

</div>

<div class="item-1">

<div class="item-1__title">1500</div>

<div class="item-1__subtitle">учеников в общем</div>

</div>

<div class="item-1">

<div class="item-1__title">3500</div>

<div class="item-1__subtitle"> книг в библиотеке</div>

</div>

</div>

</div>

</div>

<div class="stup">

<div class="stup__body">

<div class="stup__header">

<div class="stup__title">У НАС 3 СТУПЕНИ ОБУЧЕНИЯ</div>

</div>

<div class="stup__row">

<div class="stup__column">

<div class="item-stup">

<div class="item-stup__title">1 ступень</div>

<div class="item-stup__text">(1 - 4 классы) <br> В гимназии функционируют прогимназические классы углубленно-развивающего направления с широким набором дополнительных платных образовательных услуг:занимательный русский язык; занимательная математика; английский язык (углублённо); робототехника.

</div>

</div>

</div>

<div class="stup__column">

<div class="item-stup">

<div class="item-stup__title">2 ступень</div>

<div class="item-stup__text">(5 - 9 классы)<br>Начиная с 5-го класса осуществляется углубленное изучение экономики, права и отдельных предметов

в гимназических (социально-экономических) классах.В программе обучения углубленное изучение социально-экономических предметов,

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

спортивно-эстетическое воспитание.</div>

</div>

</div>

<div class="ptojects__column">

<div class="item-stup">

<div class="item-stup__title">3 ступень</div>

<div class="item-stup__text">(10 - 11 классы)<br>С 10-го класса для учащихся предоставляется возможность выбора индивидуального

образовательного маршрута путем изучения предметов по выбору.

Проводится профориентационная работа</div>

</div>

</div>

</div>

</div>

</div>

<div class="job">

<div class="job__body">

<div class="job__header">

<div class="job__title">ЧЕМ МЫ ЗАНИМАЕМСЯ?</div>

</div>

<div class="job__row">

<div class="item-job">

<div class="item-job__body">

<div class="item-job__logo">

<img src="img/logo.png" alt="">

</div>

<div class="item-job__title">ФОРМИРУЕМ

ЛИЧНОСТЬ </div>

</div>

</div>

<div class="item-job">

<div class="item-job__body">

<div class="item-job__logo">

<img src="img/logo.png" alt="">

</div>

<div class="item-job__title">УЧИМ

ВЗАИМООТНОШЕНИЮ</div>

</div>

</div>

<div class="item-job">

<div class="item-job__body">

<div class="item-job__logo">

<img src="img/logo.png" alt="">

</div>

<div class="item-job__title">УЧИМ

САМОСТОЯТЕЛЬНОСТИ</div>

</div>

</div>

<div class="item-job">

<div class="item-job__body">

<div class="item-job__logo">

<img src="img/logo.png" alt="">

</div>

<div class="item-job__title">РАЗВИВАЕМ

ЛОГИКУ</div>

</div>

</div>

<div class="item-job">

<div class="item-job__body">

<div class="item-job__logo">

<img src="img/logo.png" alt="">

</div>

<div class="item-job__title">УЧИМ...

</div>

</div>

</div>

<div class="item-job">

<div class="item-job__body">

<div class="item-job__logo">

<img src="img/logo.png" alt="">

</div>

<div class="item-job__title">ФИЗИЧЕСКАЯ И

УМСТВЕННАЯ ПОДГОТОВКА</div>

</div>

</div>

</div>

</div>

</div>

<div class="review">

<div class="review__body">

<div class="review__header">

Oтзывы о нас

</div>

<div class="review__row">

<div class="review__column">

<div class="item-review__body">

<div class="item-review__icon">

<img src="img/kov.png" alt="">

</div>

<div class="item-review__text">

Моя первая школа моя,первая учительница,мои первые однаклассники,я люблю вас!

Это школа классная, тихая и очень красивая

</div>

<div class="item-review__title">

Ринат Акматалиев

</div>

</div>

</div>

<div class="review__column">

<div class="item-review__body">

<div class="item-review__icon">

<img src="img/kov.png" alt="">

</div>

<div class="item-review__text">

Школа большая и просторная. Участок огромный. Игровых площадок придостаточно, но очень много учеников. За 2016 год количсетво учеников составило 1658. Школа может похвастаться хорошими выпускниками, которые учатся не только в лучших ВУЗах страны ( Мага, Славянский и т.д.), но и учениками, которые учатся заграницей

</div>

<div class="item-review__title">

Нурсултан Максатбек Уулу

</div>

</div>

</div>

<div class="review__column">

<div class="item-review__body">

<div class="item-review__icon">

<img src="img/kov.png" alt="">

</div>

<div class="item-review__text">

Школа отличная учителя хорошие добрые, но дети ужасные,курят,обсирают и т.д. Бермет Азимовна очень добрый учитель хороший и я всё понимаю!спасибо Флоре Байрамовне! огромное!!

</div>

<div class="item-review__title">

Анна Огнева

</div>

</div>

</div>

</div>

</div>

</div>

<div class="orange">

<div class="block__title">ХОТИТЕ УСТРОИТЬ РЕБЁНКА

</div>

<div class="block__text">ОСТАВЬТЕ ЗАЯВКУ И МЫ СВЯЖЕМСЯ С ВАМИ!</div>

<div class="button">

<div class="button__body">

<a href="mail.html" class="button__link">ВАШ ЗАПРОС</a>

<div class="button__logo ">

<img src="img/logosms.png">

</div>

</div>

</div>

</div>

</div>

<div class="contacts">

<div class="contacts__body">

<div class="contacts__header">

<a name = "contacts">

КОНТАКТЫ

</div>

<div class="contacts__row">

<div class="contacts__column">

<div class="item-contacts">

<div class="item-contacts__icon">

<img src="img/mesto.png" alt="">

</div>

<div class="item-contacts__title">АДРЕС:</div>

<div class="item-contacts__text">Ул. Пушкина, дом Колотушкина

</div>

</div>

</div>

<div class="contacts__column">

<div class="item-contacts">

<div class="item-contacts__icon">

<img src="img/tel.png" alt="">

</div>

<div class="item-contacts__title">ТЕЛЕФОН:</div>

<div class="item-contacts__text">8-(800)-555-35-35</div>

</div>

</div>

<div class="contacts__column">

<div class="item-contacts">

<div class="item-contacts__icon">

<img src="img/clock.png" alt="">

</div>

<div class="item-contacts__title">ВРЕМЯ РАБОТЫ:</div>

<div class="item-contacts__text">8 дней в неделю

с утра до вечера</div>

</div>

</div>

<div class="contacts__column">

<div class="item-contacts">

<div class="item-contacts__icon">

<img src="img/pohcta.png" alt="">

</div>

<div class="item-contacts__title">E-MAIL:</div>

<div class="item-contacts__text">INFO@VIP.RU</div>

</div>

</div>

</div>

</div>

</div>

<div class="footer">

<div class="footer__body">

<div class="footer__title">© 2021 Учебно Воспитательный Комплекс ШГ №69</div>

</div>

</div>

</body>

</html>

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