Минобрнауки РОССИИ

федеральное государственное образовательное учреждение высшего образования

«Вологодский государственный университет»

(ВоГУ)
Информационные системы и программирование __________________________________________

(наименование специальности)


КУРСОВОЙ ПРОЕКТ

Дисциплина: «_Основы вёрстки веб-документов»
Наименование темы: «Разработка веб-сайта Прием березовой чаги в Вологодской области»
Шифр работы КП _______________________________________________________

код специальности….код МТ…регистрационный номер по журналу…год


Руководитель _________________Жуков Алексей Андреевич _____________

(уч.степень, звание, должность, Ф.И.О)

Выполнил(а) студент(ка) Майоров Андрей Сергеевич

(Ф.И.О.)

Группа, курс ИСП 33-19 _______________________________________________

Дата сдачи _______________________________________________
Дата защиты _______________________________________________
Оценка к защите _______________________________________________

(подпись преподавателя)

Вологда

2021 г.

СОДЕРЖАНИЕ
Введите название главы (уровень 1) 1

Введите название главы (уровень 2) 2

Введите название главы (уровень 3) 3

Введите название главы (уровень 1) 4

Введите название главы (уровень 2) 5

Введите название главы (уровень 3) 6

ВВЕДЕНИЕ

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

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

---

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

Цель курсового проекта: разработать веб-сайт «Прием березовой чаги в Вологодской области» с использованием языка гипертекстовой разметки HTML и языка таблицы стилей CSS. 

Задачи:

1. 
   Рассмотреть функциональные возможности HTML, CSS и SCSS;
   
2. 
   Разработать макет сайта;
   
3. 
   Наполнить сайт информацией по теме;
   
4. 
   Описание требований;
   
5. 
   Разработка программного функционала;
   
6. 
   Тестирование.
   

1 АНАЛИТИЧЕСКИЙ ОБЗОР

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

Сайт состоит из 10 страниц. Главная, является обще ознакомляющей страницей с переходами на страницы с информацией.

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

Для сайта выбраны цвета: #353849f2, #59698d, #ffbd5b, #2e3141, #fff.

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

По данным сайта www.ferra.ru топ 3 браузера в России являются: Google Chrome, Yandex Browser, FireFox.

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

Основные требования, которым должен удовлетворять сайт:

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

2. 
   Выбор программного обеспечения
   

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

• 
  Notepad++;
  
• 
  Sublime Text;
  
• 
  Visual Studio Code.
  

Notepad++ — это бесплатный текстовый редактор с внушительным функционалом, позиционирующийся как замена стандартному блокноту Windows. Notepad++

---

идеально подходит для программирования, так и для обычного ввода текста.

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

Достоинства и недостатки Notepad++

Достоинства:

• 
  Функциональность;
  
• 
  Поддержка вкладок;
  
• 
  Малое потребление ресурсов системы;
  

Недостатки:

• 
  Не привлекательный интерфейс;
  
• 
  Оказалась не удобной для использования лично для меня.
  

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

Достоинства и недостатки Sublime Text

Достоинства:

• 
  В редакторе доступно множество плагинов, которые интегрируются в одном месте.
  
• 
  Кроссплатформенная поддержка
  
• 
  Полностью настраиваемый
  
• 
  Простота в использовании.
  

Недостатки:

• 
  При поддержке плагинов, к сожалению, некоторые их них в редакторе все еще глючат. Необходимо требовательно подходить к выбору плагинов.
  

Visual Studio Code — это бесплатный редактор с множеством возможностей для кастомизации. Мне нравится стандартная цветовая схема и настройки по умолчанию. К тому же внешний вид легко изменить — для этого можно поэкспериментировать с базовыми настройками или подобрать оформление через магазин плагинов: есть масса бесплатных вариантов почти на любой вкус.

Достоинства и недостатки VS Code

Достоинства:

• 
  Множество настроек
  
• 
  Расширяемая библиотека дополнений и готовых решений;
  
• 
  Мультифункциональность (редактор поддерживает почти все языки, используемые для создания приложений);
  
• 
  Простота и гибкость.
  

Недостатки:

• 
  Из минусов разработчики отмечают достаточно большое время запуска приложения.
  
• 
  Поиск по проектам осуществляется относительно медленно.
  

Таким образом, исходя из вышеперечисленных достоинствах и недостатках и проверив их в эксплуатации, я выбрал VS Code.

---

2 РАЗРАБОТКА САЙТА

2. 
   
   
   1. 
      Разработка страниц
      

На главной странице находится поле с приветственной и ознакомительной информацией о сайте. (Рисунок 1)



Рисунок 1 - Главная страница
Код шапки и подвала одинаковы, поэтому я пропишу их один раз.

Код шапки:

alt="Пункт приема чаги Вологда">

• Главная



• Цены



• Статьи



• Контакты

---

Код подвала:



Код содержимого главной страницы:

---

Смотрите также файлы

• Более новые версии.pdf

• Практическое задание 1 по учебному курсу Основы нейрофизиологии и высшей нервной деятельности.docx

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

• атысушылар саны атыспаандар саны.docx

• Между двумя сотрудниками организации возник спор по поводу сроков внедрения новой технологии.docx