Файл: Курсовая работа разработка одностраничного сайта для гапоу смпк средствами bootstrap.docx

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

Что такое Bootstrap?

Bootstrap — это открытый и бесплатный HTML, CSS и JS фреймворк, который используется веб-разработчиками для быстрой вёрстки адаптивных дизайнов сайтов и веб-приложений.

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

Основная область его применения – это фронтенд разработка сайтов и интерфейсов админок. Среди аналогичных систем (Foundation, UIkit, Semantic UI, InK и др.) фреймворк Bootstrap является самым популярным.

Почему Bootstrap так популярен? Это связано с тем, что он позволяет верстать сайты в несколько раз быстрее, чем на «чистом» CSS и JavaScript. А в нашем мире, время – это очень ценный ресурс. Ещё один его аспект – доступность. Она сводится к тому, что предоставляет возможность даже начинающему веб-разработчику (без глубоких знаний и достаточной практики) создавать достаточно качественные макеты.

Фреймворк Bootstrap – это набор набор CSS и JavaScript файлов. Чтобы его использовать эти файлы необходимо просто подключить к странице. После этого вам станут доступны инструменты данного фреймворка: колоночная система (сетка Bootstrap), классы и компоненты.

Из чего состоит Bootstrap? Bootstrap состоит из:

- инструментов для создания макета (обёрточных контейнеров, мощной системы сеток, гибких медиа-объектов, адаптивных утилитных классов);

- классов для стилизации базового контента: текста, изображений, кода, таблиц и figure;

- готовых компонентов: кнопок, форм, горизонтальных и вертикальных навигационных панелей, слайдеров, выпадающих списков, аккордеонов, модальных окон, всплывающих подсказок и др.;

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

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

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

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

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

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

- низкий порог вхождения; для работы с фреймворком не обязательно иметь «глубокие» знания по HTML, CSS, JavaScript и jQuery (достаточно знать только основы этих технологий);

1.2. Анализ одностраничных сайтов-визиток колледжей

ВЫВОДЫ ПО I ГЛАВЕ

ГЛАВА II. ПРАКТИЧЕСКАЯ РАБОТА… (по теме КР)

2.1. Этапы разработки информационного продукта

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

2.2. Этапы реализации информационного продукта

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

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

ВЫВОДЫ ПО II ГЛАВЕ

Перечисляются основные, ключевые моменты, рассмотренные в практической части.

ЗАКЛЮЧЕНИЕ

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

СПИСОК ЛИТЕРАТУРЫ

(24 источника, не менее 5 – книжная продукция)

Должен содержать сведения об источниках, использованных в работе. Источники следует располагать в алфавитном порядке по фамилиям авторов. Составляется в соответствии с ГОСТ 7.1. На каждый элемент списка использованных источников в тексте отчета, в квадратных скобках, должны быть приведены ссылки.

«точка» ставится в конце предложения после [ ]:

[12]. – использован переработанный материал 12 источника из списка литературы (использовать как можно реже) или интернет-ресурс;

[2; 14]. – использован переработанный материал 2 и 14 источников из списка литературы;

[13, с. 12]. – взят материал из 13 источника «как есть» или переработанный фрагмент текста страницы 12 (более предпочтительный вариант).

Вдовенко Л. А. Информационная система предприятия: Учебное пособие / Л. А. Вдовенко, 2-е изд., пераб. и доп. - М.: Вузовский учебник, НИЦ ИНФРА-М, 2015. - 304 с.
Голицына О. Л. Программное обеспечение: учебное пособие / О.Л. Голицына, Т.Л. Партыка, И.И. Попов. - 4-e изд., перераб.и доп. - М.: Форум: НИЦ Инфра-М, 2019
Томас М.Томас II. Структура и реализация сетей на основе протокола OSPF / Томас М.Томас II/ - 2 изд., пер. с англ. – М.: Издательский дом «Вильяме», 2013. - 816 с.
John Tiso. ARCH «Designing Cisco network service architectures» / Cisco Systems Inc. 2016. – 380 c.

Интернет источники

Шешко А. П. Настройка BGP на Cisco [Электронный ресурс] / А. П. Шешко / ООО «Сервис», 2017. Режим доступа URL: http://www.go-to-easyit.com/2011/10/bgp-cisco.html
Настройка BGP на Cisco [Электронный ресурс] / ООО «Сервис», 2017. Режим доступа URL: http://www.go-to-easyit.com/2011/10/bgp-cisco.html

ПРИЛОЖЕНИЕ 1

Оформляется на отдельном листе, после которого каждое приложение начинается с отдельного листа, например «Техническое задание к информационному продукту» (Приложение 3). Нумерация страниц не проставляется.